History

Javi Velasco 5fc135961b Improve pickers		2015-11-11 01:29:42 +01:00
..
clock	Pure timepicker, fixes #33	2015-11-10 21:39:47 +01:00
_config.scss	Move the rest of components important property values to variables	2015-10-21 02:05:19 +02:00
dialog.jsx	Improve pickers	2015-11-11 01:29:42 +01:00
index.jsx	Improve pickers	2015-11-11 01:29:42 +01:00
readme.md	change documentation	2015-11-10 21:27:03 +07:00
style.scss	Move the rest of components important property values to variables	2015-10-21 02:05:19 +02:00

readme.md

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/time_picker';

let selectedTime = new Date();
selectedTime.setHours(17);
selectedTime.setMinutes(28);

const TimePickerTest = () => (
  <TimePicker value={selectedTime} />
);

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`.
`onChange`	`Function`		Callback called when the picker value is changed.
`value`	`Date`		Datetime object with currrently selected time