reactstrap VS react-datepicker

After the app creation process completes, navigate into the app directory and install Bootstrap, cookie support for React, React Router, and Reactstrap.

Great, we were finally able to make use of the plethora of reactstrap components like Spinner, Button, Layout and a host of others. There are more to it as this is just a tip of the iceberg. I recommend you go through reactstrap official documentation to get a feel of the numerous other UIs that they provide.

Reactstrap has 10.1K stars, 1.2K forks, 231K users, and 239 contributors. According to npmjs.com, it has 374,493 weekly downloads.

I tried with reactstrap, and yes has bootstrap css classes as components (e.g ) but you have to includes all bootstrap styles:

I've followed https://reactstrap.github.io/ and got it working. But bootstrap is now applied to all the site, because I have this

I start developing a React app with reactstrap. I followed the Get Started running the following commands :

I do a lot of enterprise application development in a very small team. It's important for us to create applications that work on any device with a modern web browser that is connected to the Internet and not just a LAN or VPN. The apps must authenticate thru single-sign on that is federated with the company Active Directory. The apps need to rely on commonly available libraries like React and Bootstrap albeit through ReactStrap, and they must be spartan and similar. That is to say that users need to be able log onto all of the various apps the same way, and the apps need to do simply what they need to do with no bells or whistles. Furthermore, one app should look and feel like the others. We don't want to confuse users by making them feel like they need to learn a whole new system for every new application.

I'm new to Material UI and ReactJS. I've been playing around with Create-React-App (CRA) and reactstrap. My question is, can I use Material UI and CRA together to build an app?

Let's analyze a popular React library, react-datepicker; if we look at how its package.json looks today, we can tell that we require at least React version ^16.9.0 for react-date picker to work correctly.

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.