[bug]: DatePicker UI issue

[kamami]

Describe the bug

When setting endMonth={new Date(2030, 11)} to limit the date selection, the last row of the month looks like this:

Affected component/components

Calendar, Datepicker

How to reproduce

Set the endMonth prop to: endMonth={new Date(2030, 11)}

Codesandbox/StackBlitz link

No response

Logs

System Info

Chrome

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[MatheusFC2]

@kamami I managed to solve it

You need to go to the components/ui/calendar.tsx folder structure, go to day: cn(...) and remove w-full

I don't know if removing this w-full can cause other problems, but this one was solved

[theolebarq]

OK thanks for you answer @MatheusFC2,
But there's no other approach than having to modify the shadcn component directly ?

[MatheusFC2]

Not that I know of, but if this format doesn't change any of the other functionalities we can send it as a Pull request so that it's native to the lib, we just need to know if it changes other functionalities or not

@theolebarq

[theolebarq]

@MatheusFC2 I have opened an issue following our discussion to fix the bug 👍🏼

[MatheusFC2]

Great, we look forward to hearing from the leaders @theolebarq