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

Selected Times

The TimePicker allows you to render a pre-selected time and also define the minimum and maximum time it displays.

For a complete example on how to select ranges using TimePicker, refer to the demo on range selection.

The following example demonstrates how to render a TimePicker with an initially selected time and defined min and max times. The TimePicker sets the value only if the entered time is within the defined range and is valid.

        .Value("8:00 AM")
        .Min("8:00 AM")
        .Max("5:00 PM")
<kendo-timepicker name="timePicker"
                  value="new DateTime(1900, 1, 1, 8, 00, 0)"
                  min="new DateTime(1900, 1, 1, 8, 00, 0)"
                  max="new DateTime(1900, 1, 1, 17, 00, 0)" />

See Also

In this article