TimePicker
Time picker
jsx
import Timepicker from '@semcore/ui/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 | Specifies the locale for i18n support |
TimePicker.Hours, TimePicker.Minutes
TimePickerItemProps
& {...}| Name | Type | Description |
|---|---|---|
| step | number | Step for changing of the values in the dropdown list |
jsx
import Timepicker from '@semcore/ui/time-picker';
<Timepicker>
<Timepicker.Hours />
<Timepicker.Minutes />
</Timepicker>;TimePicker.Format
TimePickerFormatProps
& {...}jsx
import Timepicker from '@semcore/ui/time-picker';
<Timepicker.Format />;TimePicker.Separator
It is a usual span-element, it takes the HTML-attributes available for it.
jsx
import Timepicker from '@semcore/ui/time-picker';
<Timepicker.Separator />;