History

Javi Velasco 9d809deb50 Add documentation for Tabs		2015-11-01 15:54:17 +01:00
..
clock	update webpack dev, test and build & update eslint rule	2015-10-23 16:11:40 +08:00
_config.scss	Move the rest of components important property values to variables	2015-10-21 02:05:19 +02:00
dialog.jsx	Babel to stage 2 and remove decorators	2015-10-22 01:31:17 +02:00
index.jsx	update webpack dev, test and build & update eslint rule	2015-10-23 16:11:40 +08:00
readme.md	Add documentation for Tabs	2015-11-01 15:54:17 +01: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`.
`value`	`Date`		Datetime object with currrently selected time

Methods

The TimePicker is a very easy component from the top level API but quite complex inside. It has state to keep the the currently selected value.

getValue is used to retrieve the current value.
setValue to force a new value.