Kendo UI for jQuery DateRangePicker Overview

The DateRangePicker is a container for holding start and end date inputs.

It allows the user to select a date range from a calendar or through a direct input. The widget also supports custom templates for its month view, configuration options for minimum and maximum dates, a start view, and a depth for navigation. The first day of the week in the Calendar view depends on the applied culture.

Kendo UI for jQuery Kendoka image

The DateRangePicker 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.

Kendo UI for jQuery DateRangePicker Overview

Functionality and Features

  • Disabled Dates—In the DateRangePicker, you can disable specific days, such as weekends and national holidays, so that they cannot be selected by the end user.
  • Selected Dates—The DateRangePicker allows you to render pre-selected dates and define date ranges.
  • Start View and Navigation Depth—The component allows you to change the default view.
  • Calendar Types—You can use a specific calendar type out of the supported DateTimePicker ones.
  • Reverse Selection—The component allows you to pick an end date which is before the start date.
  • Buttons—Learn more about the buttons supported by the component.

Next Steps

See Also

In this article