Collection
Post cover

Top 12 React JS Timepickers

Collection of free React JS timepickers. Find timepicker for you project from this collection.

Post cover

React Native Wheel Time Picker

Author: JongtaekChoi

Links: github

Simple and pure js time picker for react-native. It provides the same UI for Android and IOS. You can use the Wheel component independantly.

Post cover

Time Selector ScrollView React Native

Author: Hamza Sumbal

Links: github

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 using the contentOffset.y. The Time-Selector Component will work on iOS devices only.

Requirements: NodeJS, Expo

Installation:

 git clone https://github.com/hamzasumbal/Time-Selector-ScrollView-react-native
 cd Time-Selector-ScrollView-react-native
 npm install

React Native Modern Datepicker

Author: Hossein Shabani

Links: demo and code

Made with: HTML / CSS / JS

A customizable calendar, time & month picker for React Native (including Persian Jalaali calendar & locale)

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

Responsive: yes

Post cover

React Native DateTimePicker

Author: react-native-datetimepicker

Links: demo and code

Made with: HTML / CSS / JS

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

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

Responsive: yes

React Time Range Picker

Author: Wojciech Maj

Links: demo and code

Made with: HTML / CSS / JS

A time range picker for your React app.

  • Supports virtually any language
  • No moment.js needed

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

Responsive: yes

Post cover

A very basic timepicker dropdown component for React

Author: Luke Wilson

Links: Demo and code

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.

Post cover

react-gradient-timepicker

Author: Rahul Dhawani

Links: Demo and code

A beautiful gradients timepicker component built in and for awesome React.

Post cover

React component of UI control with circular timespan picker

Author: Andrii Ulianenko

Links: Demo and code

React component of circular timespan-picker. New convinient UI control to pick up a short time periods during a day. It can replace hundreds of boring checkboxes if you plan to mark any availability during a day

Dependency: React, momentJS, d3

Post cover

React native timepicker for IOS

Author: Rokas Milasevicius

Links: Demo and code

React native custom timepicker (24 hours format) for iOS

Post cover

input-moment

Author: Wang Zuo

Links: Demo and code

React datetime picker powered by momentjs

The design is from https://dribbble.com/shots/1439965-Due-Date-and-Time-Picker.

Post cover

React timepicker in Android KitKat style

Author: radekmie

Links: Demo and code

Timepicker is a React timepicker component that looks like Android KitKat one.

Post cover

time-picker

Author: react-component

Links: Demo and code

Simple React Time Picker Control.

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback