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

:bug: Fix: Added a new props or a way to show selected filter.

Open sarangshahane opened this issue 2 years ago • 0 comments

Description

Hello @onesine & Team,

I am opening this PR to show the selected shortcut in the calendar dropdown. This is to make the date selector more UX-friendly so that users can see the selected shortcut/filter.

Here in this PR, I have added a way to show the selected shortcut in the calendar dropdown by comparing the stored value with the list of shortcodes.

The issue is reported here: https://github.com/onesine/react-tailwindcss-datepicker/issues/156


Here is the screenshot of the range filter after adding the class:

react-tailwindcss-datepicker


Note: Also, there were a few dependency issues while setting up the environment, the reason for them is mentioned below.

Reason for package.json file change

  • I am using a Windows system, and the command was not working, so, I had to make changes in the package.json file to commit the changes. Without running the command, I was not able to commit the changes.

Reason for .eslintrc.json file change.

  • The plugin:react-hooks/recommended is already available in the eslint-config-next/core-web-vitals due to which it was showing an error and was not allowing me to make a commit.

I hope this clarifies.

Please let me know if in case need more changes or discussion.

Looking forward to hearing from you.

sarangshahane avatar Aug 18 '23 13:08 sarangshahane