# Interval

The Telerik UI for ASP.NET Core TimePicker allows you to specify the time interval between values in the popup list.

Depending on the \[Component Type]\(% slug htmlhelpers_componenttype_timepicker_aspnetcore %), you can set the interval in two distinct ways.

## Setting the Interval in Classic Render Mode

When the [`Component Type()`](https://docs.telerik.com/aspnet-core/api/kendo.mvc.ui.fluent/timepickerbuilder#componenttypesystemstring) method is set to `classic`, the interval is specified in minutes (numeric values).

```Razor HtmlHelper
    @(Html.Kendo().TimePicker
        .Name("timepicker")
        .ComponentType("classic")
        .Interval(7)
    )
```

```Razor TagHelper
    <kendo-timepicker name="timepicker" 
                      component-type="classic"
                      interval="7">
    </kendo-timepicker>
```

> When the `ComponentType()` is set to `classic`, the interval does not accept an object of hours, minutes and seconds.

## Setting the Interval in Modern Render Mode

When the [`ComponentType()`](https://docs.telerik.com/aspnet-core/api/kendo.mvc.ui.fluent/timepickerbuilder#componenttypesystemstring) method is set to `modern`, the interval is specified as an object of hours, minutes and seconds.

```Razor HtmlHelper
    @(Html.Kendo().TimePicker()
        .Name("timepicker")
        .Interval(interval => interval
            .Second(15)
            .Minute(5)
            .Hour(7)
        )
    )
```

```Razor TagHelper
    <kendo-timepicker name="timepicker">
        <interval-settings second="15" minute="5" hour="7" />
    </kendo-timepicker>
```

> When the `ComponentType()` is set to `modern`, the interval does not accept a single numerical value.

## See Also

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

* [TagHelper API](https://docs.telerik.com/api/taghelpers/timepicker)