@progress/kendo-angular-dateinputs 6.0.2 → 6.0.3

package/dist/fesm5/index.js

@@ -23,7 +23,7 @@ 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'
 };
@@ -2587,71 +2587,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
@@ -2934,13 +2976,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;
         }
@@ -3173,7 +3215,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         __metadata("design:type", EventEmitter)
     ], MultiViewCalendarComponent.prototype, "blurEvent", void 0);
     __decorate([
-        ContentChild(CellTemplateDirective, { static: true }),
+        ContentChild(CellTemplateDirective, { static: false }),
         __metadata("design:type", CellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "cellTemplate", void 0);
     __decorate([
@@ -3182,7 +3224,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [CellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "cellTemplateRef", null);
     __decorate([
-        ContentChild(MonthCellTemplateDirective, { static: true }),
+        ContentChild(MonthCellTemplateDirective, { static: false }),
         __metadata("design:type", MonthCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "monthCellTemplate", void 0);
     __decorate([
@@ -3191,7 +3233,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [MonthCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "monthCellTemplateRef", null);
     __decorate([
-        ContentChild(YearCellTemplateDirective, { static: true }),
+        ContentChild(YearCellTemplateDirective, { static: false }),
         __metadata("design:type", YearCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "yearCellTemplate", void 0);
     __decorate([
@@ -3200,7 +3242,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [YearCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "yearCellTemplateRef", null);
     __decorate([
-        ContentChild(DecadeCellTemplateDirective, { static: true }),
+        ContentChild(DecadeCellTemplateDirective, { static: false }),
         __metadata("design:type", DecadeCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "decadeCellTemplate", void 0);
     __decorate([
@@ -3209,7 +3251,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [DecadeCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "decadeCellTemplateRef", null);
     __decorate([
-        ContentChild(CenturyCellTemplateDirective, { static: true }),
+        ContentChild(CenturyCellTemplateDirective, { static: false }),
         __metadata("design:type", CenturyCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "centuryCellTemplate", void 0);
     __decorate([
@@ -3218,7 +3260,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [CenturyCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "centuryCellTemplateRef", null);
     __decorate([
-        ContentChild(WeekNumberCellTemplateDirective, { static: true }),
+        ContentChild(WeekNumberCellTemplateDirective, { static: false }),
         __metadata("design:type", WeekNumberCellTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "weekNumberTemplate", void 0);
     __decorate([
@@ -3227,7 +3269,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [WeekNumberCellTemplateDirective])
     ], MultiViewCalendarComponent.prototype, "weekNumberTemplateRef", null);
     __decorate([
-        ContentChild(HeaderTitleTemplateDirective, { static: true }),
+        ContentChild(HeaderTitleTemplateDirective, { static: false }),
         __metadata("design:type", HeaderTitleTemplateDirective)
     ], MultiViewCalendarComponent.prototype, "headerTitleTemplate", void 0);
     __decorate([
@@ -3324,7 +3366,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  "
         }),
         __param(8, Optional()),
         __metadata("design:paramtypes", [BusViewService,
@@ -4885,81 +4927,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
@@ -5226,13 +5316,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;
         }
@@ -5543,7 +5633,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:type", EventEmitter)
     ], CalendarComponent.prototype, "valueChange", void 0);
     __decorate([
-        ContentChild(CellTemplateDirective, { static: true }),
+        ContentChild(CellTemplateDirective, { static: false }),
         __metadata("design:type", CellTemplateDirective)
     ], CalendarComponent.prototype, "cellTemplate", void 0);
     __decorate([
@@ -5552,7 +5642,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [CellTemplateDirective])
     ], CalendarComponent.prototype, "cellTemplateRef", null);
     __decorate([
-        ContentChild(MonthCellTemplateDirective, { static: true }),
+        ContentChild(MonthCellTemplateDirective, { static: false }),
         __metadata("design:type", MonthCellTemplateDirective)
     ], CalendarComponent.prototype, "monthCellTemplate", void 0);
     __decorate([
@@ -5561,7 +5651,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [MonthCellTemplateDirective])
     ], CalendarComponent.prototype, "monthCellTemplateRef", null);
     __decorate([
-        ContentChild(YearCellTemplateDirective, { static: true }),
+        ContentChild(YearCellTemplateDirective, { static: false }),
         __metadata("design:type", YearCellTemplateDirective)
     ], CalendarComponent.prototype, "yearCellTemplate", void 0);
     __decorate([
@@ -5570,7 +5660,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [YearCellTemplateDirective])
     ], CalendarComponent.prototype, "yearCellTemplateRef", null);
     __decorate([
-        ContentChild(DecadeCellTemplateDirective, { static: true }),
+        ContentChild(DecadeCellTemplateDirective, { static: false }),
         __metadata("design:type", DecadeCellTemplateDirective)
     ], CalendarComponent.prototype, "decadeCellTemplate", void 0);
     __decorate([
@@ -5579,7 +5669,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [DecadeCellTemplateDirective])
     ], CalendarComponent.prototype, "decadeCellTemplateRef", null);
     __decorate([
-        ContentChild(CenturyCellTemplateDirective, { static: true }),
+        ContentChild(CenturyCellTemplateDirective, { static: false }),
         __metadata("design:type", CenturyCellTemplateDirective)
     ], CalendarComponent.prototype, "centuryCellTemplate", void 0);
     __decorate([
@@ -5588,7 +5678,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [CenturyCellTemplateDirective])
     ], CalendarComponent.prototype, "centuryCellTemplateRef", null);
     __decorate([
-        ContentChild(WeekNumberCellTemplateDirective, { static: true }),
+        ContentChild(WeekNumberCellTemplateDirective, { static: false }),
         __metadata("design:type", WeekNumberCellTemplateDirective)
     ], CalendarComponent.prototype, "weekNumberTemplate", void 0);
     __decorate([
@@ -5597,7 +5687,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [WeekNumberCellTemplateDirective])
     ], CalendarComponent.prototype, "weekNumberTemplateRef", null);
     __decorate([
-        ContentChild(HeaderTitleTemplateDirective, { static: true }),
+        ContentChild(HeaderTitleTemplateDirective, { static: false }),
         __metadata("design:type", HeaderTitleTemplateDirective)
     ], CalendarComponent.prototype, "headerTitleTemplate", void 0);
     __decorate([
@@ -5606,7 +5696,7 @@ var CalendarComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [HeaderTitleTemplateDirective])
     ], CalendarComponent.prototype, "headerTitleTemplateRef", null);
     __decorate([
-        ContentChild(NavigationItemTemplateDirective, { static: true }),
+        ContentChild(NavigationItemTemplateDirective, { static: false }),
         __metadata("design:type", NavigationItemTemplateDirective)
     ], CalendarComponent.prototype, "navigationItemTemplate", void 0);
     __decorate([
@@ -5662,7 +5752,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  "
         }),
         __param(12, Optional()),
         __metadata("design:paramtypes", [BusViewService,