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

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.