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

Highlight Currently Selected Option in Dropdown Menu When Opening Dialog #191

Open rajgop1 opened 1 year ago

rajgop1 commented 1 year ago

I hope this message finds you well. I've been using the react-tailwindcss-datepicker library in my project and have found it to be a great tool. However, I've noticed a small usability improvement that I believe could enhance the user experience.

Currently, when the date picker dialog is opened, the dropdown menu displays the available options, but the currently selected date isn't visually highlighted. I propose that we add a visual highlight to the option that corresponds to the currently selected date in the dropdown menu when the dialog is opened.

This small addition can make it easier for users to quickly recognize their current selection, especially when the dropdown list contains numerous options. It's a subtle change that can greatly improve the overall user-friendliness of the date picker.

I would love to take on the task of implementing this enhancement. If it aligns with your vision for the library, I'll be more than happy to contribute the necessary code changes. Please let me know your thoughts on this suggestion and whether you'd like me to proceed. Your guidance and feedback would be highly appreciated.

Looking forward to your response!

Best regards, Rajgopal