# 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.

```Razor HtmlHelper
   @(Html.Kendo().TimePicker()
       .Name("timepicker")
       .DateInput()
       .FocusTime(new DateTime(2023, 5, 5, 8, 0, 0))
   )
```

```Razor TagHelper
            <kendo-timepicker name="timepicker"
                              date-input="true" focus-time="new DateTime(2023, 5, 5, 8, 0, 0)">
            </kendo-timepicker>
```

## See Also

* [Server-Side API](https://www.telerik.com/aspnet-core-ui/documentation/api/timepicker)