react-toolbox/components/time_picker

Time Picker

A dialog picker is used to select a single time (hours:minutes). The selected time is indicated by the filled circle at the end of the clock hand.

import TimePicker from 'react-toolbox/lib/time_picker';
let time = new Date();
time.setHours(17);
time.setMinutes(28);

class TimePickerTest extends React.Component {
	state = {time};

  handleChange = (time) => {
  	this.setState({time});
  };

  render () {
  	return <TimePicker label='Finishing time' onChange={this.handleChange} value={this.state.time} />;
  }
}

Properties

Name	Type	Default	Description
className	String	''	Sets a class to give customized styles.
format	String	24hr	Format to display the clock. It can be 24hr or ampm.
label	String		The text string to use for the floating label element in the input component.
onChange	Function		Callback called when the picker value is changed.
value	Date		Datetime object with currrently selected time