History

Javi Velasco d468c9f1b3 Add floating label for pickers. Fixes #137		2015-11-21 14:46:24 +01:00
..
clock	Better imports organization. Fixes #140	2015-11-21 14:26:17 +01:00
_config.scss	Remove all `unquote` calls	2015-11-19 12:21:51 +01:00
dialog.jsx	Improve pickers	2015-11-11 01:29:42 +01:00
index.jsx	Add floating label for pickers. Fixes #137	2015-11-21 14:46:24 +01:00
readme.md	Add floating label for pickers. Fixes #137	2015-11-21 14:46:24 +01:00
style.scss	Use new Overlay component in dialogs and dependencies	2015-11-14 21:51:33 +01: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/lib/time_picker';

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

const TimePickerTest = () => (
  <TimePicker label='Finishing time' 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`.
`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