Collection
Post cover

Best 27 React JS Date Pickers

Collection of free React JS date pickers.

Post cover

React Chakra UI Date Picker

Author: Chris Bull

Links: github

A React date picker using chakra-ui components.

Post cover

React Native Date Picker

Author: Denis Glazkov

Links: github

React native customizable date picker component for iOS and Android.

Post cover

React Calendar Datetime Picker

Author: mmehdinasiri

Links: github

A simple and fast date and time picker component for React.

Date Range Picker

Author: Almog Tavor

Links: demo and code

Made with: HTML / CSS / JS

A React date picker calendar with ranges.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Post cover

React Google Flight Datepicker

Author: JSLancer

Links: demo and code

Made with: HTML / CSS / JS

Google flight date picker implemented in ReactJS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Post cover

React Horizontal Datepicker

Author: Kushagra

Links: demo and code

Made with: HTML / CSS / JS

A simple and lightweight easily style-able side scrolling datepicker.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

React Nice Dates

Author: Hernán Sartorio

Links: demo and code

Made with: HTML / CSS / JS

A responsive, touch-friendly, and modular date picker library for React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

React Range Calendar

Author: Expertizo

Links: demo and code

Made with: HTML / CSS / JS

A responsive and accessible date range picker component with bunch of options built with React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

React Native Daterange Picker

Author: Deniz

Links: demo and code

Made with: HTML / CSS / JS

A React Native component for picking date ranges or single dates.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: moment.js

React Modern Calendar Datepicker

Author: Kiarash Zarinmehr

Links: demo and code

Made with: HTML / CSS / JS

A modern, beautiful, customizable date picker for React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Post cover

React Native Datetimepicker

Author: react-native-datetimepicker

Links: demo and code

Made with: HTML / CSS / JS

React Native date & time picker component for iOS, Android and Windows.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

React DateTimeRange Picker

Author: Wojciech Maj

Links: demo and code

Made with: HTML / CSS / JS

A datetime range picker for your React app.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Post cover

react-multiple-datepicker

Author: Codeinfuse

Links: Demo and code

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

Post cover

react-native-range-datepicker

React native range datepicker inspired by Airbnb.

Author: apaajabolehd

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
74 6 49
Post cover

react-datez

An easy to use, customizable mobile-friendly datepicker.

Author: secretyouth (Jamie Hayman)

Links: GitHub

Made with: JavaScript (76.0%), SCSS (21.4%), EJS (2.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
124 6 24
Post cover

react-native-datepicker-dialog

This library provides the cross-platform components for to open the date picker dialogs in effective way. It uses the native DatePickerAndroid & DatePickerIOS components. It will work for both ios and android.

Author: pandiaraj44 (Pandiarajan Nagarajan)

Links: GitHub

Made with: JavaScript (66.4%), Objective-C (20.2%), Starlark (7.6%), Java (5.8%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
43 0 13
Post cover

React Native Dates

React Native date / daterange picker and calendar

Author: werein

Links: GitHub

Made with: JavaScript (55.6%), Objective-C (18.3%), Ruby (10.0%), Starlark (8.5%), Java (7.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
164 2 53
Post cover

Rc-Datetime-Picker

React component for datetime picker by Moment.js

Author: AllenWooooo

Links: GitHub, Website

Made with: JavaScript (88.0%), CSS (11.0%), Shell (1.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
89 5 43
Post cover

react-calendar

React datepicker component

Author: ciqulover

Links: GitHub

Made with: TypeScript (74.6%), JavaScript (21.8%), HTML (2.7%), CSS (0.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
25 2 12
Post cover

react-mobile-datepicker

A lightweight react date picker for mobile, not more than 4k.

Author: lanjingling0510

Links: GitHub, CodePen

Made with: JavaScript (89.3%), CSS (10.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
285 14 115
Post cover

React Infinite Calendar

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

Author: clauderic (Claudéric Demers)

Links: GitHub, Website

Made with: JavaScript (69.8%), CSS (30.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3.9k 50 426
Post cover

react-dates

An easily internationalizable, mobile-friendly datepicker library for the web

Author: react-dates

Links: GitHub, Website

Made with: JavaScript (99.9%), SCSS (0.1%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
11.9k 154 1.7k
Post cover

react-native-datepicker

React native datepicker component for both Android and iOS, using DatePickerAndroid, TimePickerAndroid and DatePickerIOS.

Author: xgfe

Links: GitHub

Made with: JavaScript (80.3%), Objective-C (11.5%), Python (4.5%), Java (3.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2.1k 30 703
Post cover

React Simple Date Picker

React simpler date picker Component.

Author: boyarskiy

Links: GitHub, Website

Made with: JavaScript (89.8%), CSS (9.2%), HTML (1.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
17 3 4
Post cover

input-moment

React datetime picker powered by momentjs

Author: wangzuo

Links: GitHub, Website

Made with: JavaScript (58.5%), CSS (33.2%), HTML (8.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
522 12 181
Post cover

React DayPicker v8

Flexible date picker component for React. Highly customizable, localizable, with ARIA support, no external dependencies, 9KB gzipped.

Author: gpbl (Giampaolo Bellavite)

Links: GitHub, Website

Made with: TypeScript (93.0%), CSS (4.7%), JavaScript (2.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
4.6k 39 581
Post cover

React Date Picker

A simple and reusable datepicker component for React

Author: Hacker0x01

Links: GitHub, Website

Made with: JavaScript (95.3%), SCSS (4.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
6.7k 82 2k

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback