DatePicker Overview

The DatePicker enables the user to select a date from a calendar or through a direct input.

It provides options for using custom templates for its Month view, setting minimum and maximum dates, a start view, and a depth for navigation.

Kendo UI for jQuery Kendoka image

The DatePicker is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the DatePicker

The following example demonstrates how to initialize the DatePicker.

  • The DatePicker copies any styles and CSS classes from the input element to the wrapper element and visible input.
  • The first day of the week in the DatePicker calendar depends on the applied culture.
    <input id="datePicker" />

    <script>
        $(document).ready(function(){
            $("#datePicker").kendoDatePicker();
        });
    </script>

Functionality and Features

For more information on implementing specific scenarios, refer to the Knowledge Base section.

Events

For a complete example on basic DatePicker events, refer to the demo on using the events of the DatePicker.

See Also

In this article