Reverse Selection

Starting with Telerik UI for ASP.NET Core R2 2024, the Calendar provides an AllowReverse() selection. It lets you pick an end date, which is before the selected start date when the Selectable() option is set to range. This enables you to perform the selection in a bidirectional manner and dictate the selection behavior explicitly.

    @(Html.Kendo().Calendar()
            .Name("calendar")
            .ShowOtherMonthDays(false)
            .Selectable("range")
            .AllowReverse(true)
    )

    <kendo-calendar name="calendar"
                    show-other-month-days="false"
                    selectable="range"
                    allow-reverse="true">
    </kendo-calendar>

When configuring range selection, set the ShowOtherMonthDays() configuration to false.

See Also

• Reverse Selection Demo of the Calendar
• Server-Side API of the Calendar