TTC

Theo's Typesafe Cult•3y ago

Jovan Cvetkov

Shadcn Date Picker dropdown background color ?

I have a problem with shadcn's Date picker component - in project that I'm currently building in custom Sign-up page there is an input for birth date of the user and I want to use the Date picker from shadcn's UI library, but there is a bad UX because user has to navigate click after click through each month in order to get to the specific year. I came up with the solution to this problem by modifying Calendar component a bit by adding some of the React Date picker modifying classes and that way I added dropdowns for year and month selection and that way user can easily choose them no matter how old is he. Unfortunately these dropdowns doesn't have the best styling and I want to somehow change it but I really don't know how. I searched for some issues on Github and googled the problem a few times, but didn't came up with a solution.

Can someone help me with this specific problem or give me some sort of advice on how to fix this ? I hope my question is clear.

Thank you in advance, peace nerds