20+ React Datepicker Examples – Codepen / Github

3 years ago 992
BOOK THIS SPACE FOR AD
ARTICLE AD

React Datepicker – Are you looking for React Datepicker Component / Libraries , If yes then in this post I am going to share hand-picked React Datepicker Exmaples for you which we have collected form codepen and github. You can use these React Datepicker in your next web based projects.

React Datepicker

Following are the list of popular React Datepicker examples from codepen site.

React DatePicker Demo

React DatePicker Demo

React DatePicker Demo script made with HTML / CSS / JS and pen By Jochen Berger.


React Datepicker

React Datepicker

React Datepicker script made with HTML / CSS / JS and pen By Joe Maffei.


React DatePicker Demo

React DatePicker Demo

React DatePicker Demo script made with HTML / CSS / JS and pen By Dmytro Kozlov.


React Calendar

React Calendar

React Calendar script made with HTML / CSS / JS and pen By Leith.


A Pen by Jochen Berger

A Pen by Jochen Berger

A Pen by Jochen Berger script made with HTML / CSS / JS and pen By Jochen Berger.


React DatePicker Demo

React DatePicker Demo

React DatePicker Demo script made with HTML / CSS / JS and pen By Daniel.


Following are the list of popular React Datepicker examples from github site.

S.No. Name Details Popularity(Likes)
1 react-datepicker A simple and reusable datepicker component for React 5.6k
2 react-dates An easily internationalizable, mobile-friendly datepicker library for the web 11.4k
3 react-native-datepicker react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePicke… 2k
4 m-date-picker React Mobile DatePicker(web & react-native) 377
5 react-datepicker2 react datepicker component.(include persian jalaali calendar) 195
6 react-modern-calendar-datepicker A modern, beautiful, customizable date picker for React 563
7 react-mobile-datepicker 🙊 👻 look a demo, Please imitate mobile environment. 258
8 react-day-picker Reusable date picker component for React 4.1k
9 react-datepicker An easily internationalizable, accessible, mobile-friendly datepicker library for the web, build with styled-components. 252
10 react-calendar React.js Calendar Component (npm install react-calendar-component) 📅 142
11 semantic-ui-calendar-react Datepicker react component based on semantic-ui-react components 240
12 react-simple-datepicker Simple datepicker for React. 120
13 react-native-wheel-datepicker Android & iOS iOS-style Picker & DatePicker Components for ReactNative 57
14 react-native-modern-datepicker A customizable calendar, time & month picker for React Native (including Persian Jalaali calendar & locale) 238
15 react-persian-datepicker A Persian date-picker component for react.js 171
16 react-infinite-calendar ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and … 3.7k
17 react-google-flight-datepicker React date picker inspired by Google Flight 270
18 react-datepicker 📅 React DatePicker Library (Flexible, Reusable) 166
19 react-native-calendar-datepicker React-Native cross-platform, calendar component. 84
20 react-native-range-datepicker react native range datepicker inspired by Airbnb 65
21 react-native-date-picker React Native Date Picker is an inline datepicker for Android and iOS. It includes date, time and datetime picker mode… 782
22 react-semantic-ui-datepickers Datepickers built with Semantic UI for React and Dayzed. 67
23 react-advance-jalaali-datepicker An advance Jalaali (shamsi, persian) datepicker containing multiple datepicker types such as, range datepicker 60
24 react-native-datepicker-modal React Native DatePicker Modal Component for iOS/Android 45
25 react-input-enhancements Set of enhancements for input control 1.4k
26 react-jalali-datepicker React component that helps you to makes simple Farsi/Jalali/Shamsi date picker 89
27 react-datez An easy to use, customizable mobile-friendly datepicker. 122
28 a-react-datepicker A datepicker for React. 36
29 react-calendar React datepicker component 25
30 rnkit-actionsheet-picker React Native ActionSheetPicker component for iOS + Android 60

I Hope you liked Hand-picked list of React Datepicker, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked HTML and CSS code examples, tutorials and articles.

Read Entire Article