onesine / react-tailwindcss-datepicker

Modern date range picker component for React using Tailwind 3 and dayjs. Alternative to Litepie Datepicker.
https://react-tailwindcss-datepicker.vercel.app/
MIT License
552 stars 169 forks source link

Limitations when using DatePicker inside SideDrawer or some container #288

Open abdullahtariq1171 opened 1 week ago

abdullahtariq1171 commented 1 week ago

Hello, Thank you for building this awesome package. I love the smooth transitions ❤️

I wanted to point out a limitation and pitch a solutions. When we're using Datepicker within a container lets say SideDrawer in my case, its css remains responsive to window's media query. See this 👇

abdullah-11-08-2024 at 5  52 09

Solution:

This could be solved if we implement styles using CSS Container Queries.

Here is proof of concept of the proposed solution.

CSS Container Queries have 92+ coverage on can I use.

TailwindCSS also supports this through a plugin.

If you're open to it, I can have an attempt at this. Let me know what you think. Thanks