New to Telerik UI for ASP.NET Core? Download free 30-day trial

Range selection

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
HtmlHelper
TagHelper
Files:
rangeselection.cshtml
RangeSelectionController.cs
Rangeselection_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

This demo demonstrates a time range selection functionality that allows you to render a pre-selected time and define minimum and maximum values in the TimePicker component.

In the example above, once you select a time in the first TimePicker, the second one will automatically populate its list with available times. Additionally, you can configure a limit of the time values displayed by setting the minimum and maximum with the .Min() and .Max() properties, respectively.

Support & Learning Resources