Progress Telerik UI for Blazor
The Blazor DateInput component lets the user enter only a valid date that conforms to the specified format, culture, min and max settings. It works in both Blazor WebAssembly (WASM) and server-side Blazor apps and supports forms validation, keyboard navigation and provides events.
The Telerik Blazor date input restricts input to the format specified by the developer. This ensures a valid date, and full control over the display.
You can choose from the standard .NET format specifiers, and also write your own—just like you would with any C# code.
The standard format strings are also culture-aware in the framework, so they respond to the current user culture, and so does the DateInput.
Form validation through DataAnnotation attributes comes out-of-the-box with the Telerik Blazor Date Input. You can choose whether validation is triggered on change, blur or while typing – whatever the best option is for each scenario.
The DateInput offers the standard ValueChanged event and an OnChange event that lets you react to the user changing the value, but still allows you to use two-way binding. The component also fires the OnBlur event which is triggered when it loses focus.
The Telerik DateInput component honors web accessibility standards (including WCAG, Section 508 and WAI-ARIA attributes for screen readers) and lets you enter values with the keyboard only – not only by typing, but also by pressing the arrow keys.
The Telerik DateInput automatically translates culture-aware formats to the client so users see the dates they are used to – for example, if you set the format to “d” people in the US can see MM/dd/yyyy while people in the UK can see dd/MM/yyyy.
The Telerik Blazor DateInput has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create a new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.