@progress/kendo-angular-scheduler 24.0.0-develop.32 → 24.0.0-develop.34

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

@@ -43,8 +43,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1778850598,
-    version: '24.0.0-develop.32',
+    publishDate: 1779091829,
+    version: '24.0.0-develop.34',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2323,24 +2323,9 @@ class PDFExportEvent extends PreventableEvent {
  * @hidden
  */
 class LoadingComponent {
-    element;
-    renderer;
     hostClasses = true;
-    loading;
-    get display() {
-        return this.loading || this.force ? 'block' : 'none';
-    }
-    force;
-    constructor(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-    }
-    toggle(value) {
-        this.force = value;
-        this.renderer.setStyle(this.element.nativeElement, 'display', this.display);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LoadingComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: LoadingComponent, isStandalone: true, selector: "[kendoSchedulerLoading]", inputs: { loading: "loading" }, host: { properties: { "class.k-loading-mask": "this.hostClasses", "style.display": "this.display" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: LoadingComponent, isStandalone: true, selector: "[kendoSchedulerLoading]", host: { properties: { "class.k-loading-mask": "this.hostClasses" } }, ngImport: i0, template: `
         <div class="k-loading-image"></div>
         <div class="k-loading-color"></div>
     `, isInline: true });
@@ -2355,14 +2340,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
     `,
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClasses: [{
+        }], propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-loading-mask']
-            }], loading: [{
-                type: Input
-            }], display: [{
-                type: HostBinding,
-                args: ['style.display']
             }] } });
 
 /**
@@ -2420,7 +2400,7 @@ class FocusableDirective {
     }
     toggleFocus(value) {
         const element = this.element.nativeElement;
-        const isFooterButton = element.matches('.k-scheduler-navigation .k-button');
+        const isFooterButton = element.matches('[viewfooter] .k-button');
         const focusedClass = element.matches('.k-button-group .k-button') || isFooterButton ? 'k-focus' : 'k-selected';
         const schedulerElement = element.closest('.k-scheduler');
         const renderedEvents = schedulerElement ? schedulerElement.querySelectorAll('.k-event') : [];
@@ -2580,6 +2560,20 @@ const intersects = (startTime, endTime, periodStart, periodEnd) => (startTime <
 /** @hidden */
 const dateInRange = (date, start, end) => start.getTime() <= date.getTime() && date.getTime() <= end.getTime();
 /** @hidden */
+const getVerticalPaddingAndBorder = (element) => {
+    if (!isDocumentAvailable() || !element) {
+        return 0;
+    }
+    const styles = getComputedStyle(element);
+    const values = [
+        parseFloat(styles.paddingTop || '0'),
+        parseFloat(styles.paddingBottom || '0'),
+        parseFloat(styles.borderTopWidth || '0'),
+        parseFloat(styles.borderBottomWidth || '0')
+    ];
+    return values.reduce((total, value) => total + (Number.isFinite(value) ? value : 0), 0);
+};
+/** @hidden */
 const roundAllDayEnd = ({ start, end }) => {
     const startDate = start.stripTime();
     const endDate = end.stripTime();
@@ -6753,7 +6747,6 @@ class ToolbarNavigationComponent {
             calendar.focus();
         }
     }
-    hostClass = true;
     /**
      * @hidden
      */
@@ -6933,13 +6926,13 @@ class ToolbarNavigationComponent {
         return !this.localization.rtl ? ['chevronLeftIcon', 'chevronRightIcon'] : ['chevronRightIcon', 'chevronLeftIcon'];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarNavigationComponent, deps: [{ token: i1$2.PopupService }, { token: ToolbarService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ToolbarNavigationComponent, isStandalone: true, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ToolbarNavigationComponent, isStandalone: true, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, providers: [
             PopupService
         ], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: `
-        <span class="k-scheduler-navigation k-button-group" role="group">
+        <span class="k-button-group k-toolbar-button-group k-scheduler-navigation" role="group">
             <button kendoButton
+                class="k-group-start"
                 (click)="todayClick()"
-                class="k-nav-today"
                 [attr.title]="todayText"
                 [kendoSchedulerFocusIndex]="0"
                 containerType="toolbar">
@@ -6947,7 +6940,6 @@ class ToolbarNavigationComponent {
             </button>
             <button kendoButton
                 (click)="prevClick()"
-                class="k-nav-prev"
                 [icon]="arrowIcons[0]"
                 [svgIcon]="svgIcon(arrowSVGIcons[0])"
                 [attr.title]="previousText"
@@ -6956,9 +6948,9 @@ class ToolbarNavigationComponent {
                 containerType="toolbar">
             </button>
             <button kendoButton
+                class="k-group-end"
                 (click)="nextClick()"
                 type="button"
-                class="k-nav-next"
                 [icon]="arrowIcons[1]"
                 [svgIcon]="svgIcon(arrowSVGIcons[1])"
                 [attr.title]="nextText"
@@ -6980,7 +6972,7 @@ class ToolbarNavigationComponent {
             (keydown.enter)="toggleSelectedDate({ nativeElement: anchor.element }, template)"
             (keydown.alt.arrowdown)="toggleSelectedDate({ nativeElement: anchor.element }, template)"
             role="button"
-            class="k-nav-current"
+            class="k-nav-current k-toolbar-button"
             [attr.aria-live]="'polite'"
             [kendoSchedulerFocusIndex]="0"
             containerType="toolbar">
@@ -7011,10 +7003,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         PopupService
                     ],
                     template: `
-        <span class="k-scheduler-navigation k-button-group" role="group">
+        <span class="k-button-group k-toolbar-button-group k-scheduler-navigation" role="group">
             <button kendoButton
+                class="k-group-start"
                 (click)="todayClick()"
-                class="k-nav-today"
                 [attr.title]="todayText"
                 [kendoSchedulerFocusIndex]="0"
                 containerType="toolbar">
@@ -7022,7 +7014,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             </button>
             <button kendoButton
                 (click)="prevClick()"
-                class="k-nav-prev"
                 [icon]="arrowIcons[0]"
                 [svgIcon]="svgIcon(arrowSVGIcons[0])"
                 [attr.title]="previousText"
@@ -7031,9 +7022,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 containerType="toolbar">
             </button>
             <button kendoButton
+                class="k-group-end"
                 (click)="nextClick()"
                 type="button"
-                class="k-nav-next"
                 [icon]="arrowIcons[1]"
                 [svgIcon]="svgIcon(arrowSVGIcons[1])"
                 [attr.title]="nextText"
@@ -7055,7 +7046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             (keydown.enter)="toggleSelectedDate({ nativeElement: anchor.element }, template)"
             (keydown.alt.arrowdown)="toggleSelectedDate({ nativeElement: anchor.element }, template)"
             role="button"
-            class="k-nav-current"
+            class="k-nav-current k-toolbar-button"
             [attr.aria-live]="'polite'"
             [kendoSchedulerFocusIndex]="0"
             containerType="toolbar">
@@ -7082,9 +7073,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }], ctorParameters: () => [{ type: i1$2.PopupService }, { type: ToolbarService }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: ViewContextService }], propDecorators: { calendar: [{
                 type: ViewChild,
                 args: ['calendar', { static: false }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-toolbar-group']
             }], min: [{
                 type: Input
             }], max: [{
@@ -8286,10 +8274,6 @@ class SchedulerComponent {
      * @hidden
      */
     confirmationDialogContainerRef;
-    /**
-     * @hidden
-     */
-    loadingComponent;
     /**
      * @hidden
      */
@@ -8352,6 +8336,10 @@ class SchedulerComponent {
     get viewToolbar() {
         return this.viewState?.toolbarVisibilityByView.get(this.selectedView);
     }
+    /**
+     * @hidden
+     */
+    pdfLoading = false;
     direction;
     subs;
     viewIndex = 0;
@@ -8495,7 +8483,8 @@ class SchedulerComponent {
             }
         }));
         this.subs.add(this.pdfService.done.subscribe(() => {
-            this.loadingComponent.toggle(false);
+            this.pdfLoading = false;
+            this.changeDetector.markForCheck();
         }));
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
@@ -8643,7 +8632,8 @@ class SchedulerComponent {
      * Saves the current view as PDF.
      */
     saveAsPDF() {
-        this.loadingComponent.toggle(true);
+        this.pdfLoading = true;
+        this.changeDetector.markForCheck();
         this.zone.runOutsideAngular(() => {
             // wait a tick in order for the loading element style to be updated by the browser.
             // if the export is synchronous, the browser will not update the element before the export is finished.
@@ -8924,7 +8914,7 @@ class SchedulerComponent {
             ViewContextService,
             ViewStateService,
             PDFService
-        ], queries: [{ propertyName: "editDialogTemplate", first: true, predicate: EditDialogTemplateDirective, descendants: true }, { propertyName: "toolbarTemplate", first: true, predicate: ToolbarTemplateDirective, descendants: true }, { propertyName: "views", predicate: SchedulerView }, { propertyName: "allDayEventTemplate", predicate: AllDayEventTemplateDirective }, { propertyName: "eventTemplate", predicate: EventTemplateDirective }, { propertyName: "timeSlotTemplate", predicate: TimeSlotTemplateDirective }, { propertyName: "minorTimeHeaderTemplate", predicate: MinorTimeHeaderTemplateDirective }, { propertyName: "majorTimeHeaderTemplate", predicate: MajorTimeHeaderTemplateDirective }, { propertyName: "monthDaySlotTemplate", predicate: MonthDaySlotTemplateDirective }, { propertyName: "multiWeekDaySlotTemplate", predicate: MultiWeekDaySlotTemplateDirective }, { propertyName: "dateHeaderTemplate", predicate: DateHeaderTemplateDirective }, { propertyName: "allDaySlotTemplate", predicate: AllDaySlotTemplateDirective }, { propertyName: "groupHeaderTemplate", predicate: GroupHeaderTemplateDirective }, { propertyName: "agendaDateTemplate", predicate: AgendaDateTemplateDirective }, { propertyName: "agendaTimeTemplate", predicate: AgendaTimeTemplateDirective }], viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }, { propertyName: "confirmationDialogContainerRef", first: true, predicate: ["confirmationDialogContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "loadingComponent", first: true, predicate: LoadingComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "editDialogTemplate", first: true, predicate: EditDialogTemplateDirective, descendants: true }, { propertyName: "toolbarTemplate", first: true, predicate: ToolbarTemplateDirective, descendants: true }, { propertyName: "views", predicate: SchedulerView }, { propertyName: "allDayEventTemplate", predicate: AllDayEventTemplateDirective }, { propertyName: "eventTemplate", predicate: EventTemplateDirective }, { propertyName: "timeSlotTemplate", predicate: TimeSlotTemplateDirective }, { propertyName: "minorTimeHeaderTemplate", predicate: MinorTimeHeaderTemplateDirective }, { propertyName: "majorTimeHeaderTemplate", predicate: MajorTimeHeaderTemplateDirective }, { propertyName: "monthDaySlotTemplate", predicate: MonthDaySlotTemplateDirective }, { propertyName: "multiWeekDaySlotTemplate", predicate: MultiWeekDaySlotTemplateDirective }, { propertyName: "dateHeaderTemplate", predicate: DateHeaderTemplateDirective }, { propertyName: "allDaySlotTemplate", predicate: AllDaySlotTemplateDirective }, { propertyName: "groupHeaderTemplate", predicate: GroupHeaderTemplateDirective }, { propertyName: "agendaDateTemplate", predicate: AgendaDateTemplateDirective }, { propertyName: "agendaTimeTemplate", predicate: AgendaTimeTemplateDirective }], viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }, { propertyName: "confirmationDialogContainerRef", first: true, predicate: ["confirmationDialogContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSchedulerLocalizedMessages
           i18n-allEvents="kendo.scheduler.allEvents|The All events text displayed in the timeline views when there is no vertical grouping."
           allEvents="All events"
@@ -9255,13 +9245,14 @@ class SchedulerComponent {
 
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
-        <div [loading]="loading" kendoSchedulerLoading>
-        </div>
+        @if (loading || pdfLoading) {
+          <div kendoSchedulerLoading></div>
+        }
 
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSchedulerLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, selector: "kendo-scheduler-toolbar", inputs: ["selectedView", "views", "dateRange", "selectedDate", "template", "min", "max"], outputs: ["navigate", "toolbarWidthChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-scheduler-edit-dialog", inputs: ["resources", "timezone", "weekStart", "fields", "editTemplate"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: LoadingComponent, selector: "[kendoSchedulerLoading]", inputs: ["loading"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSchedulerLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, selector: "kendo-scheduler-toolbar", inputs: ["selectedView", "views", "dateRange", "selectedDate", "template", "min", "max"], outputs: ["navigate", "toolbarWidthChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-scheduler-edit-dialog", inputs: ["resources", "timezone", "weekStart", "fields", "editTemplate"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: LoadingComponent, selector: "[kendoSchedulerLoading]" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SchedulerComponent, decorators: [{
             type: Component,
@@ -9619,8 +9610,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
-        <div [loading]="loading" kendoSchedulerLoading>
-        </div>
+        @if (loading || pdfLoading) {
+          <div kendoSchedulerLoading></div>
+        }
 
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
@@ -9774,9 +9766,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], confirmationDialogContainerRef: [{
                 type: ViewChild,
                 args: ["confirmationDialogContainer", { read: ViewContainerRef, static: true }]
-            }], loadingComponent: [{
-                type: ViewChild,
-                args: [LoadingComponent, { static: true }]
             }], allDayEventTemplate: [{
                 type: ContentChildren,
                 args: [AllDayEventTemplateDirective]
@@ -11406,9 +11395,9 @@ class AgendaHeaderComponent {
                 @for (resource of resources; track resource) {
                   <th class="k-scheduler-groupcolumn k-first" role="columnheader"><span class="k-sr-only">{{ resourceMessage }}</span></th>
                 }
-                <th class="k-scheduler-cell k-heading-cell k-scheduler-datecolumn" role="columnheader">{{ dateMessage }}</th>
-                <th class="k-scheduler-cell k-heading-cell k-scheduler-timecolumn" role="columnheader">{{ timeMessage }}</th>
-                <th class="k-scheduler-cell k-heading-cell" role="columnheader">{{ eventMessage }}</th>
+                <th class="k-scheduler-cell k-scheduler-datecolumn" role="columnheader">{{ dateMessage }}</th>
+                <th class="k-scheduler-cell k-scheduler-timecolumn" role="columnheader">{{ timeMessage }}</th>
+                <th class="k-scheduler-cell" role="columnheader">{{ eventMessage }}</th>
               </tr>
             </tbody>
           </table>
@@ -11428,9 +11417,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 @for (resource of resources; track resource) {
                   <th class="k-scheduler-groupcolumn k-first" role="columnheader"><span class="k-sr-only">{{ resourceMessage }}</span></th>
                 }
-                <th class="k-scheduler-cell k-heading-cell k-scheduler-datecolumn" role="columnheader">{{ dateMessage }}</th>
-                <th class="k-scheduler-cell k-heading-cell k-scheduler-timecolumn" role="columnheader">{{ timeMessage }}</th>
-                <th class="k-scheduler-cell k-heading-cell" role="columnheader">{{ eventMessage }}</th>
+                <th class="k-scheduler-cell k-scheduler-datecolumn" role="columnheader">{{ dateMessage }}</th>
+                <th class="k-scheduler-cell k-scheduler-timecolumn" role="columnheader">{{ timeMessage }}</th>
+                <th class="k-scheduler-cell" role="columnheader">{{ eventMessage }}</th>
               </tr>
             </tbody>
           </table>
@@ -12663,8 +12652,10 @@ class BaseView {
     contentTable;
     times;
     timesHeader;
+    timesHeaderTable;
     timesTable;
     headerWrap;
+    headerTable;
     hintContainer;
     get eventTemplateRef() {
         return this.eventTemplate || (this.schedulerEventTemplate || {}).templateRef;
@@ -13665,7 +13656,7 @@ class BaseView {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseView, deps: [{ token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: BaseSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BaseView, isStandalone: true, inputs: { eventTemplate: "eventTemplate", groupHeaderTemplate: "groupHeaderTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", eventHeight: "eventHeight", showToolbar: "showToolbar", showFooter: "showFooter", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", weekStart: "weekStart" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentTable", first: true, predicate: ["contentTable"], descendants: true }, { propertyName: "times", first: true, predicate: ["times"], descendants: true }, { propertyName: "timesHeader", first: true, predicate: ["timesHeader"], descendants: true }, { propertyName: "timesTable", first: true, predicate: ["timesTable"], descendants: true }, { propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true }, { propertyName: "hintContainer", first: true, predicate: ["hintContainer"], descendants: true }], usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BaseView, isStandalone: true, inputs: { eventTemplate: "eventTemplate", groupHeaderTemplate: "groupHeaderTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", eventHeight: "eventHeight", showToolbar: "showToolbar", showFooter: "showFooter", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", weekStart: "weekStart" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentTable", first: true, predicate: ["contentTable"], descendants: true }, { propertyName: "times", first: true, predicate: ["times"], descendants: true }, { propertyName: "timesHeader", first: true, predicate: ["timesHeader"], descendants: true }, { propertyName: "timesHeaderTable", first: true, predicate: ["timesHeaderTable"], descendants: true }, { propertyName: "timesTable", first: true, predicate: ["timesTable"], descendants: true }, { propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true }, { propertyName: "headerTable", first: true, predicate: ["headerTable"], descendants: true }, { propertyName: "hintContainer", first: true, predicate: ["hintContainer"], descendants: true }], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseView, decorators: [{
             type: Directive
@@ -13706,12 +13697,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], timesHeader: [{
                 type: ViewChild,
                 args: ['timesHeader', { static: false }]
+            }], timesHeaderTable: [{
+                type: ViewChild,
+                args: ['timesHeaderTable', { static: false }]
             }], timesTable: [{
                 type: ViewChild,
                 args: ['timesTable', { static: false }]
             }], headerWrap: [{
                 type: ViewChild,
                 args: ['headerWrap', { static: false }]
+            }], headerTable: [{
+                type: ViewChild,
+                args: ['headerTable', { static: false }]
             }], hintContainer: [{
                 type: ViewChild,
                 args: ['hintContainer', { static: false }]
@@ -14479,12 +14476,15 @@ class MonthViewRendererComponent extends BaseView {
         super.ngOnChanges(changes);
     }
     ngOnInit() {
-        this.viewState.layoutEnd.subscribe(() => {
+        this.subs.add(this.viewState.layoutEnd.subscribe(() => {
             if (this.adaptiveSlotHeight) {
                 this.slotService.invalidate();
                 this.reflow();
             }
-        });
+            else {
+                this.syncTables();
+            }
+        }));
         super.ngOnInit();
     }
     ngAfterViewInit() {
@@ -14571,6 +14571,24 @@ class MonthViewRendererComponent extends BaseView {
         }
         this.syncTables();
     }
+    syncTables() {
+        super.syncTables();
+        if (!this.timesTable) {
+            return;
+        }
+        const timesRows = this.timesTable.nativeElement.rows;
+        if (!timesRows.length) {
+            return;
+        }
+        const contentRows = this.contentTable.nativeElement.rows;
+        const rowsCount = Math.min(timesRows.length, contentRows.length);
+        for (let index = 0; index < rowsCount; index++) {
+            const height = `${contentRows[index].offsetHeight}px`;
+            if (timesRows[index].style.height !== height) {
+                this.renderer.setStyle(timesRows[index], 'height', height);
+            }
+        }
+    }
     onClick(e, eventType = e.type) {
         if (eventType === 'click') {
             const eventSlot = closestInScope(e.target, node => node.hasAttribute('data-slot-index'), this.element.nativeElement);
@@ -14693,7 +14711,7 @@ class MonthViewRendererComponent extends BaseView {
                       <table class="k-scheduler-table" aria-hidden="true">
                         <tbody>
                           <tr>
-                            <th class="k-scheduler-cell k-heading-cell"></th>
+                            <th class="k-scheduler-cell"></th>
                           </tr>
                         </tbody>
                       </table>
@@ -14711,7 +14729,7 @@ class MonthViewRendererComponent extends BaseView {
                           <tr>
                             @for (item of horizontalResources | resourceIterator : resourceIndex; track itemIndex($index, item)) {
                               <th
-                                class="k-scheduler-cell k-heading-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
+                                class="k-scheduler-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
                                 @if (!groupHeaderTemplateRef) {
                                   {{ getField(item, resource.textField) }}
                                 }
@@ -14725,7 +14743,7 @@ class MonthViewRendererComponent extends BaseView {
                         <tr>
                           @for (resource of horizontalResources | resourceIterator; track itemIndex($index, resource)) {
                             @for (day of weeks[0]; track itemIndex($index, day)) {
-                              <th class="k-scheduler-cell k-heading-cell">
+                              <th class="k-scheduler-cell">
                                 {{ day | kendoDate: 'EEEE' }}
                               </th>
                             }
@@ -14747,7 +14765,7 @@ class MonthViewRendererComponent extends BaseView {
                           <tr>
                             @for (resource of verticalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                               @if (verticalItem(leafIndex, resourceIndex)) {
-                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell k-heading-cell" [ngClass]="{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }">
+                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell" [ngClass]="{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }">
                                   @if (!groupHeaderTemplateRef) {
                                     {{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}
                                   }
@@ -14758,12 +14776,12 @@ class MonthViewRendererComponent extends BaseView {
                                 </th>
                               }
                             }
-                            <th class="k-slot-cell k-heading-cell k-empty-slot">
+                            <th class="k-slot-cell k-empty-slot">
                             </th>
                           </tr>
                           @for (index of (numberOfWeeks - 1) | repeat; track itemIndex($index, index)) {
                             <tr>
-                              <th class="k-slot-cell k-heading-cell k-empty-slot"></th>
+                              <th class="k-slot-cell k-empty-slot"></th>
                             </tr>
                           }
                         }
@@ -14884,7 +14902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                       <table class="k-scheduler-table" aria-hidden="true">
                         <tbody>
                           <tr>
-                            <th class="k-scheduler-cell k-heading-cell"></th>
+                            <th class="k-scheduler-cell"></th>
                           </tr>
                         </tbody>
                       </table>
@@ -14902,7 +14920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                           <tr>
                             @for (item of horizontalResources | resourceIterator : resourceIndex; track itemIndex($index, item)) {
                               <th
-                                class="k-scheduler-cell k-heading-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
+                                class="k-scheduler-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
                                 @if (!groupHeaderTemplateRef) {
                                   {{ getField(item, resource.textField) }}
                                 }
@@ -14916,7 +14934,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         <tr>
                           @for (resource of horizontalResources | resourceIterator; track itemIndex($index, resource)) {
                             @for (day of weeks[0]; track itemIndex($index, day)) {
-                              <th class="k-scheduler-cell k-heading-cell">
+                              <th class="k-scheduler-cell">
                                 {{ day | kendoDate: 'EEEE' }}
                               </th>
                             }
@@ -14938,7 +14956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                           <tr>
                             @for (resource of verticalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                               @if (verticalItem(leafIndex, resourceIndex)) {
-                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell k-heading-cell" [ngClass]="{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }">
+                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell" [ngClass]="{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }">
                                   @if (!groupHeaderTemplateRef) {
                                     {{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}
                                   }
@@ -14949,12 +14967,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                                 </th>
                               }
                             }
-                            <th class="k-slot-cell k-heading-cell k-empty-slot">
+                            <th class="k-slot-cell k-empty-slot">
                             </th>
                           </tr>
                           @for (index of (numberOfWeeks - 1) | repeat; track itemIndex($index, index)) {
                             <tr>
-                              <th class="k-slot-cell k-heading-cell k-empty-slot"></th>
+                              <th class="k-slot-cell k-empty-slot"></th>
                             </tr>
                           }
                         }
@@ -15746,7 +15764,7 @@ class ViewFooterComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ViewFooterComponent, deps: [{ token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ViewFooterComponent, isStandalone: true, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "attr.role": "this.toolbarRole", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
-        <span class="k-scheduler-navigation">
+        <span>
           @for (item of items; track item) {
             <button
               type="button"
@@ -15768,7 +15786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             args: [{
                     selector: '[viewFooter]',
                     template: `
-        <span class="k-scheduler-navigation">
+        <span>
           @for (item of items; track item) {
             <button
               type="button"
@@ -15812,7 +15830,7 @@ class WorkHoursFooterDirective {
     footer;
     localization;
     showWorkHours = false;
-    footerItems = [{ cssClass: 'k-scheduler-fullday', fontIcon: 'clock', svgIcon: clockIcon, text: '' }];
+    footerItems = [{ cssClass: 'k-scheduler-fullday k-toolbar-button', fontIcon: 'clock', svgIcon: clockIcon, text: '' }];
     constructor(footer, localization) {
         this.footer = footer;
         this.localization = localization;
@@ -17155,6 +17173,49 @@ class DayTimeViewComponent extends BaseView {
             this.workDayEndTime = toInvariantTime(endDate);
         }
     }
+    syncDateHeaderHeight() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const dateRowIndex = this.horizontalResources.length + 1;
+        const timesTable = this.timesHeaderTable?.nativeElement;
+        const headerTable = this.headerTable?.nativeElement;
+        const timesHeaderDateCell = timesTable?.rows[dateRowIndex - 1]?.cells[0];
+        const headerDateCell = headerTable?.rows[dateRowIndex - 1]?.cells[0];
+        const shouldSkipDateHeightSync = !timesHeaderDateCell || !headerDateCell || !this.dateHeaderTemplateRef;
+        if (shouldSkipDateHeightSync) {
+            if (timesHeaderDateCell && !this.dateHeaderTemplateRef) {
+                this.renderer.removeStyle(timesHeaderDateCell, 'height');
+            }
+            return;
+        }
+        this.syncCellHeight(headerDateCell, timesHeaderDateCell);
+    }
+    syncGroupHeaderHeight() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const dateRowIndex = this.horizontalResources.length + 1;
+        const timesTable = this.timesHeaderTable?.nativeElement;
+        const headerTable = this.headerTable?.nativeElement;
+        for (let rowIndex = 1; rowIndex < dateRowIndex; rowIndex++) {
+            const timesHeaderCell = timesTable?.rows[rowIndex - 1]?.cells[0];
+            if (!timesHeaderCell) {
+                continue;
+            }
+            // Remove height when template is absent or grouping is vertical
+            if (!this.groupHeaderTemplateRef || this.verticalResources.length) {
+                this.renderer.removeStyle(timesHeaderCell, 'height');
+                continue;
+            }
+            const headerCell = headerTable?.rows[rowIndex - 1]?.cells[0];
+            if (!headerCell) {
+                this.renderer.removeStyle(timesHeaderCell, 'height');
+                continue;
+            }
+            this.syncCellHeight(headerCell, timesHeaderCell);
+        }
+    }
     slotByPosition(x, y, container) {
         const isDaySlot = container ? hasClasses(container.parentNode, 'k-scheduler-header-wrap') : y < 0;
         return this.slotService.slotByPosition(x, y, isDaySlot, Boolean(this.verticalResources.length));
@@ -17170,6 +17231,14 @@ class DayTimeViewComponent extends BaseView {
         }
         return fields;
     }
+    syncCellHeight(sourceCell, targetCell) {
+        const height = sourceCell.getBoundingClientRect().height;
+        const currentHeight = targetCell.getBoundingClientRect().height;
+        const paddingAndBorder = getVerticalPaddingAndBorder(targetCell);
+        if (height !== currentHeight) {
+            this.renderer.setStyle(targetCell, 'height', `${height - paddingAndBorder}px`);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DayTimeViewComponent, isStandalone: true, 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 });
 }
@@ -17483,6 +17552,11 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
         slotService.layoutTimes({ fill: this.slotFill });
         this.syncTables();
     }
+    syncTables() {
+        super.syncTables();
+        this.syncGroupHeaderHeight();
+        this.syncDateHeaderHeight();
+    }
     dragHorizontal(slot) {
         return slot.isDaySlot;
     }
@@ -17587,19 +17661,19 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
             <tr class="k-scheduler-head">
               <td>
                 <div class="k-scheduler-times" #timesHeader>
-                  <table class="k-scheduler-table" aria-hidden="true">
+                  <table class="k-scheduler-table" #timesHeaderTable aria-hidden="true">
                     <tbody>
                       @for (resource of horizontalResources; track itemIndex($index, resource)) {
                         <tr>
-                          <th class="k-scheduler-cell k-heading-cell"></th>
+                          <th class="k-scheduler-cell"></th>
                         </tr>
                       }
                       <tr [style.height]="'auto'">
-                        <th class="k-scheduler-cell k-heading-cell"></th>
+                        <th class="k-scheduler-cell"></th>
                       </tr>
                       @if (allDaySlot && !verticalResources.length) {
                         <tr>
-                          <th class="k-scheduler-times-all-day k-scheduler-cell k-heading-cell" #allDayCell>{{ allDayMessage }}</th>
+                          <th class="k-scheduler-times-all-day k-scheduler-cell" #allDayCell>{{ allDayMessage }}</th>
                         </tr>
                       }
                     </tbody>
@@ -17609,13 +17683,13 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
               <td>
                 <div class="k-scheduler-header" #header>
                   <div class="k-scheduler-header-wrap" #headerWrap>
-                    <table class="k-scheduler-table" aria-hidden="true">
+                    <table class="k-scheduler-table" #headerTable aria-hidden="true">
                       <tbody>
                         @for (resource of horizontalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                           <tr>
                             @for (item of horizontalResources | resourceIterator : resourceIndex; track itemIndex($index, item)) {
                               <th
-                                class="k-scheduler-cell k-heading-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
+                                class="k-scheduler-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
                                 @if (!groupHeaderTemplateRef) {
                                   {{ getField(item, resource.textField) }}
                                 }
@@ -17629,7 +17703,7 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
                         <tr class="k-scheduler-date-group">
                           @for (resource of horizontalResources | resourceIterator; track itemIndex($index, resource)) {
                             @for (slot of daySlots; track itemIndex(index, slot); let index = $index) {
-                              <th class="k-scheduler-cell k-heading-cell">
+                              <th class="k-scheduler-cell">
                                 @if (!dateHeaderTemplateRef) {
                                   <span class="k-link k-nav-day" [attr.data-dayslot-index]="index">{{ slot.start | kendoDate: dateFormat }}</span>
                                 }
@@ -17741,7 +17815,7 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
                           <tr>
                             @for (resource of verticalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                               @if (verticalItem(leafIndex, resourceIndex)) {
-                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-scheduler-cell k-slot-cell k-heading-cell">
+                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-scheduler-cell k-slot-cell">
                                   @if (!groupHeaderTemplateRef) {
                                     {{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}
                                   }
@@ -17753,14 +17827,14 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
                               }
                             }
                             @if (allDaySlot) {
-                              <th class="k-scheduler-times-all-day k-scheduler-cell k-heading-cell" #allDayCell>{{ allDayMessage }}</th>
+                              <th class="k-scheduler-times-all-day k-scheduler-cell" #allDayCell>{{ allDayMessage }}</th>
                             }
                           </tr>
                         }
                         @for (slot of timeSlots; track itemIndex(timeSlotIndex, slot); let timeSlotIndex = $index) {
                           <tr>
                             @if (slot.isMajor) {
-                              <th [ngClass]="{ 'k-slot-cell': slotDivisions === 1 }" class="k-scheduler-cell k-heading-cell">
+                              <th [ngClass]="{ 'k-slot-cell': slotDivisions === 1 }" class="k-scheduler-cell">
                                 @if (!majorTimeHeaderTemplateRef) {
                                   {{ slot.start | kendoDate: 't' }}
                                 }
@@ -17770,7 +17844,7 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
                               </th>
                             }
                             @if (!slot.isMajor) {
-                              <th [ngClass]="{ 'k-slot-cell': timeSlotIndex % slotDivisions === slotDivisions - 1 }" class="k-scheduler-cell k-heading-cell">
+                              <th [ngClass]="{ 'k-slot-cell': timeSlotIndex % slotDivisions === slotDivisions - 1 }" class="k-scheduler-cell">
                                 @if (minorTimeHeaderTemplateRef) {
                                   <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: slot.start }">
                                   </ng-container>
@@ -17950,19 +18024,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             <tr class="k-scheduler-head">
               <td>
                 <div class="k-scheduler-times" #timesHeader>
-                  <table class="k-scheduler-table" aria-hidden="true">
+                  <table class="k-scheduler-table" #timesHeaderTable aria-hidden="true">
                     <tbody>
                       @for (resource of horizontalResources; track itemIndex($index, resource)) {
                         <tr>
-                          <th class="k-scheduler-cell k-heading-cell"></th>
+                          <th class="k-scheduler-cell"></th>
                         </tr>
                       }
                       <tr [style.height]="'auto'">
-                        <th class="k-scheduler-cell k-heading-cell"></th>
+                        <th class="k-scheduler-cell"></th>
                       </tr>
                       @if (allDaySlot && !verticalResources.length) {
                         <tr>
-                          <th class="k-scheduler-times-all-day k-scheduler-cell k-heading-cell" #allDayCell>{{ allDayMessage }}</th>
+                          <th class="k-scheduler-times-all-day k-scheduler-cell" #allDayCell>{{ allDayMessage }}</th>
                         </tr>
                       }
                     </tbody>
@@ -17972,13 +18046,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
               <td>
                 <div class="k-scheduler-header" #header>
                   <div class="k-scheduler-header-wrap" #headerWrap>
-                    <table class="k-scheduler-table" aria-hidden="true">
+                    <table class="k-scheduler-table" #headerTable aria-hidden="true">
                       <tbody>
                         @for (resource of horizontalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                           <tr>
                             @for (item of horizontalResources | resourceIterator : resourceIndex; track itemIndex($index, item)) {
                               <th
-                                class="k-scheduler-cell k-heading-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
+                                class="k-scheduler-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
                                 @if (!groupHeaderTemplateRef) {
                                   {{ getField(item, resource.textField) }}
                                 }
@@ -17992,7 +18066,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         <tr class="k-scheduler-date-group">
                           @for (resource of horizontalResources | resourceIterator; track itemIndex($index, resource)) {
                             @for (slot of daySlots; track itemIndex(index, slot); let index = $index) {
-                              <th class="k-scheduler-cell k-heading-cell">
+                              <th class="k-scheduler-cell">
                                 @if (!dateHeaderTemplateRef) {
                                   <span class="k-link k-nav-day" [attr.data-dayslot-index]="index">{{ slot.start | kendoDate: dateFormat }}</span>
                                 }
@@ -18104,7 +18178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                           <tr>
                             @for (resource of verticalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                               @if (verticalItem(leafIndex, resourceIndex)) {
-                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-scheduler-cell k-slot-cell k-heading-cell">
+                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-scheduler-cell k-slot-cell">
                                   @if (!groupHeaderTemplateRef) {
                                     {{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}
                                   }
@@ -18116,14 +18190,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                               }
                             }
                             @if (allDaySlot) {
-                              <th class="k-scheduler-times-all-day k-scheduler-cell k-heading-cell" #allDayCell>{{ allDayMessage }}</th>
+                              <th class="k-scheduler-times-all-day k-scheduler-cell" #allDayCell>{{ allDayMessage }}</th>
                             }
                           </tr>
                         }
                         @for (slot of timeSlots; track itemIndex(timeSlotIndex, slot); let timeSlotIndex = $index) {
                           <tr>
                             @if (slot.isMajor) {
-                              <th [ngClass]="{ 'k-slot-cell': slotDivisions === 1 }" class="k-scheduler-cell k-heading-cell">
+                              <th [ngClass]="{ 'k-slot-cell': slotDivisions === 1 }" class="k-scheduler-cell">
                                 @if (!majorTimeHeaderTemplateRef) {
                                   {{ slot.start | kendoDate: 't' }}
                                 }
@@ -18133,7 +18207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                               </th>
                             }
                             @if (!slot.isMajor) {
-                              <th [ngClass]="{ 'k-slot-cell': timeSlotIndex % slotDivisions === slotDivisions - 1 }" class="k-scheduler-cell k-heading-cell">
+                              <th [ngClass]="{ 'k-slot-cell': timeSlotIndex % slotDivisions === slotDivisions - 1 }" class="k-scheduler-cell">
                                 @if (minorTimeHeaderTemplateRef) {
                                   <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: slot.start }">
                                   </ng-container>
@@ -19088,7 +19162,6 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
     get classNames() {
         return `k-scheduler-${this.viewName}-view`;
     }
-    headerTable;
     get contentWidthPercentage() {
         const expectedWidth = this.columnWidth * this.slotsCount;
         const percentage = (expectedWidth / this.contentWidth) * 100;
@@ -19168,6 +19241,11 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
     handleScroll() {
         this.headerWrap.nativeElement.scrollLeft = this.content.nativeElement.scrollLeft;
     }
+    syncTables() {
+        super.syncTables();
+        this.syncGroupHeaderHeight();
+        this.syncDateHeaderHeight();
+    }
     createTasks(items, dateRange) {
         return createTasks$1(dateRange.start, dateRange.end, items, this.hiddenDays || []);
     }
@@ -19198,19 +19276,19 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TimelineMultiDayViewComponent, isStandalone: true, selector: "timeline-multi-day-view", inputs: { hiddenDays: "hiddenDays", name: "name", columnWidth: "columnWidth", viewName: "viewName" }, providers: [
             DayTimeSlotService
-        ], viewQueries: [{ propertyName: "headerTable", first: true, predicate: ["headerTable"], descendants: true }, { propertyName: "verticalResourceRows", predicate: ["verticalResourceRows"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "verticalResourceRows", predicate: ["verticalResourceRows"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout" [ngClass]="classNames">
           <tbody>
             <tr class="k-scheduler-head">
               <td>
                 <div class="k-scheduler-times" #timesHeader>
-                  <table class="k-scheduler-table" aria-hidden="true">
+                  <table class="k-scheduler-table" #timesHeaderTable aria-hidden="true">
                     <tbody>
-                      <tr><th class="k-scheduler-cell k-heading-cell"></th></tr>
-                      <tr><th class="k-slot-cell k-scheduler-cell k-heading-cell"></th></tr>
+                      <tr><th class="k-scheduler-cell"></th></tr>
+                      <tr><th class="k-slot-cell k-scheduler-cell"></th></tr>
                       @for (resource of horizontalResources; track itemIndex($index, resource)) {
                         <tr>
-                          <th class="k-scheduler-cell k-heading-cell"></th>
+                          <th class="k-scheduler-cell"></th>
                         </tr>
                       }
                     </tbody>
@@ -19233,7 +19311,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
                           <tr>
                             @for (item of horizontalResources | resourceIterator : resourceIndex; track itemIndex($index, item)) {
                               <th
-                                class="k-slot-cell k-scheduler-cell k-heading-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
+                                class="k-slot-cell k-scheduler-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
                                 @if (!groupHeaderTemplateRef) {
                                   {{ getField(item, resource.textField) }}
                                 }
@@ -19248,7 +19326,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
                         <tr class="k-scheduler-date-group">
                           @for (resource of horizontalResources | resourceIterator; track itemIndex($index, resource)) {
                             @for (daySlot of daySlots; track itemIndex(index, daySlot); let index = $index) {
-                              <th [attr.colspan]="timeSlots.length" class="k-scheduler-cell k-heading-cell k-slot-cell">
+                              <th [attr.colspan]="timeSlots.length" class="k-scheduler-cell k-slot-cell">
                                 @if (!dateHeaderTemplateRef) {
                                   <span class="k-link k-nav-day" [attr.data-dayslot-index]="index">{{ daySlot.start | kendoDate: 'm'}}</span>
                                 }
@@ -19264,7 +19342,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
                             @for (daySlot of daySlots; track itemIndex(rangeIndex, daySlot); let rangeIndex = $index) {
                               @for (timeSlot of timeSlots; track itemIndex(index, timeSlot); let index = $index) {
                                 @if (timeSlot.isMajor) {
-                                  <th [attr.colspan]="timeColspan(index)" class="k-scheduler-cell k-heading-cell">
+                                  <th [attr.colspan]="timeColspan(index)" class="k-scheduler-cell">
                                     @if (!majorTimeHeaderTemplateRef) {
                                       {{ timeSlot.start | kendoDate: 't' }}
                                     }
@@ -19276,7 +19354,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
                                 @if (!timeSlot.isMajor && minorTimeHeaderTemplateRef) {
                                   <th
                                     [ngStyle]="{'border-left-color': 'transparent', 'border-right-color': 'transparent'}"
-                                    class="k-scheduler-cell k-heading-cell"
+                                    class="k-scheduler-cell"
                                     >
                                     <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }">
                                     </ng-container>
@@ -19299,7 +19377,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
                     <tbody>
                       @if (!verticalResources.length) {
                         <tr>
-                          <th rowspan="1" #titleCell class="k-scheduler-cell k-heading-cell">
+                          <th rowspan="1" #titleCell class="k-scheduler-cell">
                             {{ allEventsMessage }}
                           </th>
                         </tr>
@@ -19309,7 +19387,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
                           <tr #verticalResourceRows>
                             @for (resource of verticalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                               @if (verticalItem(leafIndex, resourceIndex)) {
-                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell k-scheduler-cell k-heading-cell">
+                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell k-scheduler-cell">
                                   <div>
                                     @if (!groupHeaderTemplateRef) {
                                       {{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}
@@ -19447,13 +19525,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             <tr class="k-scheduler-head">
               <td>
                 <div class="k-scheduler-times" #timesHeader>
-                  <table class="k-scheduler-table" aria-hidden="true">
+                  <table class="k-scheduler-table" #timesHeaderTable aria-hidden="true">
                     <tbody>
-                      <tr><th class="k-scheduler-cell k-heading-cell"></th></tr>
-                      <tr><th class="k-slot-cell k-scheduler-cell k-heading-cell"></th></tr>
+                      <tr><th class="k-scheduler-cell"></th></tr>
+                      <tr><th class="k-slot-cell k-scheduler-cell"></th></tr>
                       @for (resource of horizontalResources; track itemIndex($index, resource)) {
                         <tr>
-                          <th class="k-scheduler-cell k-heading-cell"></th>
+                          <th class="k-scheduler-cell"></th>
                         </tr>
                       }
                     </tbody>
@@ -19476,7 +19554,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                           <tr>
                             @for (item of horizontalResources | resourceIterator : resourceIndex; track itemIndex($index, item)) {
                               <th
-                                class="k-slot-cell k-scheduler-cell k-heading-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
+                                class="k-slot-cell k-scheduler-cell" [attr.colspan]="horizontalColspan(resourceIndex)">
                                 @if (!groupHeaderTemplateRef) {
                                   {{ getField(item, resource.textField) }}
                                 }
@@ -19491,7 +19569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         <tr class="k-scheduler-date-group">
                           @for (resource of horizontalResources | resourceIterator; track itemIndex($index, resource)) {
                             @for (daySlot of daySlots; track itemIndex(index, daySlot); let index = $index) {
-                              <th [attr.colspan]="timeSlots.length" class="k-scheduler-cell k-heading-cell k-slot-cell">
+                              <th [attr.colspan]="timeSlots.length" class="k-scheduler-cell k-slot-cell">
                                 @if (!dateHeaderTemplateRef) {
                                   <span class="k-link k-nav-day" [attr.data-dayslot-index]="index">{{ daySlot.start | kendoDate: 'm'}}</span>
                                 }
@@ -19507,7 +19585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                             @for (daySlot of daySlots; track itemIndex(rangeIndex, daySlot); let rangeIndex = $index) {
                               @for (timeSlot of timeSlots; track itemIndex(index, timeSlot); let index = $index) {
                                 @if (timeSlot.isMajor) {
-                                  <th [attr.colspan]="timeColspan(index)" class="k-scheduler-cell k-heading-cell">
+                                  <th [attr.colspan]="timeColspan(index)" class="k-scheduler-cell">
                                     @if (!majorTimeHeaderTemplateRef) {
                                       {{ timeSlot.start | kendoDate: 't' }}
                                     }
@@ -19519,7 +19597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                                 @if (!timeSlot.isMajor && minorTimeHeaderTemplateRef) {
                                   <th
                                     [ngStyle]="{'border-left-color': 'transparent', 'border-right-color': 'transparent'}"
-                                    class="k-scheduler-cell k-heading-cell"
+                                    class="k-scheduler-cell"
                                     >
                                     <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }">
                                     </ng-container>
@@ -19542,7 +19620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     <tbody>
                       @if (!verticalResources.length) {
                         <tr>
-                          <th rowspan="1" #titleCell class="k-scheduler-cell k-heading-cell">
+                          <th rowspan="1" #titleCell class="k-scheduler-cell">
                             {{ allEventsMessage }}
                           </th>
                         </tr>
@@ -19552,7 +19630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                           <tr #verticalResourceRows>
                             @for (resource of verticalResources; track itemIndex(resourceIndex, resource); let resourceIndex = $index) {
                               @if (verticalItem(leafIndex, resourceIndex)) {
-                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell k-scheduler-cell k-heading-cell">
+                                <th [attr.rowspan]="verticalRowspan(resourceIndex)" class="k-slot-cell k-scheduler-cell">
                                   <div>
                                     @if (!groupHeaderTemplateRef) {
                                       {{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}
@@ -19690,9 +19768,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], verticalResourceRows: [{
                 type: ViewChildren,
                 args: ['verticalResourceRows']
-            }], headerTable: [{
-                type: ViewChild,
-                args: ['headerTable']
             }] } });
 
 /**
@@ -21585,7 +21660,7 @@ class ShortcutsDirective {
     }
     isInToolbarTemplate(element) {
         const isInToolbar = element.closest('.k-scheduler-toolbar');
-        const isInBuiltInElement = element.closest('.k-toolbar-group') ||
+        const isInBuiltInElement = element.closest('[kendoschedulertoolbarnavigation]') ||
             element.closest('.k-scheduler-views') ||
             element.closest('.k-views-dropdown');
         return isInToolbar && !isInBuiltInElement;

package/loading.component.d.ts

@@ -2,20 +2,12 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Renderer2, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class LoadingComponent {
-    private element;
-    private renderer;
     hostClasses: boolean;
-    loading: boolean;
-    get display(): string;
-    private force;
-    constructor(element: ElementRef, renderer: Renderer2);
-    toggle(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingComponent, "[kendoSchedulerLoading]", never, { "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingComponent, "[kendoSchedulerLoading]", never, {}, {}, never, never, true, never>;
 }

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778850598,
-  "version": "24.0.0-develop.32",
+  "publishDate": 1779091829,
+  "version": "24.0.0-develop.34",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "24.0.0-develop.32",
+  "version": "24.0.0-develop.34",
   "description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -34,7 +34,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1778850598,
+      "publishDate": 1779091829,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -47,23 +47,23 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-tooltip": "24.0.0-develop.32",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.32",
-    "@progress/kendo-angular-common": "24.0.0-develop.32",
-    "@progress/kendo-angular-dateinputs": "24.0.0-develop.32",
-    "@progress/kendo-angular-dialog": "24.0.0-develop.32",
-    "@progress/kendo-angular-dropdowns": "24.0.0-develop.32",
-    "@progress/kendo-angular-icons": "24.0.0-develop.32",
-    "@progress/kendo-angular-inputs": "24.0.0-develop.32",
-    "@progress/kendo-angular-intl": "24.0.0-develop.32",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.32",
-    "@progress/kendo-angular-label": "24.0.0-develop.32",
-    "@progress/kendo-angular-popup": "24.0.0-develop.32",
+    "@progress/kendo-angular-tooltip": "24.0.0-develop.34",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.34",
+    "@progress/kendo-angular-common": "24.0.0-develop.34",
+    "@progress/kendo-angular-dateinputs": "24.0.0-develop.34",
+    "@progress/kendo-angular-dialog": "24.0.0-develop.34",
+    "@progress/kendo-angular-dropdowns": "24.0.0-develop.34",
+    "@progress/kendo-angular-icons": "24.0.0-develop.34",
+    "@progress/kendo-angular-inputs": "24.0.0-develop.34",
+    "@progress/kendo-angular-intl": "24.0.0-develop.34",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.34",
+    "@progress/kendo-angular-label": "24.0.0-develop.34",
+    "@progress/kendo-angular-popup": "24.0.0-develop.34",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.32",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.34",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

package/scheduler.component.d.ts

@@ -34,7 +34,6 @@ import { IntlService } from '@progress/kendo-angular-intl';
 import { EditEventArgs } from './types/edit-event-args.interface';
 import { PDFService } from './pdf/pdf.service';
 import { PDFExportEvent } from './pdf/pdf-export-event';
-import { LoadingComponent } from './loading.component';
 import { FocusService, FocusPosition } from './navigation';
 import { DomEventsService } from './views/common/dom-events.service';
 import { CreateEvent } from './events/create-event';
@@ -405,10 +404,6 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     confirmationDialogContainerRef: ViewContainerRef;
-    /**
-     * @hidden
-     */
-    loadingComponent: LoadingComponent;
     /**
      * @hidden
      */
@@ -469,6 +464,10 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     get viewToolbar(): boolean;
+    /**
+     * @hidden
+     */
+    pdfLoading: boolean;
     private direction;
     private subs;
     private viewIndex;

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '24.0.0-develop.32',
-            '@progress/kendo-angular-navigation': '24.0.0-develop.32',
+            '@progress/kendo-angular-treeview': '24.0.0-develop.34',
+            '@progress/kendo-angular-navigation': '24.0.0-develop.34',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '24.0.0-develop.32',
+            '@progress/kendo-angular-dialog': '24.0.0-develop.34',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/toolbar/navigation.component.d.ts

@@ -43,7 +43,6 @@ export declare class ToolbarNavigationComponent implements OnDestroy {
     private cd;
     private viewContext;
     set calendar(calendar: CalendarComponent);
-    hostClass: boolean;
     /**
      * @hidden
      */

package/views/common/base-view.d.ts

@@ -47,8 +47,10 @@ export declare abstract class BaseView implements OnInit, OnChanges, AfterViewIn
     contentTable: ElementRef;
     times: ElementRef;
     timesHeader: ElementRef;
+    timesHeaderTable: ElementRef;
     timesTable: ElementRef;
     headerWrap: ElementRef;
+    headerTable: ElementRef;
     hintContainer: HintContainerComponent;
     get eventTemplateRef(): TemplateRef<any>;
     get groupHeaderTemplateRef(): TemplateRef<any>;

package/views/day-time/day-time-view.component.d.ts

@@ -89,8 +89,11 @@ export declare abstract class DayTimeViewComponent extends BaseView implements O
     protected createDaySlots(multiDayEnd?: Date): any[];
     protected createTimeSlots(): any[];
     protected initWorkDay(): void;
+    protected syncDateHeaderHeight(): void;
+    protected syncGroupHeaderHeight(): void;
     protected slotByPosition(x: number, y: number, container?: any): any;
     protected slotFields(slot: any): any;
+    private syncCellHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<DayTimeViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DayTimeViewComponent, "kendo-day-time-view", never, { "timeSlotTemplate": { "alias": "timeSlotTemplate"; "required": false; }; "dateHeaderTemplate": { "alias": "dateHeaderTemplate"; "required": false; }; "majorTimeHeaderTemplate": { "alias": "majorTimeHeaderTemplate"; "required": false; }; "minorTimeHeaderTemplate": { "alias": "minorTimeHeaderTemplate"; "required": false; }; "numberOfDays": { "alias": "numberOfDays"; "required": false; }; "scrollTime": { "alias": "scrollTime"; "required": false; }; "startTime": { "alias": "startTime"; "required": false; }; "endTime": { "alias": "endTime"; "required": false; }; "workDayStart": { "alias": "workDayStart"; "required": false; }; "workDayEnd": { "alias": "workDayEnd"; "required": false; }; "workWeekStart": { "alias": "workWeekStart"; "required": false; }; "workWeekEnd": { "alias": "workWeekEnd"; "required": false; }; "slotDuration": { "alias": "slotDuration"; "required": false; }; "slotDivisions": { "alias": "slotDivisions"; "required": false; }; "showWorkHours": { "alias": "showWorkHours"; "required": false; }; "getStartDate": { "alias": "getStartDate"; "required": false; }; "getEndDate": { "alias": "getEndDate"; "required": false; }; "getNextDate": { "alias": "getNextDate"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; "highlightOngoingEvents": { "alias": "highlightOngoingEvents"; "required": false; }; }, {}, never, never, true, never>;
 }

package/views/month/month-view-renderer.component.d.ts

@@ -62,6 +62,7 @@ export declare class MonthViewRendererComponent extends BaseView implements OnCh
     protected createTasks(items: ViewItem[], dateRange: DateRange): any[];
     protected onTasksChange(): void;
     protected reflow(): void;
+    protected syncTables(): void;
     protected onClick(e: any, eventType?: string): void;
     protected slotByIndex(index: any, _args: any): any;
     protected onSelectDate(date: Date): void;

package/views/multi-day/multi-day-view-renderer.component.d.ts

@@ -50,6 +50,7 @@ export declare class MultiDayViewRendererComponent extends DayTimeViewComponent
     protected createTasks(items: ViewItem[], dateRange: DateRange): any[];
     protected onTasksChange(): void;
     protected reflow(): void;
+    protected syncTables(): void;
     protected dragHorizontal(slot: any): boolean;
     protected updateHintContainer(): void;
     protected onRelease(args: any): void;

package/views/timeline/timeline-multi-day-view.component.d.ts

@@ -24,7 +24,6 @@ export declare class TimelineMultiDayViewComponent extends DayTimeViewComponent
     viewName: string;
     verticalResourceRows: QueryList<ElementRef>;
     get classNames(): string;
-    headerTable: ElementRef;
     get contentWidthPercentage(): number;
     protected verticalTime: boolean;
     private contentWidth;
@@ -37,6 +36,7 @@ export declare class TimelineMultiDayViewComponent extends DayTimeViewComponent
     horizontalColspan(resourceIndex: number): any;
     verticalRowspan(resourceIndex: number): any;
     handleScroll(): void;
+    protected syncTables(): void;
     protected createTasks(items: ViewItem[], dateRange: DateRange): any[];
     protected onTasksChange(): void;
     protected dragRanges(slot: any): any;

package/views/utils.d.ts

@@ -15,6 +15,8 @@ export declare const intersects: (startTime: Date, endTime: Date, periodStart: D
 /** @hidden */
 export declare const dateInRange: (date: Date, start: Date, end: Date) => boolean;
 /** @hidden */
+export declare const getVerticalPaddingAndBorder: (element: HTMLElement) => number;
+/** @hidden */
 export declare const roundAllDayEnd: ({ start, end }: {
     start: any;
     end: any;