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

Selected Dates

Updated on Sep 8, 2026

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" />

    <script>
        $(document).ready(function(){
            $("#datePicker").kendoDatePicker({
                value: new Date(),
                min: new Date(2019, 0, 1),
                max: new Date()
            })
        });
    </script>

Selected Dates

See Also