The Date Picker is a component that allows a user to pick a date on a calendar visual pop-up, and Calendar is another component that allows a user to select a date from an active month. So here are 15 Best React Date Picker & Calendar Components that help you create better user experiences, have more design and branding choices.
React dates
An easily internationalizable, accessible, mobile-friendly datepicker library for the web. It`s very easy to use and integrate in your projects.
React Nice Dates
A responsive, touch-friendly, and modular date picker library for React. React Nice Dates is composed of a set of components and utilities with different levels of abstraction that you can use to build your own date pickers.
React Calendar
Ultimate calendar for your React app. Surely we could use moment.js and call it a day. But modern web allows us to do much more with much less. That’s why React-Calendar relies on native date formatting, allowing you to keep your webpage as light as possible.
React Modern Calendar Datepicker
A modern, beautiful, customizable date picker for React.
React Google Flight Datepicker
React date picker inspired by Google Flight.
React Infinite Calendar
Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
ReactJS Datepicker
A simple and reusable datepicker component for React.
React Day Picker
Flexible, highly customizable, localizable, with ARIA support, no external dependencies.
React Datetime
A date and time picker in the same React.js component. It can be used as a datepicker, timepicker or both at the same time. It is highly customizable and it even allows to edit date’s milliseconds.
React Daterange Picker
Select a date range in an intuitive way. Define date ranges that are not available for selection. Show any number of months at the same time. Visually represent half day states.
React-Date-Picker
Need a decade picker? No problem. Need numbered weeks? We`ve got you covered. There are tons of options to choose from to make React-Date-Picker truly yours.
RC Datepicker
A decent and pretty date picker to be used with ReactJS
Input moment
React datetime picker powered by momentjs.
Flatpickr
It is a lightweight and powerful datetime picker.
React yearly calendar
React calendar component with yearly view.
TUI Calendar
It is a full-featured calendar. Experience various view types, default popups, dragging or resizing schedules and customizable theme which is easy to use.
FullCalendar
This project provides an official React component for FullCalendar, with all the same setting.
React Multiple Datepicker
Let`s the user pick more than one date from the date picker.
React-date-range
A date library agnostic React component for choosing dates and date ranges. Uses date-fns for date operations.
Hey,
One library I didn’t see on your list is the KendoReact DatePicker: https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/. The big advantage with using KendoReact is that it plays nicely with the other 80+ KendoReact components (https://www.telerik.com/kendo-react-ui/components/). Full disclosure: I work on the KendoReact team, but I’m a big fan of our components and want to spread the word