Time Picker
Styled time input that shares the same foundation as Date Picker.
Usage
import {TimePicker} from 'kinu';
<TimePicker />
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| TimePicker | Component | <input k="time-picker"> |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | `string | number | readonly string[] |
| onChange | (event: Event) => void |
— | Change handler for time input. |
| disabled | boolean |
— | Disable the input. |
| name | string |
— | Input name used for form submissions. |
| step | number |
60 | Granularity of the time value in seconds. |
| Common values: 60 (1 min), 900 (15 min), 1800 (30 min). |
Notes
- Sets type="time" for you and forwards all native input props.
- Use the step prop to constrain selectable intervals, e.g. step={1800} for 30-minute increments.
_Source: src/components/time-picker/index.tsx