Blazor TimePicker Example - Time Duration

This sample demonstrates the popup list element in specific time duration. Click or touch the TimePicker popup icon to select the desired value.

The Time Duration example shows how to customize or disable time values in the popup list using the OnItemRender event. In this example, all time values have additional information on duration between them in sequence, and some values are disabled by adding the e-disabled class.

Using the ScrollTo property, you can set the scroll position to the given value when no value is selected or the selected value is not available in the timepicker popup list.