disableDates Array|Function (default: null)

An array or function that will be used to determine which dates to be disabled in the calendar.

Example - specify an array of days to be disabled

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    value: new Date(),
    disableDates: ["we", "th"],
});
</script>

Example - specify an array of dates to be disabled

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    value: new Date(2015,9,3),
    disableDates: [new Date(2015,9,12), new Date(2015,9,22)]
});
</script>

you can also pass a function that will be dynamically resolved for each date of the calendar. Note that when the function returns true, the date will be disabled.

Example - use a function to disabled dates

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    value: new Date(),
    disableDates: function (date) {
        var disabled = [13,14,20,21];
        if (date && disabled.indexOf(date.getDate()) > -1 ) {
            return true;
        } else {
            return false;
        }
    }
});
</script>

note that a check for an empty date is needed, as the widget can work with a null value as well.

This functionality was added with the Q1 release of 2016.

In this article