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

Focused Time

The TimePicker allows you to define focused time when the time chooser pop-up is opened. This will provide a convenient way for the user to easily select a highlighted time slot. Also, the pop-up container list is automatically scrolled according to this time item.

The following example demonstrates how apply the FocusedTime setting. By default, the TimePicker focuses the default time of 12:00 AM. However, a common requirement is to have the focused time to be 8:00 AM.

   @(Html.Kendo().TimePicker()
       .Name("timepicker")
       .DateInput()
       .FocusTime(new DateTime(2023, 5, 5, 8, 0, 0))
   )
            <kendo-timepicker name="timepicker"
                              date-input="true" focus-time="new DateTime(2023, 5, 5, 8, 0, 0)">
            </kendo-timepicker>

See Also

In this article