react-custom-scrollbars VS react-datepicker

react-datepicker is a lightweight library with a lot of features.

I have added a date picker to my application. I want to make the selected date section read-only, but when I add readonly to the input, it blocks the entire date picker. I need to do this in css or its component. (without js)

Live demo

I searched for alternative date pickers to use in place of the default HTML one. I found out that there is a React Date Picker component that can be used in place of the field.

Exactly. There are tons of different ways to solve that problem in react-date picker, this being one of them: https://reactdatepicker.com/#example-year-dropdown

The trending project I researched and selected is react-datepicker https://github.com/Hacker0x01/react-datepicker/ I chose this project because datetime selection is a hard problem (localization, internationalization, accessibility, time zones, etc.) that we encounter daily, so a good library could be / can be very helpful.

https://reactdatepicker.com/ I’m a rookie intern and was tasked with theming this to the project / brand I’m working for. I personally recommend this.

I showed my team a "pretty good" version using react-hook-forms and react-datepicker, but when they asked me to move and resize and reshape and change colors, it was like I had to hack and custom build and add !important everywhere to override built in CSS, so much that is was decided it would be more efficient to build it from scratch.