Start and End Time

The DateTimePicker enables you to customize the start and end time of the built-in TimePicker.

To define the earliest and latest available time in the built-in TimePicker, use the StartTime and EndTime options.

Only the time part of the provided DateTime object is taken into account.

    @(Html.Kendo().DateTimePicker()
            .Name("datetimepicker")
            .StartTime(new DateTime(2023,3,3,8,30,00))
            .EndTime(new DateTime(2023,3,3,17,00,00))
            .Label(label => {
                label.Content("Remind me on");
                label.Floating(true);
            })
            .HtmlAttributes(new { style = "width: 100%", title = "datetimepicker" })
    )

    <kendo-datetimepicker name="datetimepicker" title="datetimepicker" style="width:100%" start-time="new DateTime(2023,3,3,8,30,00)" end-time="new DateTime(2023,3,3,17,00,00)">
        <label content="Remind me on" floating="true" />
    </kendo-datetimepicker>

See Also

• DateTimePicker Floating Label (Demo)
• Server-Side API