Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
Form Field Time Picker
A pre-composed form field that wraps a TimePicker control with automatic label, helper text, and error message display. Inherits from FormFieldBase, which provides EditContext integration, auto-generated control IDs, ARIA attribute wiring, and validation error state management.
Default
A basic
FormFieldTimePicker with a label, helper text, and two-way binding via @bind-Value. The component automatically generates a unique ID to associate the label with the picker for accessibility.
Loading example…
24-Hour Format
Set
Format to TimeFormat.Hour24 for 24-hour display. Use MinuteStep to constrain minute selection to specific intervals, such as every 15 minutes.
Loading example…
With Time Constraints
Use
MinTime and MaxTime to restrict the selectable time range. Enable ShowSeconds to include a seconds picker.
Loading example…
With Error
Use
ErrorText to manually set a validation error. Click Validate to trigger the error when no time is selected.
Loading example…
Disabled
Set
Disabled to true to prevent user interaction. The picker displays with reduced opacity.
Loading example…
EditForm Validation
Inside an
EditForm, validation errors from DataAnnotationsValidator display automatically. Try submitting without selecting times.
Loading example…