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.

DatePicker with Basic Configuration

Functionality and Features

Feature Definition
Disabled dates In the DatePicker, you can disable specific days, such as weekends and national holidays, so that they cannot be selected by the end user.
Selected dates The DatePicker allows you to render pre-selected dates and define date ranges.
Start View and Navigation Depth You can set the initial DatePicker view and define the view depth to which the user can navigate.
Input value validation While, by design, the DatePicker keeps its input value unchanged, it still provides options for you to utilize a client-validation framework and render prompt error messages.
Calendar types Even though the DatePicker supports only the Gregorian calendar by default, you can still simulate other calendar types such as Lunar.
Week number column The DatePicker enables you to display a column with the number of weeks within the current Month view.
DateInput integration You can smoothly integrate the DatePicker with the Kendo UI for jQuery DateInput control for its displayed input element.
Templates The DatePicker supports the implementation of templates which enable you to customize its elements such as cells, footer, and week column.
Globalization The DatePicker supports globalization to ensure that it can fit well in any application, no matter what languages and locales need to be supported. Additionally, the DatePicker supports rendering in a right-to-left (RTL) direction.
Accessibility The DatePicker is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.

Next Steps

See Also

In this article