Blazor TimePicker - Overview
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Schedule Your Visit
- Overview.razor
- ScheduleVisitTemplate.razor
The TimePicker component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Description
The Telerik UI for Blazor TimePicker component allows users to select time from a visual list in a dropdown or to type it into a date input that can accept only DateTime values. The values of the two controls are synchronized to enable further change of the chosen date.
With support for form validation, the Blazor TimePicker permits the user to only enter a time that matches specific time values. The Time Picker component supports DateTime, DateTime?, DateTimeOffset and DateTimeOffset? types.
Once you have created your basic TimePicker by adding the Razor tag to your page, binding the DateTime object, you can opt to provide custom values for Format, Max and Min.
From there, you can set incremental steps for the TimePicker and you can change selected values by clicking the rendered arrows. The steps can be set using the TimePickerSteps tag and its value parameters.
Navigation is available to the user through a pop-up that delivers a visual manner for selecting time via modern spinners. Both WebAssebmly and Server-side Blazor apps are supported by the Telerik UI for Blazor TimePicker.
When you need a seamless way to select values within an input area or from a time popup, the Blazor TimePicker component offers a synchronized approach for working between both elements.
The brilliance of the TimePicker component is that it is engineered to comply with your app requirements.