Unplanned
Last Updated: 08 Apr 2026 07:55 by ADMIN
Mehmet
Created on: 27 Dec 2021 06:56
Category: Calendar
Type: Feature Request
4
Disable months and years

Please provide a way to disable the months or years when displaying months or years in the Calendar. The disabledDates callback function could be evaluated for these views.

Thank you

6 comments
ADMIN
Martin Bechev
Posted on: 08 Apr 2026 07:55

Hello Janos,

The workaround was initially provided for the DatePicker, which provides topView and bottomView properties that control the selection depth:

https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#view-selection-depth

Unfortunately, the DateTimePicker component does not provide topView and bottomView properties. However, the [disabledDates]="isDateDisabled" works the same. In your case, the disabled dates are only those whose month is June (5). 

  public isDateDisabled(date: Date): boolean {
    return date.getMonth() === 5;
  }

In the template, you are just visually making the date disabled.

You need to adjust the logic in isDateDisabled in order to disable the desired dates, considering the fact that the selection depth cannot be controlled in the DateTimePicker. 

Regards,
Martin Bechev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

janos
Posted on: 01 Apr 2026 12:46
Hi,
your workaround is sadly not working correctly for the DateTimePicker. In every view you can only show the entries as didsabled but they are clickable as you can see in this stackblitz: https://stackblitz.com/edit/angular-ltrsmfuo?file=src%2Fapp%2Fapp.component.ts
ADMIN
Zornitsa
Posted on: 18 Mar 2026 09:32

Hi,

The feature request for disabling months and years in the Calendar is still not part of our immediate development plans, and we are still monitoring the demand for it. On that note, I would suggest following the item to stay notified of any updates on its implementation.

For the time being, as a potential workaround, the developer can combine the disabledDates callback with the kendoCalendarYearCellTemplate directive (or kendoCalendarDecadeCellTemplate respectively) and apply suitable styles to the specific month cell to disable it:

Such an approach is also demonstrated in the following Knowledge Base article:

Alternatively, if the feature is urgent for your project, an option that may be relevant and applicable to your needs is the Feature Acceleration program. This program fits well in scenarios where a feature or enhancement is important for an application's success, but it is not planned to be available at the time of the application's completion. Let me know if you are interested in pursuing this option. 

Regards,
Zornitsa
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

janos
Posted on: 11 Mar 2026 15:08
Is there any update on this topic?
ADMIN
Svet
Posted on: 14 Apr 2022 04:59

Hi,

Thank you for the provided feedback, we are following the demand for this feature request.

Regards,
Svet
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

James
Posted on: 07 Apr 2022 14:48
We also have a need for this feature.  When providing a callback with the current implementation, the behavior is inconsistent/incomplete as compared to disabling dates vs. disabling months.