@progress/kendo-angular-scheduler 14.2.0-develop.8 → 14.2.0

package/fesm2015/progress-kendo-angular-scheduler.mjs

@@ -48,8 +48,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1701245759,
-    version: '14.2.0-develop.8',
+    publishDate: 1701270752,
+    version: '14.2.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -12323,7 +12323,7 @@ class DayTimeViewBase extends ConfigurationViewBase {
     }
 }
 DayTimeViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewBase, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-DayTimeViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
+DayTimeViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: ViewContextService }, { type: ViewStateService }]; }, propDecorators: { timeSlotTemplate: [{
@@ -12332,6 +12332,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }], dateHeaderTemplate: [{
                 type: ContentChild,
                 args: [DateHeaderTemplateDirective, { static: false }]
+            }], majorTimeHeaderTemplate: [{
+                type: ContentChild,
+                args: [MajorTimeHeaderTemplateDirective, { static: false }]
+            }], minorTimeHeaderTemplate: [{
+                type: ContentChild,
+                args: [MinorTimeHeaderTemplateDirective, { static: false }]
             }], showWorkHours: [{
                 type: Input
             }], eventHeight: [{
@@ -13263,6 +13269,12 @@ class DayTimeViewComponent extends BaseView {
     get dateHeaderTemplateRef() {
         return this.dateHeaderTemplate || (this.schedulerDateHeaderTemplate || {}).templateRef;
     }
+    get majorTimeHeaderTemplateRef() {
+        return this.majorTimeHeaderTemplate || (this.schedulerMajorTimeHeaderTemplate || {}).templateRef;
+    }
+    get minorTimeHeaderTemplateRef() {
+        return this.minorTimeHeaderTemplate || (this.schedulerMinorTimeHeaderTemplate || {}).templateRef;
+    }
     ngOnChanges(changes) {
         if (changes.startTime || changes.endTime || changes.showWorkHours || changes.workDayStart || changes.workDayEnd ||
             changes.workWeekStart || changes.workWeekEnd || changes.slotDivisions || changes.slotDuration) {
@@ -13332,6 +13344,8 @@ class DayTimeViewComponent extends BaseView {
     optionsChange(options) {
         this.schedulerTimeSlotTemplate = options.timeSlotTemplate;
         this.schedulerDateHeaderTemplate = options.dateHeaderTemplate;
+        this.schedulerMajorTimeHeaderTemplate = options.majorTimeHeaderTemplate;
+        this.schedulerMinorTimeHeaderTemplate = options.minorTimeHeaderTemplate;
         super.optionsChange(options);
     }
     updateView() {
@@ -13533,7 +13547,7 @@ class DayTimeViewComponent extends BaseView {
     }
 }
 DayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i1$4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", majorTimeHeaderTemplate: "majorTimeHeaderTemplate", minorTimeHeaderTemplate: "minorTimeHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kendo-day-time-view', template: '' }]
@@ -13541,6 +13555,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], dateHeaderTemplate: [{
                 type: Input
+            }], majorTimeHeaderTemplate: [{
+                type: Input
+            }], minorTimeHeaderTemplate: [{
+                type: Input
             }], numberOfDays: [{
                 type: Input
             }], scrollTime: [{
@@ -13716,12 +13734,6 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
     get allDayEventTemplateRef() {
         return this.allDayEventTemplate || (this.schedulerAllDayEventTemplate || {}).templateRef;
     }
-    get minorTimeHeaderTemplateRef() {
-        return this.minorTimeHeaderTemplate || (this.schedulerMinorTimeHeaderTemplate || {}).templateRef;
-    }
-    get majorTimeHeaderTemplateRef() {
-        return this.majorTimeHeaderTemplate || (this.schedulerMajorTimeHeaderTemplate || {}).templateRef;
-    }
     get allDayMessage() {
         return this.localization.get('allDay');
     }
@@ -13734,8 +13746,6 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
     optionsChange(changes) {
         this.schedulerAllDaySlotTemplate = changes.allDaySlotTemplate;
         this.schedulerAllDayEventTemplate = changes.allDayEventTemplate;
-        this.schedulerMinorTimeHeaderTemplate = changes.minorTimeHeaderTemplate;
-        this.schedulerMajorTimeHeaderTemplate = changes.majorTimeHeaderTemplate;
         super.optionsChange(changes);
     }
     ngOnChanges(changes) {
@@ -13919,7 +13929,7 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
     }
 }
 MultiDayViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultiDayViewRendererComponent, deps: [{ token: i1$1.LocalizationService }, { token: ViewContextService }, { token: ViewStateService }, { token: i1$4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: { name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate", minorTimeHeaderTemplate: "minorTimeHeaderTemplate", majorTimeHeaderTemplate: "majorTimeHeaderTemplate" }, providers: [
+MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: { name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate" }, providers: [
         DayTimeSlotService
     ], viewQueries: [{ propertyName: "headerHintContainer", first: true, predicate: ["headerHintContainer"], descendants: true }, { propertyName: "dayCells", predicate: ["allDayCell"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <div class="k-scheduler-layout k-scheduler-flex-layout" role="presentation" [ngClass]="classNames">
@@ -14452,10 +14462,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], allDayEventTemplate: [{
                 type: Input
-            }], minorTimeHeaderTemplate: [{
-                type: Input
-            }], majorTimeHeaderTemplate: [{
-                type: Input
             }], dayCells: [{
                 type: ViewChildren,
                 args: ['allDayCell']
@@ -14515,7 +14521,7 @@ DayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
 DayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DayViewComponent, selector: "kendo-scheduler-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
             provide: SchedulerView,
             useExisting: forwardRef(() => DayViewComponent)
-        }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <multi-day-view
                 [name]="name"
@@ -14549,7 +14555,7 @@ DayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
             </multi-day-view>
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
-    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -14605,12 +14611,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }], allDayEventTemplate: [{
                 type: ContentChild,
                 args: [AllDayEventTemplateDirective, { static: false }]
-            }], minorTimeHeaderTemplate: [{
-                type: ContentChild,
-                args: [MinorTimeHeaderTemplateDirective, { static: false }]
-            }], majorTimeHeaderTemplate: [{
-                type: ContentChild,
-                args: [MajorTimeHeaderTemplateDirective, { static: false }]
             }] } });
 
 /**
@@ -14709,7 +14709,7 @@ MultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             </multi-day-view>
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
-    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultiDayViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -14814,7 +14814,7 @@ WeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
 WeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
             provide: SchedulerView,
             useExisting: forwardRef(() => WeekViewComponent)
-        }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <multi-day-view
                 [name]="name"
@@ -14851,7 +14851,7 @@ WeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             </multi-day-view>
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
-    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WeekViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -14910,12 +14910,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }], allDayEventTemplate: [{
                 type: ContentChild,
                 args: [AllDayEventTemplateDirective, { static: false }]
-            }], minorTimeHeaderTemplate: [{
-                type: ContentChild,
-                args: [MinorTimeHeaderTemplateDirective, { static: false }]
-            }], majorTimeHeaderTemplate: [{
-                type: ContentChild,
-                args: [MajorTimeHeaderTemplateDirective, { static: false }]
             }] } });
 
 const DAYS_IN_WEEK = 7;
@@ -15002,7 +14996,7 @@ WorkWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             </multi-day-view>
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
-    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WorkWeekViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -15204,6 +15198,9 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
         return result;
     }
     timeColspan(index) {
+        if (this.minorTimeHeaderTemplateRef) {
+            return 1;
+        }
         const timeSlots = this.timeSlots.length;
         const remainder = timeSlots % this.slotDivisions;
         return remainder === 0 || (index < timeSlots - remainder) ? this.slotDivisions : 1;
@@ -15286,25 +15283,32 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                                         [ngTemplateOutletContext]="{ resource: item }"></ng-container>
                                 </th>
                             </tr>
-                             <tr>
+                            <tr>
                                  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;">
                                      <ng-container *ngFor="let daySlot of daySlots; let index = index; trackBy: itemIndex;">
-                                         <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
+                                        <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
                                              <span *ngIf="!dateHeaderTemplateRef" class="k-link" [ngClass]="{ 'k-nav-day': numberOfDays > 1 }" [attr.data-dayslot-index]="index">{{ daySlot.start | kendoDate: 'm'}}</span>
                                              <ng-container *ngIf="dateHeaderTemplateRef" [ngTemplateOutlet]="dateHeaderTemplateRef" [ngTemplateOutletContext]="{ date: daySlot.start }"></ng-container>
-                                         </th>
-                                     </ng-container>
-                                 </ng-container>
-                             </tr>
-                             <tr>
+                                        </th>
+                                    </ng-container>
+                                </ng-container>
+                            </tr>
+                            <tr>
                                  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; let resourceIndex = index; trackBy: itemIndex;">
                                     <ng-container *ngFor="let daySlot of daySlots; let rangeIndex = index; trackBy: itemIndex;">
                                         <ng-container *ngFor="let timeSlot of timeSlots; let index = index; trackBy: itemIndex;">
-                                            <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)" >{{ timeSlot.start | kendoDate: 't' }}</th>
+                                            <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)">
+                                                <ng-container *ngIf="!majorTimeHeaderTemplateRef">{{ timeSlot.start | kendoDate: 't' }}</ng-container>
+                                                <ng-container *ngIf="majorTimeHeaderTemplateRef" [ngTemplateOutlet]="majorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }"></ng-container>
+                                            </th>
+                                            <th *ngIf="!timeSlot.isMajor && minorTimeHeaderTemplateRef" [ngStyle]="{'border-left-color': 'transparent', 'border-right-color': 'transparent'}">
+                                                <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }">
+                                                </ng-container>
+                                            </th>
                                         </ng-container>
                                     </ng-container>
-                                 </ng-container>
-                             </tr>
+                                </ng-container>
+                            </tr>
                         </table>
                     </div>
                 </div>
@@ -15339,7 +15343,7 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                     #content
                     role="group"
                     tabindex="0"
-                    [attr.aria-owns]="matchOwned(items | async)">
+                    [attr.aria-owns]="matchOwned(items | async | sort)">
                     <ng-container *ngIf="showCurrentTime">
                         <div *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;"
                             class="k-current-time" #currentTimeMarker>
@@ -15419,7 +15423,7 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 </div>
             </div>
         </div>
-    `, isInline: true, components: [{ type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: ["vertical", "isAllDay"] }, { type: HintContainerComponent, selector: "kendo-hint-container" }, { type: ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: TimeSlotDirective, selector: "[timeSlot]", inputs: ["invariantStart", "invariantEnd", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "date"], exportAs: ["timeSlot"] }, { type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }], pipes: { "resourceIterator": ResourceIteratorPipe, "repeat": RepeatPipe, "kendoDate": i1$4.DatePipe, "async": i11.AsyncPipe, "sort": SortPipe } });
+    `, isInline: true, components: [{ type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: ["vertical", "isAllDay"] }, { type: HintContainerComponent, selector: "kendo-hint-container" }, { type: ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: TimeSlotDirective, selector: "[timeSlot]", inputs: ["invariantStart", "invariantEnd", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "date"], exportAs: ["timeSlot"] }, { type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }], pipes: { "resourceIterator": ResourceIteratorPipe, "repeat": RepeatPipe, "kendoDate": i1$4.DatePipe, "sort": SortPipe, "async": i11.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMultiDayViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -15459,25 +15463,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                                         [ngTemplateOutletContext]="{ resource: item }"></ng-container>
                                 </th>
                             </tr>
-                             <tr>
+                            <tr>
                                  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;">
                                      <ng-container *ngFor="let daySlot of daySlots; let index = index; trackBy: itemIndex;">
-                                         <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
+                                        <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
                                              <span *ngIf="!dateHeaderTemplateRef" class="k-link" [ngClass]="{ 'k-nav-day': numberOfDays > 1 }" [attr.data-dayslot-index]="index">{{ daySlot.start | kendoDate: 'm'}}</span>
                                              <ng-container *ngIf="dateHeaderTemplateRef" [ngTemplateOutlet]="dateHeaderTemplateRef" [ngTemplateOutletContext]="{ date: daySlot.start }"></ng-container>
-                                         </th>
-                                     </ng-container>
-                                 </ng-container>
-                             </tr>
-                             <tr>
+                                        </th>
+                                    </ng-container>
+                                </ng-container>
+                            </tr>
+                            <tr>
                                  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; let resourceIndex = index; trackBy: itemIndex;">
                                     <ng-container *ngFor="let daySlot of daySlots; let rangeIndex = index; trackBy: itemIndex;">
                                         <ng-container *ngFor="let timeSlot of timeSlots; let index = index; trackBy: itemIndex;">
-                                            <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)" >{{ timeSlot.start | kendoDate: 't' }}</th>
+                                            <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)">
+                                                <ng-container *ngIf="!majorTimeHeaderTemplateRef">{{ timeSlot.start | kendoDate: 't' }}</ng-container>
+                                                <ng-container *ngIf="majorTimeHeaderTemplateRef" [ngTemplateOutlet]="majorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }"></ng-container>
+                                            </th>
+                                            <th *ngIf="!timeSlot.isMajor && minorTimeHeaderTemplateRef" [ngStyle]="{'border-left-color': 'transparent', 'border-right-color': 'transparent'}">
+                                                <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }">
+                                                </ng-container>
+                                            </th>
                                         </ng-container>
                                     </ng-container>
-                                 </ng-container>
-                             </tr>
+                                </ng-container>
+                            </tr>
                         </table>
                     </div>
                 </div>
@@ -15512,7 +15523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     #content
                     role="group"
                     tabindex="0"
-                    [attr.aria-owns]="matchOwned(items | async)">
+                    [attr.aria-owns]="matchOwned(items | async | sort)">
                     <ng-container *ngIf="showCurrentTime">
                         <div *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;"
                             class="k-current-time" #currentTimeMarker>
@@ -15689,6 +15700,8 @@ TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 [eventTemplate]="eventTemplate?.templateRef"
                 [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
                 [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
                 [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat">
@@ -15729,6 +15742,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [eventTemplate]="eventTemplate?.templateRef"
                 [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
                 [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
                 [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat">
@@ -15819,6 +15834,8 @@ TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
                 [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
                 [timeSlotTemplate]="timeSlotTemplate?.templateRef"
                 [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat">
             </timeline-multi-day-view>
@@ -15863,6 +15880,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
                 [timeSlotTemplate]="timeSlotTemplate?.templateRef"
                 [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat">
             </timeline-multi-day-view>
@@ -15960,6 +15979,8 @@ TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
                 [timeSlotTemplate]="timeSlotTemplate?.templateRef"
                 [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat">
             </timeline-multi-day-view>
@@ -16004,6 +16025,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
                 [timeSlotTemplate]="timeSlotTemplate?.templateRef"
                 [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
+                [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat">
             </timeline-multi-day-view>