react-tailwindcss-datepicker icon indicating copy to clipboard operation
react-tailwindcss-datepicker copied to clipboard

Limitations when using DatePicker inside SideDrawer or some container

Open abdullahtariq1171 opened this issue 1 year ago • 1 comments

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

abdullahtariq1171 avatar Nov 08 '24 13:11 abdullahtariq1171

Would love to see an example or demo employing this strategy! Thank you.

charlieforward9 avatar Jun 23 '25 19:06 charlieforward9