Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
Form Field Date Time Picker
A pre-composed form field that wraps a DateTimePicker 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
FormFieldDateTimePicker 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, and HelperText is wired up via aria-describedby.
Loading example…
EditForm Validation
Inside an
EditForm, validation errors from DataAnnotationsValidator display automatically below the picker. Bind to a nullable DateTime? property marked [Required] and try submitting without selecting a value.
Loading example…
Constraints and Time Options
All
DateTimePicker behavior parameters pass through: use MinDate / MaxDate to restrict the selectable range, MinuteStep for fixed minute intervals, and TimeFormat to switch to a 24-hour clock.
Loading example…
Disabled
Set
Disabled to true to prevent user interaction. The picker trigger displays with reduced opacity while the label and helper text remain readable.
Loading example…