Collection of free ReactJS date pickers

Welcome to our collection of React code examples! In this meticulously curated compilation, we have assembled a diverse range of code snippets that showcase the power and flexibility of the React library.

React Chakra UI Date Picker

React Chakra UI Date Picker

Author:
Chris Bull | February 28, 2021
About a code

A React date picker using chakra-ui components.

React Native Date Picker

React Native Date Picker

Author:
Denis Glazkov | January 6, 2021
About a code

React native customizable date picker component for iOS and Android.

React Calendar Datetime Picker

React Calendar Datetime Picker

Author:
mmehdinasiri | November 8, 2020
About a code

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

Date Range Picker

Author:
Almog Tavor | August 22, 2020
Made with:
HTML / CSS / JS

About a code

A React date picker calendar with ranges.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
React Google Flight Datepicker

React Google Flight Datepicker

Author:
JSLancer | February 21, 2020
Made with:
HTML / CSS / JS

About a code

Google flight date picker implemented in ReactJS.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
React Horizontal Datepicker

React Horizontal Datepicker

Author:
Kushagra | January 2, 2020
Made with:
HTML / CSS / JS

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

React Nice Dates

Author:
Hernán Sartorio | December 16, 2019
Made with:
HTML / CSS / JS

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

React Range Calendar

Author:
Expertizo | November 5, 2019
Made with:
HTML / CSS / JS

About a code

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

React Native Daterange Picker

Author:
Deniz | September 17, 2019
Made with:
HTML / CSS / JS

About a code

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 | April 8, 2019
Made with:
HTML / CSS / JS

About a code

A modern, beautiful, customizable date picker for React.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
React Native Datetimepicker

React Native Datetimepicker

Author:
react-native-datetimepicker | February 15, 2019
Made with:
HTML / CSS / JS

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

React DateTimeRange Picker

Author:
Wojciech Maj | August 17, 2018
Made with:
HTML / CSS / JS

About a code

A datetime range picker for your React app.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
react-multiple-datepicker

react-multiple-datepicker

About a code

Codeinfuse |

About a code

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

react-native-range-datepicker

react-native-range-datepicker

About a code

apaajabolehd |

About a code

React native range datepicker inspired by Airbnb.

react-datez

react-datez

About a code

Jamie Hayman |

About a code

An easy to use, customizable mobile-friendly datepicker.

react-native-datepicker-dialog

react-native-datepicker-dialog

About a code

Pandiarajan Nagarajan |

About a code

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.

react-native-dates

react-native-dates

About a code

We're in |

About a code

React native date/daterange picker and calendar.

rc-datetime-picker

rc-datetime-picker

About a code

AllenWu |

About a code

React component for datetime picker by Moment.js.

react-calendar

react-calendar

About a code

此去 |

About a code

React datepicker component.

react-mobile-datepicker

react-mobile-datepicker

About a code

rainie |

About a code

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

react-infinite-calendar

react-infinite-calendar

About a code

Claudéric Demers |

About a code

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

react-dates

react-dates

About a code

Airbnb |

About a code

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

react-native-datepicker

react-native-datepicker

About a code

鲜果FE |

About a code

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

react-simple-datepicker

react-simple-datepicker

About a code

Eugeniy |

About a code

Simple date picker component for React.

input-moment

input-moment

About a code

Wang Zuo |

About a code

React datetime picker powered by momentjs. The design is from https://dribbble.com/shots/1439965-Due-Date-and-Time-Picker.

react-day-picker

react-day-picker

About a code

Giampaolo Bellavite |

About a code

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

react-datepicker

react-datepicker

About a code

HackerOne |

About a code

A simple and reusable datepicker component for React.

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨