15+ Best React Date Picker & Calendar Components

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 dates

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 Nice Dates

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 Calendar

React Modern Calendar Datepicker

A modern, beautiful, customizable date picker for React.

React Modern Calendar Datepicker

React Google Flight Datepicker

React date picker inspired by Google Flight.

React Google Flight Datepicker

React Infinite Calendar

Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.

React Infinite Calendar

ReactJS Datepicker

A simple and reusable datepicker component for React.

ReactJS Datepicker

React Day Picker

Flexible, highly customizable, localizable, with ARIA support, no external dependencies.

React Day Picker

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 Datetime

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 Daterange Picker

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.

React-Date-Picker

RC Datepicker

A decent and pretty date picker to be used with ReactJS

RC Datepicker

Input moment

React datetime picker powered by momentjs.

Input moment

Flatpickr

It is a lightweight and powerful datetime picker.

Flatpickr

React yearly calendar

React calendar component with yearly view.

React yearly calendar

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.

TUI Calendar

FullCalendar

This project provides an official React component for FullCalendar, with all the same setting.

FullCalendar

React Multiple Datepicker

Let`s the user pick more than one date from the date picker.

React Multiple Datepicker

React-date-range

A date library agnostic React component for choosing dates and date ranges. Uses date-fns for date operations.

React-date-range

0 Comments

  1. TJ VanTollsays:

    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

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.