TimePicker
Time picker
jsx
import Timepicker from 'intergalactic/time-picker';
TimePickerProps
& {...}Name | Type | Description |
---|---|---|
value | string | Time in the hh:mm format |
defaultValue | string | Default value if `value` property is not provided |
onChange | (time: string, event: React.SyntheticEvent) => void | The event responses upon time changing |
disabled | boolean | In charge of the component blocking |
size | "m" | "l" | Control size |
is12Hour | boolean | 12-hour time format |
locale | string |
TimePicker.Hours, TimePicker.Minutes
TimePickerItemProps
& {...}Name | Type | Description |
---|---|---|
step | number | Step for changing of the values in the dropdown list |
jsx
import Timepicker from 'intergalactic/time-picker';
<Timepicker>
<Timepicker.Hours />
<Timepicker.Minutes />
</Timepicker>;
TimePicker.Format
TimePickerFormatProps
& & {...}jsx
import Timepicker from 'intergalactic/time-picker';
<Timepicker.Format />;
TimePicker.Separator
It is a usual span
-element, it takes the HTML-attributes available for it.
jsx
import Timepicker from 'intergalactic/time-picker';
<Timepicker.Separator />;