React Drop-down Time Picker

Source

Examples

Installation

$ npm install --save react-dropdown-timepicker

Usage

import TimePicker from 'react-dropdown-timepicker';

render() {
  <TimePicker
    time={this.state.time}
    onChange={this.handleTimeChange.bind(this)} />
}

Properties

PropertyTypeDescription
time Object Initially selected time to be highlighted in the time selection grid. May be a JavaScript Date object or a simple object with "hour" and "minute" fields. The hour value should be in the range [0, 23].
onChange Function Function to be called when a time is selected. The first argument will be a simple object with "hour" and "minute" fields. The hour value will be 24-hour format in the range [0,23].
displayFormat String | Function Specifies the format of the time displayed in the time picker's input box. Valid values are "12-hour", "24-hour", or a function. If a function is specified, its argument will be a simple object with fields for the hour (24-hour format) and minute.