@progress/kendo-angular-dateinputs 6.0.3-dev.202203091007 → 6.0.4-dev.202203211102

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/datetimepicker/datetimepicker.component.js

@@ -1292,7 +1292,7 @@ var DateTimePickerComponent = /** @class */ (function () {
                 { provide: NG_VALIDATORS, useExisting: forwardRef(function () { return DateTimePickerComponent_1; }), multi: true },
                 { provide: KendoInput, useExisting: forwardRef(function () { return DateTimePickerComponent_1; }) }
             ],
-            template: "\n        <ng-container\n            kendoDateTimePickerLocalizedMessages\n\n            i18n-dateTab=\"kendo.datetimepicker.dateTab|The Date tab text in the datetimepicker popup header\"\n            dateTab=\"Date\"\n\n            i18n-dateTabLabel=\"kendo.datetimepicker.dateTabLabel|The label for the Date tab in the datetimepicker popup header\"\n            dateTabLabel=\"Date tab\"\n\n            i18n-timeTab=\"kendo.datetimepicker.timeTab|The Time tab text in the datetimepicker popup header\"\n            timeTab=\"Time\"\n\n            i18n-timeTabLabel=\"kendo.datetimepicker.timeTabLabel|The label for the Time tab in the datetimepicker popup header\"\n            timeTabLabel=\"Time tab\"\n\n            i18n-toggle=\"kendo.datetimepicker.toggle|The title of the toggle button in the datetimepicker component\"\n            toggle=\"Toggle popup\"\n\n            i18n-accept=\"kendo.datetimepicker.accept|The Accept button text in the datetimepicker component\"\n            accept=\"Set\"\n\n            i18n-acceptLabel=\"kendo.datetimepicker.acceptLabel|The label for the Accept button in the datetimepicker component\"\n            acceptLabel=\"Set\"\n\n            i18n-cancel=\"kendo.datetimepicker.cancel|The Cancel button text in the datetimepicker component\"\n            cancel=\"Cancel\"\n\n            i18n-cancelLabel=\"kendo.datetimepicker.cancelLabel|The label for the Cancel button in the datetimepicker component\"\n            cancelLabel=\"Cancel\"\n\n            i18n-now=\"kendo.datetimepicker.now|The Now button text in the timepicker component\"\n            now=\"NOW\"\n\n            i18n-nowLabel=\"kendo.datetimepicker.nowLabel|The label for the Now button in the timepicker component\"\n            nowLabel=\"Select now\"\n\n            i18n-today=\"kendo.datetimepicker.today|The label for the today button in the calendar header\"\n            today=\"Today\"\n\n            i18n-prevButtonTitle=\"kendo.datetimepicker.prevButtonTitle|The title of the previous button in the Classic calendar\"\n            prevButtonTitle=\"Navigate to previous view\"\n\n            i18n-nextButtonTitle=\"kendo.datetimepicker.nextButtonTitle|The title of the next button in the Classic calendar\"\n            nextButtonTitle=\"Navigate to next view\"\n        >\n        </ng-container>\n\n        <kendo-dateinput\n            [value]=\"value\"\n            [format]=\"format\"\n            [twoDigitYearMax]=\"twoDigitYearMax\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [incompleteDateValidation]=\"incompleteDateValidation\"\n            [formatPlaceholder]=\"formatPlaceholder\"\n            [placeholder]=\"placeholder\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readonly || readOnlyInput\"\n            [role]=\"inputRole\"\n            [ariaReadOnly]=\"readonly\"\n            [steps]=\"steps\"\n            [tabindex]=\"tabindex\"\n            [title]=\"title\"\n            [focusableId]=\"focusableId\"\n            [hasPopup]=\"true\"\n            [isPopupOpen]=\"isOpen\"\n            (valueChange)=\"handleInputValueChange($event)\"\n            [kendoEventsOutsideAngular]=\"{\n                keydown: handleKeyDown\n            }\"\n            [scope]=\"this\"\n            [fillMode]=\"fillMode\"\n            [rounded]=\"rounded\"\n            [size]=\"size\"\n        >\n        </kendo-dateinput>\n        <button\n            #toggleButton\n            type=\"button\"\n            class=\"k-input-button k-button k-icon-button\"\n            [tabindex]=\"-1\"\n            [attr.title]=\"localization.get('toggle')\"\n            [attr.aria-label]=\"localization.get('toggle')\"\n            [kendoEventsOutsideAngular]=\"{\n                mousedown: preventMouseDown,\n                click: handleIconClick\n            }\"\n            [scope]=\"this\"\n        >\n            <span class=\"k-button-icon k-icon\"\n                [ngClass]=\"{\n                    'k-i-calendar': activeTab === 'date',\n                    'k-i-clock': activeTab === 'time'\n                }\"\n            ></span>\n        </button>\n\n        <ng-container #container></ng-container>\n\n        <ng-template #popupTemplate>\n            <div\n                class=\"k-datetime-wrap k-{{activeTab}}-tab\"\n                [kendoEventsOutsideAngular]=\"{\n                    mousedown: preventMouseDown,\n                    keydown: handleKeyDown\n                }\"\n                [scope]=\"this\"\n            >\n                <div class=\"k-datetime-buttongroup\"\n                    [kendoEventsOutsideAngular]=\"{\n                        focusin: handleFocus,\n                        focusout: handleBlur\n                    }\"\n                    [scope]=\"this\"\n                >\n                    <div class=\"k-button-group k-button-group-stretched\">\n                        <button\n                            type=\"button\"\n                            class=\"k-button k-group-start k-date-tab\"\n                            [ngClass]=\"popupButtonsClasses()\"\n                            [class.k-active]=\"activeTab === 'date'\"\n                            [attr.title]=\"localization.get('dateTabLabel')\"\n                            [attr.aria-label]=\"localization.get('dateTabLabel')\"\n                            [kendoEventsOutsideAngular]=\"{\n                                click: changeActiveTab.bind(this, 'date'),\n                                keydown: handleBackTabOut\n                            }\"\n                            [scope]=\"this\"\n                        >\n                            {{localization.get('dateTab')}}\n                        </button>\n                        <button\n                            type=\"button\"\n                            class=\"k-button k-group-end k-time-tab\"\n                            [ngClass]=\"popupButtonsClasses()\"\n                            [class.k-active]=\"activeTab === 'time'\"\n                            [attr.title]=\"localization.get('timeTabLabel')\"\n                            [attr.aria-label]=\"localization.get('timeTabLabel')\"\n                            [kendoEventsOutsideAngular]=\"{\n                                click: changeActiveTab.bind(this, 'time')\n                            }\"\n                        >\n                            {{localization.get('timeTab')}}\n                        </button>\n                    </div>\n                </div>\n                <div\n                    #dateTimeSelector\n                    class=\"k-datetime-selector\"\n                    [style.transition]=\"tabSwitchTransition\"\n                    [kendoEventsOutsideAngular]=\"{\n                        transitionend: handleTabChangeTransitionEnd.bind(this, dateTimeSelector)\n                    }\"\n                >\n                    <div class=\"k-datetime-calendar-wrap\">\n                        <kendo-calendar\n                            [(value)]=\"calendarValue\"\n                            [type]=\"calendarType\"\n                            [min]=\"calendarMin\"\n                            [max]=\"calendarMax\"\n                            [focusedDate]=\"focusedDate\"\n                            [weekNumber]=\"weekNumber\"\n                            [navigation]=\"false\"\n                            [animateNavigation]=\"animateCalendarNavigation\"\n                            [cellTemplate]=\"cellTemplate\"\n                            [monthCellTemplate]=\"monthCellTemplate\"\n                            [yearCellTemplate]=\"yearCellTemplate\"\n                            [decadeCellTemplate]=\"decadeCellTemplate\"\n                            [centuryCellTemplate]=\"centuryCellTemplate\"\n                            [weekNumberTemplate]=\"weekNumberTemplate\"\n                            [headerTitleTemplate]=\"headerTitleTemplate\"\n                            [disabled]=\"disableCalendar\"\n                            [disabledDates]=\"disabledDates\"\n                            (valueChange)=\"handleCalendarValueChange()\"\n                        >\n                            <kendo-calendar-messages\n                                [today]=\"localization.get('today')\"\n                                [prevButtonTitle]=\"localization.get('prevButtonTitle')\"\n                                [nextButtonTitle]=\"localization.get('nextButtonTitle')\"\n                            >\n                            </kendo-calendar-messages>\n                        </kendo-calendar>\n                    </div>\n                    <div class=\"k-datetime-time-wrap\">\n                        <kendo-timeselector\n                            [value]=\"value\"\n                            [format]=\"timeSelectorFormat\"\n                            [min]=\"timeSelectorMin\"\n                            [max]=\"timeSelectorMax\"\n                            [setButton]=\"false\"\n                            [cancelButton]=\"false\"\n                            [steps]=\"steps\"\n                            [disabled]=\"disableTimeSelector\"\n                        >\n                            <kendo-timeselector-messages\n                                [now]=\"localization.get('now')\"\n                                [nowLabel]=\"localization.get('nowLabel')\"\n                            >\n                            </kendo-timeselector-messages>\n                        </kendo-timeselector>\n                    </div>\n                </div>\n                <div\n                    class=\"k-datetime-footer k-action-buttons k-actions k-hstack k-justify-content-stretch\"\n                    [kendoEventsOutsideAngular]=\"{\n                        keydown: handleTabOut,\n                        focusin: handleFocus,\n                        focusout: handleBlur\n                    }\"\n                    [scope]=\"this\"\n                >\n                    <button\n                        *ngIf=\"cancelButton\"\n                        type=\"button\"\n                        class=\"k-button k-time-cancel\"\n                        [ngClass]=\"popupButtonsClasses()\"\n                        [attr.title]=\"localization.get('cancelLabel')\"\n                        [attr.aria-label]=\"localization.get('cancelLabel')\"\n                        [kendoEventsOutsideAngular]=\"{\n                            click: handleCancel\n                        }\"\n                        [scope]=\"this\"\n                    >\n                        {{localization.get('cancel')}}\n                    </button>\n                    <button\n                        type=\"button\"\n                        class=\"k-button k-time-accept\"\n                        [ngClass]=\"popupButtonsClasses('primary')\"\n                        [attr.title]=\"localization.get('acceptLabel')\"\n                        [attr.aria-label]=\"localization.get('acceptLabel')\"\n                        [disabled]=\"!calendarValue\"\n                        [kendoEventsOutsideAngular]=\"{\n                            click: handleAccept\n                        }\"\n                        [scope]=\"this\"\n                    >\n                        {{localization.get('accept')}}\n                    </button>\n                </div>\n            </div>\n        </ng-template>\n    "
+            template: "\n        <ng-container\n            kendoDateTimePickerLocalizedMessages\n\n            i18n-dateTab=\"kendo.datetimepicker.dateTab|The Date tab text in the datetimepicker popup header\"\n            dateTab=\"Date\"\n\n            i18n-dateTabLabel=\"kendo.datetimepicker.dateTabLabel|The label for the Date tab in the datetimepicker popup header\"\n            dateTabLabel=\"Date tab\"\n\n            i18n-timeTab=\"kendo.datetimepicker.timeTab|The Time tab text in the datetimepicker popup header\"\n            timeTab=\"Time\"\n\n            i18n-timeTabLabel=\"kendo.datetimepicker.timeTabLabel|The label for the Time tab in the datetimepicker popup header\"\n            timeTabLabel=\"Time tab\"\n\n            i18n-toggle=\"kendo.datetimepicker.toggle|The title of the toggle button in the datetimepicker component\"\n            toggle=\"Toggle popup\"\n\n            i18n-accept=\"kendo.datetimepicker.accept|The Accept button text in the datetimepicker component\"\n            accept=\"Set\"\n\n            i18n-acceptLabel=\"kendo.datetimepicker.acceptLabel|The label for the Accept button in the datetimepicker component\"\n            acceptLabel=\"Set\"\n\n            i18n-cancel=\"kendo.datetimepicker.cancel|The Cancel button text in the datetimepicker component\"\n            cancel=\"Cancel\"\n\n            i18n-cancelLabel=\"kendo.datetimepicker.cancelLabel|The label for the Cancel button in the datetimepicker component\"\n            cancelLabel=\"Cancel\"\n\n            i18n-now=\"kendo.datetimepicker.now|The Now button text in the timepicker component\"\n            now=\"NOW\"\n\n            i18n-nowLabel=\"kendo.datetimepicker.nowLabel|The label for the Now button in the timepicker component\"\n            nowLabel=\"Select now\"\n\n            i18n-today=\"kendo.datetimepicker.today|The label for the today button in the calendar header\"\n            today=\"Today\"\n\n            i18n-prevButtonTitle=\"kendo.datetimepicker.prevButtonTitle|The title of the previous button in the Classic calendar\"\n            prevButtonTitle=\"Navigate to previous view\"\n\n            i18n-nextButtonTitle=\"kendo.datetimepicker.nextButtonTitle|The title of the next button in the Classic calendar\"\n            nextButtonTitle=\"Navigate to next view\"\n        >\n        </ng-container>\n\n        <kendo-dateinput\n            [value]=\"value\"\n            [format]=\"format\"\n            [twoDigitYearMax]=\"twoDigitYearMax\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [incompleteDateValidation]=\"incompleteDateValidation\"\n            [formatPlaceholder]=\"formatPlaceholder\"\n            [placeholder]=\"placeholder\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readonly || readOnlyInput\"\n            [role]=\"inputRole\"\n            [ariaReadOnly]=\"readonly\"\n            [steps]=\"steps\"\n            [tabindex]=\"tabindex\"\n            [title]=\"title\"\n            [focusableId]=\"focusableId\"\n            [hasPopup]=\"true\"\n            [isPopupOpen]=\"isOpen\"\n            (valueChange)=\"handleInputValueChange($event)\"\n            [kendoEventsOutsideAngular]=\"{\n                keydown: handleKeyDown\n            }\"\n            [scope]=\"this\"\n            [fillMode]=\"fillMode\"\n            [rounded]=\"rounded\"\n            [size]=\"size\"\n        >\n        </kendo-dateinput>\n        <button\n            #toggleButton\n            type=\"button\"\n            class=\"k-input-button k-button k-icon-button\"\n            [tabindex]=\"-1\"\n            [attr.title]=\"localization.get('toggle')\"\n            [attr.aria-label]=\"localization.get('toggle')\"\n            [kendoEventsOutsideAngular]=\"{\n                mousedown: preventMouseDown,\n                click: handleIconClick\n            }\"\n            [scope]=\"this\"\n        >\n            <span class=\"k-button-icon k-icon\"\n                [ngClass]=\"{\n                    'k-i-calendar': activeTab === 'date',\n                    'k-i-clock': activeTab === 'time'\n                }\"\n            ></span>\n        </button>\n\n        <ng-container #container></ng-container>\n\n        <ng-template #popupTemplate>\n            <div\n                class=\"k-datetime-wrap k-{{activeTab}}-tab\"\n                [kendoEventsOutsideAngular]=\"{\n                    mousedown: preventMouseDown,\n                    keydown: handleKeyDown\n                }\"\n                [scope]=\"this\"\n            >\n                <div class=\"k-datetime-buttongroup\"\n                    [kendoEventsOutsideAngular]=\"{\n                        focusin: handleFocus,\n                        focusout: handleBlur\n                    }\"\n                    [scope]=\"this\"\n                >\n                    <div class=\"k-button-group k-button-group-stretched\">\n                        <button\n                            type=\"button\"\n                            class=\"k-button k-group-start k-date-tab\"\n                            [ngClass]=\"popupButtonsClasses()\"\n                            [class.k-active]=\"activeTab === 'date'\"\n                            [attr.title]=\"localization.get('dateTabLabel')\"\n                            [attr.aria-label]=\"localization.get('dateTabLabel')\"\n                            [kendoEventsOutsideAngular]=\"{\n                                click: changeActiveTab.bind(this, 'date'),\n                                keydown: handleBackTabOut\n                            }\"\n                            [scope]=\"this\"\n                        >\n                            {{localization.get('dateTab')}}\n                        </button>\n                        <button\n                            type=\"button\"\n                            class=\"k-button k-group-end k-time-tab\"\n                            [ngClass]=\"popupButtonsClasses()\"\n                            [class.k-active]=\"activeTab === 'time'\"\n                            [attr.title]=\"localization.get('timeTabLabel')\"\n                            [attr.aria-label]=\"localization.get('timeTabLabel')\"\n                            [kendoEventsOutsideAngular]=\"{\n                                click: changeActiveTab.bind(this, 'time')\n                            }\"\n                        >\n                            {{localization.get('timeTab')}}\n                        </button>\n                    </div>\n                </div>\n                <div\n                    #dateTimeSelector\n                    class=\"k-datetime-selector\"\n                    [style.transition]=\"tabSwitchTransition\"\n                    [kendoEventsOutsideAngular]=\"{\n                        transitionend: handleTabChangeTransitionEnd.bind(this, dateTimeSelector)\n                    }\"\n                >\n                    <div class=\"k-datetime-calendar-wrap\">\n                        <kendo-calendar\n                            [focusedDate]=\"focusedDate\"\n                            [(value)]=\"calendarValue\"\n                            [type]=\"calendarType\"\n                            [min]=\"calendarMin\"\n                            [max]=\"calendarMax\"\n                            [weekNumber]=\"weekNumber\"\n                            [navigation]=\"false\"\n                            [animateNavigation]=\"animateCalendarNavigation\"\n                            [cellTemplate]=\"cellTemplate\"\n                            [monthCellTemplate]=\"monthCellTemplate\"\n                            [yearCellTemplate]=\"yearCellTemplate\"\n                            [decadeCellTemplate]=\"decadeCellTemplate\"\n                            [centuryCellTemplate]=\"centuryCellTemplate\"\n                            [weekNumberTemplate]=\"weekNumberTemplate\"\n                            [headerTitleTemplate]=\"headerTitleTemplate\"\n                            [disabled]=\"disableCalendar\"\n                            [disabledDates]=\"disabledDates\"\n                            (valueChange)=\"handleCalendarValueChange()\"\n                        >\n                            <kendo-calendar-messages\n                                [today]=\"localization.get('today')\"\n                                [prevButtonTitle]=\"localization.get('prevButtonTitle')\"\n                                [nextButtonTitle]=\"localization.get('nextButtonTitle')\"\n                            >\n                            </kendo-calendar-messages>\n                        </kendo-calendar>\n                    </div>\n                    <div class=\"k-datetime-time-wrap\">\n                        <kendo-timeselector\n                            [value]=\"value\"\n                            [format]=\"timeSelectorFormat\"\n                            [min]=\"timeSelectorMin\"\n                            [max]=\"timeSelectorMax\"\n                            [setButton]=\"false\"\n                            [cancelButton]=\"false\"\n                            [steps]=\"steps\"\n                            [disabled]=\"disableTimeSelector\"\n                        >\n                            <kendo-timeselector-messages\n                                [now]=\"localization.get('now')\"\n                                [nowLabel]=\"localization.get('nowLabel')\"\n                            >\n                            </kendo-timeselector-messages>\n                        </kendo-timeselector>\n                    </div>\n                </div>\n                <div\n                    class=\"k-datetime-footer k-action-buttons k-actions k-hstack k-justify-content-stretch\"\n                    [kendoEventsOutsideAngular]=\"{\n                        keydown: handleTabOut,\n                        focusin: handleFocus,\n                        focusout: handleBlur\n                    }\"\n                    [scope]=\"this\"\n                >\n                    <button\n                        *ngIf=\"cancelButton\"\n                        type=\"button\"\n                        class=\"k-button k-time-cancel\"\n                        [ngClass]=\"popupButtonsClasses()\"\n                        [attr.title]=\"localization.get('cancelLabel')\"\n                        [attr.aria-label]=\"localization.get('cancelLabel')\"\n                        [kendoEventsOutsideAngular]=\"{\n                            click: handleCancel\n                        }\"\n                        [scope]=\"this\"\n                    >\n                        {{localization.get('cancel')}}\n                    </button>\n                    <button\n                        type=\"button\"\n                        class=\"k-button k-time-accept\"\n                        [ngClass]=\"popupButtonsClasses('primary')\"\n                        [attr.title]=\"localization.get('acceptLabel')\"\n                        [attr.aria-label]=\"localization.get('acceptLabel')\"\n                        [disabled]=\"!calendarValue\"\n                        [kendoEventsOutsideAngular]=\"{\n                            click: handleAccept\n                        }\"\n                        [scope]=\"this\"\n                    >\n                        {{localization.get('accept')}}\n                    </button>\n                </div>\n            </div>\n        </ng-template>\n    "
         }),
         tslib_1.__param(6, Inject(TOUCH_ENABLED)),
         tslib_1.__metadata("design:paramtypes", [PopupService,

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: 1646820275,
+    publishDate: 1647860363,
     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'
 };