Collection of free ReactJS date pickers. Update of April 2018 collection. 9 new items.

  1. Bootstrap Datepickers and Timepickers
  2. jQuery Datepickers and Timepickers

Creator

  • Almog Tavor

Programming language

  • HTML / CSS / JS

Information a code

Date Range Picker

A React date picker calendar with ranges.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: React Google Flight Datepicker

Creator

  • JSLancer

Programming language

  • HTML / CSS / JS

Information a code

React Google Flight Datepicker

Google flight date picker implemented in ReactJS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: React Horizontal Datepicker

Creator

  • Kushagra

Programming language

  • HTML / CSS / JS

Information a code

React Horizontal Datepicker

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • Hernán Sartorio

Programming language

  • HTML / CSS / JS

Information a code

React Nice Dates

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • Expertizo

Programming language

  • HTML / CSS / JS

Information a code

React Range Calendar

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • Deniz

Programming language

  • HTML / CSS / JS

Information a code

React Native Daterange Picker

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: moment.js

Creator

  • Kiarash Zarinmehr

Programming language

  • HTML / CSS / JS

Information a code

React Modern Calendar Datepicker

A modern, beautiful, customizable date picker for React.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: React Native Datetimepicker

Creator

  • react-native-datetimepicker

Programming language

  • HTML / CSS / JS

Information a code

React Native Datetimepicker

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • Wojciech Maj

Programming language

  • HTML / CSS / JS

Information a code

React DateTimeRange Picker

A datetime range picker for your React app.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: react-multiple-datepicker

react-multiple-datepicker

Codeinfuse |

github page demo page

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-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: m-date-picker

m-date-picker

react-component |

github page demo page

React mobile datepicker (web & react-native).

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.