Time Picker
Select time with 12-hour or 24-hour format using increment/decrement controls.
12-Hour Format
Time picker with AM/PM selector
24-Hour Format
Time picker without AM/PM
Preselected Time
Time picker with default value
Disabled State
Time picker in disabled state
API Reference
Props and usage details
| Prop | Type | Default | Description |
|---|---|---|---|
| value | TimeValue | null | null | The selected time value |
| onChange | (time: TimeValue) => void | - | Callback when time is confirmed |
| format | '12h' | '24h' | '12h' | Time format |
| minuteStep | number | 5 | Minute increment step (5, 15, 30, etc.) |
| label | string | - | Label text above the picker |
| placeholder | string | "Select time" | Placeholder when no time is selected |
| disabled | boolean | false | Whether the picker is disabled |
Features
- ✓12-hour and 24-hour format support
- ✓Increment/decrement controls
- ✓Configurable minute step
- ✓Confirm/Cancel actions
- ✓Full design system token support
- ✓Dark mode support