range Object(default: { start: null, end: null })

Specifies an initial range selection. This option is available only when the selectable configuration is set to range.

Example - specify the selected range of the component

<div id="calendar"></div>
<script>
    $("#calendar").kendoCalendar({
        selectable: "range",
        range: { start: new Date(2024, 3, 3), end: new Date(2024, 3, 13) }
    });
</script>
In this article