Time Picker
premiumCustom time picker with 12h/24h format.
Overview
The Time Picker provides a clean time selection UI with support for 12-hour (AM/PM) or 24-hour formats. Users can select hours and minutes from scrollable columns.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
name | String | "time" | Field name used in form data. |
label | String | "Time" | Label displayed above the input. |
placeholder | String | "Select a time" | Placeholder text. |
required | Boolean | false | Whether a time must be selected. |
Features
- 12-hour (AM/PM) or 24-hour format
- Scrollable hour and minute columns
- Hidden input for native form submission
Tips
Pair with the Date Picker for full date-time selection, or use the DateTime component instead.
Validation
This component uses text validation. See the Validation Guide for details on configuring rules and error messages.