Show Out-of-Range Dates as Disabled

The following example demonstrates how to show the dates that are out of the min-max range as disabled by using the k-disabled class.

Example

    <input id="datepicker" style="width:200px;" />
    <script>
      $(document).ready(function() {
        $("#datepicker").kendoDatePicker({
          value: new Date(2014, 10, 20),
          min: new Date(2014, 10, 10),
          max: new Date(2014, 11, 10),
          month: {
            empty: '<span class="k-state-disabled">#= data.value #</span>'
          }
        });
      });
    </script>

Show Out-of-Range Dates as Disabled

Example

See Also

Give article feedback