Collection of free React JS timepickers. Update of December 2020 collection. 2 new items.

Demo image: React Native Wheel Time Picker

Author

  • JongtaekChoi

About a code

React Native Wheel Time Picker

Simple and pure JS time picker for react-native. It provides the same UI for Android and IOS.

Demo image: Time Selector ScrollView React Native

Author

  • Hamza Sumbal

About a code

Time Selector ScrollView React Native

This is an iOS-style picker created using ScrollView from react-native. The time-selector can detect the index of an item in the middle of the ScrollView. The time-selector component will work on iOS devices only.

Author

  • Hossein Shabani

Made with

  • HTML / CSS / JS

About a code

React Native Modern Datepicker

A customizable calendar, time & month picker for React Native.

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 Time Range Picker

A time range picker for your React app.

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

Responsive: yes

Dependencies: -

Demo image: basic-react-timepicker

basic-react-timepicker

Luke Wilson |

github page demo page

A really simple timepicker dropdown component that lets you set the gap (step) between times, set earliest and latest limits for your range, attach a change handler and set a default value.

Demo image: react-gradient-timepicker

react-gradient-timepicker

Rahul Dhawani |

github page demo page

A beautiful timepicker component built in and for awesome React.

Demo image: react-circular-timepicker

react-circular-timepicker

Andrii Ulianenko |

github page demo page

React component of circular timespan-picker. New convinient UI control to pick up a short time periods during a day.

Demo image: react-native-timepicker

react-native-timepicker

Rokas Milasevicius |

github page

React native custom timepicker (24 hours format) for iOS.

Demo image: react-timepicker

react-timepicker

Radosław Miernik |

github page demo page

React timepicker in Android KitKat style.