New to Kendo UI for jQuery? Start a free 30-day trial

Range

configuration

Configures the Kendo UI MultiViewCalendar range settings.

range

Object

<div id="multiViewCalendar"></div>
<script>
    $("#multiViewCalendar").kendoMultiViewCalendar({
        range: {
            start: new Date(2023, 5, 10),
            end: new Date(2023, 5, 20)
        },
        selectable: "range"
    });
</script>

range.end

Date

This sets the end date of the range selection.

<div id="multiViewCalendar"></div>
<script>
    $("#multiViewCalendar").kendoMultiViewCalendar({
        range: {
            start: new Date(2016, 10, 11),
            end: new Date(2016, 10, 22)
        }
    });
</script>

range.start

Date

This sets the start date of the range selection.

<div id="multiViewCalendar"></div>
<script>
    $("#multiViewCalendar").kendoMultiViewCalendar({
        range: {
            start: new Date(2016, 10, 11),
            end: new Date(2016, 10, 22)
        }
    });
</script>