Reverse Selection

Starting with Kendo UI R2 2024, the Calendar provides an allowReverse selection. It allows you to pick an end date which is before the selected start date when the selectable option is set to range.

    <div id="calendar"></div>
    <script>
        $("#calendar").kendoCalendar({
            selectable: "range",
            allowReverse: true,
            showOtherMonthDays:false
        });
    </script>

When range selection is configured, the showOtherMonthDays needs to be set to false.

See Also

• Reverse Selection Demo of the Calendar
• JavaScript API Reference of the Calendar