@progress/kendo-angular-dateinputs 6.0.2 → 6.0.3

package/dist/es/calendar/calendar.component.js

@@ -341,81 +341,129 @@ var CalendarComponent = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "cellTemplateRef", {
+        get: function () {
+            return this._cellTemplateRef || this.cellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each cell.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.cellTemplate = template;
+            this._cellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "monthCellTemplateRef", {
+        get: function () {
+            return this._monthCellTemplateRef || this.monthCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each month cell.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.monthCellTemplate = template;
+            this._monthCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "yearCellTemplateRef", {
+        get: function () {
+            return this._yearCellTemplateRef || this.yearCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each year cell.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.yearCellTemplate = template;
+            this._yearCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "decadeCellTemplateRef", {
+        get: function () {
+            return this._decadeCellTemplateRef || this.decadeCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each decade cell.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.decadeCellTemplate = template;
+            this._decadeCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "centuryCellTemplateRef", {
+        get: function () {
+            return this._centuryCellTemplateRef || this.centuryCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each century cell.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.centuryCellTemplate = template;
+            this._centuryCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "weekNumberTemplateRef", {
+        get: function () {
+            return this._weekNumberTemplateRef || this.weekNumberTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for the week cell.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.weekNumberTemplate = template;
+            this._weekNumberTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "headerTitleTemplateRef", {
+        get: function () {
+            return this._headerTitleTemplateRef || this.headerTitleTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for the header title.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.headerTitleTemplate = template;
+            this._headerTitleTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(CalendarComponent.prototype, "navigationItemTemplateRef", {
+        get: function () {
+            return this._navigationItemTemplateRef || this.navigationItemTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for the navigation item.
+         * Takes precedence over nested templates in the KendoCalendar tag.
          */
         set: function (template) {
-            this.navigationItemTemplate = template;
+            this._navigationItemTemplateRef = template;
         },
         enumerable: true,
         configurable: true
@@ -682,13 +730,13 @@ var CalendarComponent = /** @class */ (function () {
     CalendarComponent.prototype.activeCellTemplate = function () {
         switch (this.activeViewEnum) {
             case CalendarViewEnum.month:
-                return this.monthCellTemplate || this.cellTemplate;
+                return this.monthCellTemplateRef || this.cellTemplateRef;
             case CalendarViewEnum.year:
-                return this.yearCellTemplate;
+                return this.yearCellTemplateRef;
             case CalendarViewEnum.decade:
-                return this.decadeCellTemplate;
+                return this.decadeCellTemplateRef;
             case CalendarViewEnum.century:
-                return this.centuryCellTemplate;
+                return this.centuryCellTemplateRef;
             default:
                 return null;
         }
@@ -999,7 +1047,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:type", EventEmitter)
     ], CalendarComponent.prototype, "valueChange", void 0);
     tslib_1.__decorate([
-        ContentChild(CellTemplateDirective, { static: true }),
+        ContentChild(CellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", CellTemplateDirective)
     ], CalendarComponent.prototype, "cellTemplate", void 0);
     tslib_1.__decorate([
@@ -1008,7 +1056,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [CellTemplateDirective])
     ], CalendarComponent.prototype, "cellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(MonthCellTemplateDirective, { static: true }),
+        ContentChild(MonthCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", MonthCellTemplateDirective)
     ], CalendarComponent.prototype, "monthCellTemplate", void 0);
     tslib_1.__decorate([
@@ -1017,7 +1065,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [MonthCellTemplateDirective])
     ], CalendarComponent.prototype, "monthCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(YearCellTemplateDirective, { static: true }),
+        ContentChild(YearCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", YearCellTemplateDirective)
     ], CalendarComponent.prototype, "yearCellTemplate", void 0);
     tslib_1.__decorate([
@@ -1026,7 +1074,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [YearCellTemplateDirective])
     ], CalendarComponent.prototype, "yearCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(DecadeCellTemplateDirective, { static: true }),
+        ContentChild(DecadeCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", DecadeCellTemplateDirective)
     ], CalendarComponent.prototype, "decadeCellTemplate", void 0);
     tslib_1.__decorate([
@@ -1035,7 +1083,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [DecadeCellTemplateDirective])
     ], CalendarComponent.prototype, "decadeCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(CenturyCellTemplateDirective, { static: true }),
+        ContentChild(CenturyCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", CenturyCellTemplateDirective)
     ], CalendarComponent.prototype, "centuryCellTemplate", void 0);
     tslib_1.__decorate([
@@ -1044,7 +1092,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [CenturyCellTemplateDirective])
     ], CalendarComponent.prototype, "centuryCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(WeekNumberCellTemplateDirective, { static: true }),
+        ContentChild(WeekNumberCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective)
     ], CalendarComponent.prototype, "weekNumberTemplate", void 0);
     tslib_1.__decorate([
@@ -1053,7 +1101,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [WeekNumberCellTemplateDirective])
     ], CalendarComponent.prototype, "weekNumberTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(HeaderTitleTemplateDirective, { static: true }),
+        ContentChild(HeaderTitleTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", HeaderTitleTemplateDirective)
     ], CalendarComponent.prototype, "headerTitleTemplate", void 0);
     tslib_1.__decorate([
@@ -1062,7 +1110,7 @@ var CalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [HeaderTitleTemplateDirective])
     ], CalendarComponent.prototype, "headerTitleTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(NavigationItemTemplateDirective, { static: true }),
+        ContentChild(NavigationItemTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", NavigationItemTemplateDirective)
     ], CalendarComponent.prototype, "navigationItemTemplate", void 0);
     tslib_1.__decorate([
@@ -1118,7 +1166,7 @@ var CalendarComponent = /** @class */ (function () {
                 SelectionService
             ],
             selector: 'kendo-calendar',
-            template: "\n    <ng-container kendoCalendarLocalizedMessages\n        i18n-today=\"kendo.calendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.calendar.prevButtonTitle|The title of the previous button in the Classic calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.calendar.nextButtonTitle|The title of the next button in the Classic calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <ng-container *ngIf=\"type === 'infinite'\">\n        <kendo-calendar-navigation\n            *ngIf=\"navigation\"\n            [activeView]=\"activeViewEnum\"\n            [focusedDate]=\"focusedDate\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [templateRef]=\"navigationItemTemplate?.templateRef\"\n            (valueChange)=\"handleNavigation($event)\"\n            (pageChange)=\"onPageChange()\"\n        >\n        </kendo-calendar-navigation>\n        <kendo-calendar-viewlist\n            [activeView]=\"activeViewEnum\"\n            [isActive]=\"isActive\"\n            [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n            [headerTitleTemplateRef]=\"headerTitleTemplate?.templateRef\"\n            [weekNumberTemplateRef]=\"weekNumberTemplate?.templateRef\"\n            [cellUID]=\"cellUID\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [focusedDate]=\"focusedDate\"\n            [weekNumber]=\"weekNumber\"\n            [selectedDates]=\"selectedDates\"\n            (todayButtonClick)=\"handleDateChange({\n                selectedDates: [$event],\n                focusedDate: $event\n            })\"\n            (cellClick)=\"handleCellClick($event)\"\n            (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n            (activeDateChange)=\"handleActiveDateChange($event)\"\n            (pageChange)=\"onPageChange()\"\n        >\n        </kendo-calendar-viewlist>\n        <kendo-resize-sensor (resize)=\"onResize()\"></kendo-resize-sensor>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'classic'\">\n        <kendo-multiviewcalendar\n            #multiviewcalendar\n            [views]=\"1\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [isActive]=\"isActive\"\n            [activeView]=\"activeView\"\n            [bottomView]=\"bottomView\"\n            [topView]=\"topView\"\n            [weekNumber]=\"weekNumber\"\n            [animateNavigation]=\"animateNavigation\"\n            [cellTemplate]=\"activeCellTemplate()\"\n            [monthCellTemplate]=\"monthCellTemplate\"\n            [yearCellTemplate]=\"yearCellTemplate\"\n            [decadeCellTemplate]=\"decadeCellTemplate\"\n            [centuryCellTemplate]=\"centuryCellTemplate\"\n            [headerTitleTemplate]=\"headerTitleTemplate\"\n            [weekNumberTemplate]=\"weekNumberTemplate\"\n            [focusedDate]=\"focusedDate\"\n            [selection]=\"selection\"\n            [value]=\"value\"\n            [disabledDates]=\"disabledDates\"\n            (activeViewChange)=\"handleActiveViewChange($event)\"\n            (navigate)=\"handleNavigate($event)\"\n            (valueChange)=\"handleMultiViewCalendarValueChange($event, multiviewcalendar.focusedDate)\"\n            (focus)=\"handleFocus()\"\n            (blur)=\"handleBlur($event)\"\n        >\n            <kendo-multiviewcalendar-messages\n                [today]=\"localization.get('today')\"\n                [prevButtonTitle]=\"localization.get('prevButtonTitle')\"\n                [nextButtonTitle]=\"localization.get('nextButtonTitle')\"\n            >\n            </kendo-multiviewcalendar-messages>\n        </kendo-multiviewcalendar>\n    </ng-container>\n  "
+            template: "\n    <ng-container kendoCalendarLocalizedMessages\n        i18n-today=\"kendo.calendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.calendar.prevButtonTitle|The title of the previous button in the Classic calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.calendar.nextButtonTitle|The title of the next button in the Classic calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <ng-container *ngIf=\"type === 'infinite'\">\n        <kendo-calendar-navigation\n            *ngIf=\"navigation\"\n            [activeView]=\"activeViewEnum\"\n            [focusedDate]=\"focusedDate\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [templateRef]=\"navigationItemTemplateRef?.templateRef\"\n            (valueChange)=\"handleNavigation($event)\"\n            (pageChange)=\"onPageChange()\"\n        >\n        </kendo-calendar-navigation>\n        <kendo-calendar-viewlist\n            [activeView]=\"activeViewEnum\"\n            [isActive]=\"isActive\"\n            [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n            [headerTitleTemplateRef]=\"headerTitleTemplateRef?.templateRef\"\n            [weekNumberTemplateRef]=\"weekNumberTemplateRef?.templateRef\"\n            [cellUID]=\"cellUID\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [focusedDate]=\"focusedDate\"\n            [weekNumber]=\"weekNumber\"\n            [selectedDates]=\"selectedDates\"\n            (todayButtonClick)=\"handleDateChange({\n                selectedDates: [$event],\n                focusedDate: $event\n            })\"\n            (cellClick)=\"handleCellClick($event)\"\n            (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n            (activeDateChange)=\"handleActiveDateChange($event)\"\n            (pageChange)=\"onPageChange()\"\n        >\n        </kendo-calendar-viewlist>\n        <kendo-resize-sensor (resize)=\"onResize()\"></kendo-resize-sensor>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'classic'\">\n        <kendo-multiviewcalendar\n            #multiviewcalendar\n            [views]=\"1\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [isActive]=\"isActive\"\n            [activeView]=\"activeView\"\n            [bottomView]=\"bottomView\"\n            [topView]=\"topView\"\n            [weekNumber]=\"weekNumber\"\n            [animateNavigation]=\"animateNavigation\"\n            [cellTemplate]=\"activeCellTemplate()\"\n            [monthCellTemplate]=\"monthCellTemplateRef\"\n            [yearCellTemplate]=\"yearCellTemplateRef\"\n            [decadeCellTemplate]=\"decadeCellTemplateRef\"\n            [centuryCellTemplate]=\"centuryCellTemplateRef\"\n            [headerTitleTemplate]=\"headerTitleTemplateRef\"\n            [weekNumberTemplate]=\"weekNumberTemplateRef\"\n            [focusedDate]=\"focusedDate\"\n            [selection]=\"selection\"\n            [value]=\"value\"\n            [disabledDates]=\"disabledDates\"\n            (activeViewChange)=\"handleActiveViewChange($event)\"\n            (navigate)=\"handleNavigate($event)\"\n            (valueChange)=\"handleMultiViewCalendarValueChange($event, multiviewcalendar.focusedDate)\"\n            (focus)=\"handleFocus()\"\n            (blur)=\"handleBlur($event)\"\n        >\n            <kendo-multiviewcalendar-messages\n                [today]=\"localization.get('today')\"\n                [prevButtonTitle]=\"localization.get('prevButtonTitle')\"\n                [nextButtonTitle]=\"localization.get('nextButtonTitle')\"\n            >\n            </kendo-multiviewcalendar-messages>\n        </kendo-multiviewcalendar>\n    </ng-container>\n  "
         }),
         tslib_1.__param(12, Optional()),
         tslib_1.__metadata("design:paramtypes", [BusViewService,

package/dist/es/calendar/multiview-calendar.component.js

@@ -325,71 +325,113 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarComponent.prototype, "cellTemplateRef", {
+        get: function () {
+            return this._cellTemplateRef || this.cellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each cell.
+         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
          */
         set: function (template) {
-            this.cellTemplate = template;
+            this._cellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarComponent.prototype, "monthCellTemplateRef", {
+        get: function () {
+            return this._monthCellTemplateRef || this.monthCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each month cell.
+         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
          */
         set: function (template) {
-            this.monthCellTemplate = template;
+            this._monthCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarComponent.prototype, "yearCellTemplateRef", {
+        get: function () {
+            return this._yearCellTemplateRef || this.yearCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each year cell.
+         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
          */
         set: function (template) {
-            this.yearCellTemplate = template;
+            this._yearCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarComponent.prototype, "decadeCellTemplateRef", {
+        get: function () {
+            return this._decadeCellTemplateRef || this.decadeCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each decade cell.
+         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
          */
         set: function (template) {
-            this.decadeCellTemplate = template;
+            this._decadeCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarComponent.prototype, "centuryCellTemplateRef", {
+        get: function () {
+            return this._centuryCellTemplateRef || this.centuryCellTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each century cell.
+         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
          */
         set: function (template) {
-            this.centuryCellTemplate = template;
+            this._centuryCellTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarComponent.prototype, "weekNumberTemplateRef", {
+        get: function () {
+            return this._weekNumberTemplateRef || this.weekNumberTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for the week cell.
+         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
          */
         set: function (template) {
-            this.weekNumberTemplate = template;
+            this._weekNumberTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(MultiViewCalendarComponent.prototype, "headerTitleTemplateRef", {
+        get: function () {
+            return this._headerTitleTemplateRef || this.headerTitleTemplate;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for the header title.
+         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
          */
         set: function (template) {
-            this.headerTitleTemplate = template;
+            this._headerTitleTemplateRef = template;
         },
         enumerable: true,
         configurable: true
@@ -672,13 +714,13 @@ var MultiViewCalendarComponent = /** @class */ (function () {
     MultiViewCalendarComponent.prototype.activeCellTemplate = function () {
         switch (this.activeViewEnum) {
             case CalendarViewEnum.month:
-                return this.monthCellTemplate || this.cellTemplate;
+                return this.monthCellTemplateRef || this.cellTemplateRef;
             case CalendarViewEnum.year:
-                return this.yearCellTemplate;
+                return this.yearCellTemplateRef;
             case CalendarViewEnum.decade:
-                return this.decadeCellTemplate;
+                return this.decadeCellTemplateRef;
             case CalendarViewEnum.century:
-                return this.centuryCellTemplate;
+                return this.centuryCellTemplateRef;
             default:
                 return null;
         }
@@ -911,7 +953,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:type", EventEmitter)
     ], MultiViewCalendarComponent.prototype, "blurEvent", void 0);
     tslib_1.__decorate([
-        ContentChild(CellTemplateDirective, { static: true }),
+        ContentChild(CellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", CellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "cellTemplate", void 0);
     tslib_1.__decorate([
@@ -920,7 +962,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [CellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "cellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(MonthCellTemplateDirective, { static: true }),
+        ContentChild(MonthCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", MonthCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "monthCellTemplate", void 0);
     tslib_1.__decorate([
@@ -929,7 +971,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [MonthCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "monthCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(YearCellTemplateDirective, { static: true }),
+        ContentChild(YearCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", YearCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "yearCellTemplate", void 0);
     tslib_1.__decorate([
@@ -938,7 +980,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [YearCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "yearCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(DecadeCellTemplateDirective, { static: true }),
+        ContentChild(DecadeCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", DecadeCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "decadeCellTemplate", void 0);
     tslib_1.__decorate([
@@ -947,7 +989,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [DecadeCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "decadeCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(CenturyCellTemplateDirective, { static: true }),
+        ContentChild(CenturyCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", CenturyCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "centuryCellTemplate", void 0);
     tslib_1.__decorate([
@@ -956,7 +998,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [CenturyCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "centuryCellTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(WeekNumberCellTemplateDirective, { static: true }),
+        ContentChild(WeekNumberCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "weekNumberTemplate", void 0);
     tslib_1.__decorate([
@@ -965,7 +1007,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [WeekNumberCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "weekNumberTemplateRef", null);
     tslib_1.__decorate([
-        ContentChild(HeaderTitleTemplateDirective, { static: true }),
+        ContentChild(HeaderTitleTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", HeaderTitleTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "headerTitleTemplate", void 0);
     tslib_1.__decorate([
@@ -1062,7 +1104,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
                 SelectionService
             ],
             selector: 'kendo-multiviewcalendar',
-            template: "\n    <ng-container kendoMultiViewCalendarLocalizedMessages\n        i18n-today=\"kendo.multiviewcalendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <kendo-calendar-header\n        [activeView]=\"activeViewEnum\"\n        [currentDate]=\"activeDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rangeLength]=\"views\"\n        [templateRef]=\"headerTitleTemplate?.templateRef\"\n        [isPrevDisabled]=\"isPrevDisabled\"\n        [isNextDisabled]=\"isNextDisabled\"\n        [showNavigationButtons]=\"true\"\n        (todayButtonClick)=\"handleTodayButtonClick({ selectedDates: [$event], focusedDate: $event })\"\n        (prevButtonClick)=\"navigateView(prevView)\"\n        (nextButtonClick)=\"navigateView(nextView)\"\n        [kendoEventsOutsideAngular]=\"{\n            focusin: handleHeaderFocus\n        }\"\n        [scope]=\"this\"\n    >\n    </kendo-calendar-header>\n    <kendo-calendar-horizontal\n        [activeView]=\"activeViewEnum\"\n        [isActive]=\"isActive || (isHovered && !isHeaderActive)\"\n        [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n        [weekNumberTemplateRef]=\"weekNumberTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [views]=\"views\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [focusedDate]=\"focusedDate\"\n        [animateNavigation]=\"animateNavigation\"\n        [showViewHeader]=\"showViewHeader\"\n        [weekNumber]=\"weekNumber\"\n        [activeRangeEnd]=\"activeRangeEnd\"\n        [selectionRange]=\"selectionRange\"\n        [selectedDates]=\"selectedDates\"\n        (valueChange)=\"handleDateChange($event)\"\n        (cellClick)=\"handleCellClick($event)\"\n        (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n        (cellEnter)=\"emitCellEvent(cellEnter, $event)\"\n        (cellLeave)=\"emitCellEvent(cellLeave, $event)\"\n        (activeDateChange)=\"setActiveDate($event)\"\n    >\n    </kendo-calendar-horizontal>\n  "
+            template: "\n    <ng-container kendoMultiViewCalendarLocalizedMessages\n        i18n-today=\"kendo.multiviewcalendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <kendo-calendar-header\n        [activeView]=\"activeViewEnum\"\n        [currentDate]=\"activeDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rangeLength]=\"views\"\n        [templateRef]=\"headerTitleTemplateRef?.templateRef\"\n        [isPrevDisabled]=\"isPrevDisabled\"\n        [isNextDisabled]=\"isNextDisabled\"\n        [showNavigationButtons]=\"true\"\n        (todayButtonClick)=\"handleTodayButtonClick({ selectedDates: [$event], focusedDate: $event })\"\n        (prevButtonClick)=\"navigateView(prevView)\"\n        (nextButtonClick)=\"navigateView(nextView)\"\n        [kendoEventsOutsideAngular]=\"{\n            focusin: handleHeaderFocus\n        }\"\n        [scope]=\"this\"\n    >\n    </kendo-calendar-header>\n    <kendo-calendar-horizontal\n        [activeView]=\"activeViewEnum\"\n        [isActive]=\"isActive || (isHovered && !isHeaderActive)\"\n        [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n        [weekNumberTemplateRef]=\"weekNumberTemplateRef?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [views]=\"views\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [focusedDate]=\"focusedDate\"\n        [animateNavigation]=\"animateNavigation\"\n        [showViewHeader]=\"showViewHeader\"\n        [weekNumber]=\"weekNumber\"\n        [activeRangeEnd]=\"activeRangeEnd\"\n        [selectionRange]=\"selectionRange\"\n        [selectedDates]=\"selectedDates\"\n        (valueChange)=\"handleDateChange($event)\"\n        (cellClick)=\"handleCellClick($event)\"\n        (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n        (cellEnter)=\"emitCellEvent(cellEnter, $event)\"\n        (cellLeave)=\"emitCellEvent(cellLeave, $event)\"\n        (activeDateChange)=\"setActiveDate($event)\"\n    >\n    </kendo-calendar-horizontal>\n  "
         }),
         tslib_1.__param(8, Optional()),
         tslib_1.__metadata("design:paramtypes", [BusViewService,

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646217089,
+    publishDate: 1647358649,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/calendar/calendar.component.d.ts

@@ -210,66 +210,114 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     valueChange: EventEmitter<any>;
     /**
      * @hidden
+     *
+     * Queries the template for a cell template declaration.
+     * Ignored if a `[cellTemplate]` value is explicitly provided.
      */
     cellTemplate: CellTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for each cell.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     cellTemplateRef: CellTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a month cell template declaration.
+     * Ignored if a `[monthCellTemplate]` value is explicitly provided.
      */
     monthCellTemplate: MonthCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for each month cell.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     monthCellTemplateRef: MonthCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a year cell template declaration.
+     * Ignored if a `[yearCellTemplate]` value is explicitly provided.
      */
     yearCellTemplate: YearCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for each year cell.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     yearCellTemplateRef: YearCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a decade cell template declaration.
+     * Ignored if a `[decadeCellTemplate]` value is explicitly provided.
      */
     decadeCellTemplate: DecadeCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for each decade cell.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     decadeCellTemplateRef: DecadeCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a century cell template declaration.
+     * Ignored if a `[centuryCellTemplate]` value is explicitly provided.
      */
     centuryCellTemplate: CenturyCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for each century cell.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     centuryCellTemplateRef: CenturyCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a week number cell template declaration.
+     * Ignored if a `[weekNumberTemplate]` value is explicitly provided.
      */
     weekNumberTemplate: WeekNumberCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for the week cell.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     weekNumberTemplateRef: WeekNumberCellTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a header title template declaration.
+     * Ignored if a `[headerTitleTemplate]` value is explicitly provided.
      */
     headerTitleTemplate: HeaderTitleTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for the header title.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     headerTitleTemplateRef: HeaderTitleTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a navigation item template declaration.
+     * Ignored if a `[navigationItemTemplate]` value is explicitly provided.
      */
     navigationItemTemplate: NavigationItemTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for the navigation item.
+     * Takes precedence over nested templates in the KendoCalendar tag.
      */
     navigationItemTemplateRef: NavigationItemTemplateDirective;
     navigationView: NavigationComponent;
@@ -292,6 +340,14 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     private syncNavigation;
     private viewChangeSubscription;
     private _type;
+    private _cellTemplateRef;
+    private _monthCellTemplateRef;
+    private _yearCellTemplateRef;
+    private _decadeCellTemplateRef;
+    private _centuryCellTemplateRef;
+    private _weekNumberTemplateRef;
+    private _headerTitleTemplateRef;
+    private _navigationItemTemplateRef;
     readonly activeViewEnum: CalendarViewEnum;
     readonly bottomViewEnum: CalendarViewEnum;
     readonly topViewEnum: CalendarViewEnum;