TimeField
Labelled time-picker field — wraps the TimePicker primitive with a label above and optional help text
Interactive-mode
Examples
Default time field
Time field with help text and error state
Closing time is required.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| TimeField | A labelled time-picker field chunk. Renders a FormLabel above a TimePicker input. Wraps the TimePicker primitive. |
TimeField
A labelled time-picker field chunk. Renders a FormLabel above a TimePicker input. Wraps the TimePicker primitive.
| Property | Type | Required | Description |
|---|---|---|---|
| Label | string? | Label text rendered above the time picker via FormLabel. Omit to hide the label. | |
| HelpText | string? | Helper text rendered below the picker. Shown in text-danger-fg when Error is true, otherwise text-muted-foreground. | |
| Error | bool | Applies error styling to the label and help text. Default: false. | |
| Required | bool | Appends a red asterisk to the label via FormLabel. Default: false. | |
| Disabled | bool | Disables the underlying time picker. Default: false. | |
| Id | string | HTML id — auto-generated by default. | |
| Value | TimeSpan? | Currently selected time. Use @bind-Value for two-way binding. | |
| ValueChanged | EventCallback<TimeSpan?> | Fires when the selected time changes. Part of the @bind-Value pair. |