Collection of free React JS date pickers. Update of December 2020 collection. 3 new items.

Related Articles

  1. Bootstrap Datepickers and Timepickers
  2. jQuery Datepickers and Timepickers
Demo image: React Chakra UI Date Picker

Author

  • Chris Bull

About a code

React Chakra UI Date Picker

A React date picker using chakra-ui components.

Demo image: React Native Date Picker

Author

  • Denis Glazkov

About a code

React Native Date Picker

React native customizable date picker component for iOS and Android.

Demo image: React Calendar Datetime Picker

Author

  • mmehdinasiri

About a code

React Calendar Datetime Picker

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

Author

  • Almog Tavor

Made with

  • HTML / CSS / JS

About a code

Date Range Picker

A React date picker calendar with ranges.

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

Responsive: yes

Dependencies: -

Demo image: React Google Flight Datepicker

Author

  • JSLancer

Made with

  • HTML / CSS / JS

About a code

React Google Flight Datepicker

Google flight date picker implemented in ReactJS.

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

Responsive: yes

Dependencies: -

Demo image: React Horizontal Datepicker

Author

  • Kushagra

Made with

  • HTML / CSS / JS

About a code

React Horizontal Datepicker

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

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

Responsive: yes

Dependencies: -

Author

  • Hernán Sartorio

Made with

  • HTML / CSS / JS

About a code

React Nice Dates

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

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

Responsive: yes

Dependencies: -

Author

  • Expertizo

Made with

  • HTML / CSS / JS

About a code

React Range Calendar

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

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

Responsive: yes

Dependencies: -

Author

  • Deniz

Made with

  • HTML / CSS / JS

About a code

React Native Daterange Picker

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

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

Responsive: yes

Dependencies: moment.js

Author

  • Kiarash Zarinmehr

Made with

  • HTML / CSS / JS

About a code

React Modern Calendar Datepicker

A modern, beautiful, customizable date picker for React.

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

Responsive: yes

Dependencies: -

Demo image: React Native Datetimepicker

Author

  • react-native-datetimepicker

Made with

  • HTML / CSS / JS

About a code

React Native Datetimepicker

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

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

Responsive: yes

Dependencies: -

Author

  • Wojciech Maj

Made with

  • HTML / CSS / JS

About a code

React DateTimeRange Picker

A datetime range picker for your React app.

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

Responsive: yes

Dependencies: -

Demo image: react-multiple-datepicker

react-multiple-datepicker

Codeinfuse |

codesandbox

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

Demo image: react-native-range-datepicker

react-native-range-datepicker

apaajabolehd |

github page

React native range datepicker inspired by Airbnb.

Demo image: react-datez

react-datez

Jamie Hayman |

github page

An easy to use, customizable mobile-friendly datepicker.

Demo image: react-native-datepicker-dialog

react-native-datepicker-dialog

Pandiarajan Nagarajan |

github page

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 & Android.

Demo image: react-native-dates

react-native-dates

We're in |

github page

React native date/daterange picker and calendar.

Demo image: rc-datetime-picker

rc-datetime-picker

AllenWu |

github page demo page

React component for datetime picker by Moment.js.

Demo image: react-calendar

react-calendar

此去 |

github page

React datepicker component.

Demo image: react-mobile-datepicker

react-mobile-datepicker

rainie |

github page demo page

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

Demo image: react-infinite-calendar

react-infinite-calendar

Claudéric Demers |

github page demo page

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

Demo image: react-dates

react-dates

Airbnb |

github page demo page

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

Demo image: react-native-datepicker

react-native-datepicker

鲜果FE |

github page demo page

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

Demo image: react-simple-datepicker

react-simple-datepicker

Eugeniy |

github page demo page

Simple date picker component for React.

Demo image: react-day-picker

react-day-picker

Giampaolo Bellavite |

github page demo page

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

Demo image: react-datepicker

react-datepicker

HackerOne |

github page demo page

A simple and reusable datepicker component for React.