New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core TimePicker Range Selection
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API HTML HELPER APIDescription
The Telerik UI for ASP.NET Core TimePicker component provides the opportunity to use a Range Selection.
This demo shows how to implement the range selection functionallity of the TimePicker. By setting By setting the Min
and Max
configurations set to render a Start and an End TimePicker, you define only the possible selection ranges.
By using the Change
event of the Start TimePicker, you can manipulate the Max
configuration of the End Timepicker to change the timestamp selection range.