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.

Basic Configuration

The following example demonstrates how to initialize the DateRangePicker.

<div id="daterangepicker"></div>

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

Functionality and Features

See Also

In this article