New to Kendo UI for jQuery? Download free 30-day trial

Selected Dates

The DatePicker allows you to render a pre-selected date and also define the minimum and maximum dates it displays.

To define date ranges in the DatePicker, use the Kendo UI for jQuery DateRangePicker widget. For a complete example, refer to the demo on setting range selection in the DatePicker by using the DateRangePicker.

The following example demonstrates how to render a DatePicker with an initially selected date and defined min and max dates. The DatePicker sets the value only if the entered date is within the defined range and is valid.

    <div>Dates outside the range 1/Jan/2019 and today cannot be set</div>
    <input id="datePicker" />

                value: new Date(),
                min: new Date(2019, 0, 1),
                max: new Date()

See Also

In this article