Date/Time Picker

DateTimepicker and DateTimepickerControl components are built on top of Blazor's InputDate class, and support all standard behaviors for form model and validation. They must be wrapped inside Blazor's EditForm component or Blazority's Form component, and cannot be used in standalone mode. Learn more at ASP.NET Core Blazor forms and validation

Blazority provides the DateTimepicker component which encases the label, help text and validation in a single component. It also provides the underlying DateTimepickerControl component providing only the logic, allowing custom styling and formatting of the containing form components.

Using DateTimepicker

The selected date is

Validation

Only January 1, 2020 12:00 PM accepted. The selected date is

Range

Minimum: 04/21/2025 23:00, Maximum: 06/22/2025 01:00. The selected date is 05/22/2025 08:42
Minimum: 04/21/2025 23:00. The selected date is 05/22/2025 08:42
Maximum: 06/22/2025 01:00. The selected date is 05/22/2025 08:42

Using DateTimepickerControl

Helper Text
An unhandled error has occurred. Reload 🗙