Kendo UI for jQuery DateRangePicker Overview

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

ninja-iconThe DateRangePicker component 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.Start Free Trial

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 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.
  • Automatic Correction—You can configure whether the component will autocorrect the user's input when the min and max dates are set.

Next Steps

See Also