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.Select a time for the meeting
Selected: none
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.24-hour format with 15-minute intervals
With Time Constraints
Use
MinTime and MaxTime to restrict the selectable time range. Enable ShowSeconds to include a seconds picker.Business hours only (9 AM - 5 PM)
With Error
Use
ErrorText to manually set a validation error. Click Validate to trigger the error when no time is selected.Disabled
Set
Disabled to true to prevent user interaction. The picker displays with reduced opacity.This time cannot be changed.
EditForm Validation
Inside an
EditForm, validation errors from DataAnnotationsValidator display automatically. Try submitting without selecting times.