# Formats

The TimePicker allows you to define its time formatting.

The following example demonstrates how to define the time format.

```Razor HtmlHelper
    @(Html.Kendo().TimePicker()
        .Name("TimePicker")
        .Value(DateTime.Now)
        .Format("{0:hh:mm:ss tt}")
    )
```

```Razor TagHelper
<kendo-timepicker name="TimePicker"
                  value="DateTime.Now"
                  format="{0:hh:mm:ss tt}"/>
```

The following example demonstrates how to define the interval (in minutes) between the values in the drop-down list with the time slots.

```Razor HtmlHelper
    @(Html.Kendo().TimePicker()
        .Name("TimePicker")
        .Value(DateTime.Now)
        .Interval(15)
    )
```

```Razor TagHelper
<kendo-timepicker name="TimePicker"
                  value="DateTime.Now"
                  interval="15"/>
```

## See Also

* [Basic Usage by the TimePicker HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/timepicker)

* [Basic Usage of the TimePicker TagHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/timepicker/tag-helper)

* [Using the API of the TimePicker HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/timepicker/api)

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