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

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: 1778851324,
+    version: '24.0.0-develop.33',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2580,6 +2580,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();
@@ -12663,8 +12677,10 @@ class BaseView {
     contentTable;
     times;
     timesHeader;
+    timesHeaderTable;
     timesTable;
     headerWrap;
+    headerTable;
     hintContainer;
     get eventTemplateRef() {
         return this.eventTemplate || (this.schedulerEventTemplate || {}).templateRef;
@@ -13665,7 +13681,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 +13722,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 +14501,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 +14596,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);
@@ -17155,6 +17198,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 +17256,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 +17577,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,7 +17686,7 @@ 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>
@@ -17609,7 +17708,7 @@ 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>
@@ -17950,7 +18049,7 @@ 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>
@@ -17972,7 +18071,7 @@ 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>
@@ -19088,7 +19187,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 +19266,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,13 +19301,13 @@ 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>
@@ -19447,7 +19550,7 @@ 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>
@@ -19690,9 +19793,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], verticalResourceRows: [{
                 type: ViewChildren,
                 args: ['verticalResourceRows']
-            }], headerTable: [{
-                type: ViewChild,
-                args: ['headerTable']
             }] } });
 
 /**

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778850598,
-  "version": "24.0.0-develop.32",
+  "publishDate": 1778851324,
+  "version": "24.0.0-develop.33",
   "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.33",
   "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": 1778851324,
       "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.33",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.33",
+    "@progress/kendo-angular-common": "24.0.0-develop.33",
+    "@progress/kendo-angular-dateinputs": "24.0.0-develop.33",
+    "@progress/kendo-angular-dialog": "24.0.0-develop.33",
+    "@progress/kendo-angular-dropdowns": "24.0.0-develop.33",
+    "@progress/kendo-angular-icons": "24.0.0-develop.33",
+    "@progress/kendo-angular-inputs": "24.0.0-develop.33",
+    "@progress/kendo-angular-intl": "24.0.0-develop.33",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.33",
+    "@progress/kendo-angular-label": "24.0.0-develop.33",
+    "@progress/kendo-angular-popup": "24.0.0-develop.33",
     "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.33",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

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.33',
+            '@progress/kendo-angular-navigation': '24.0.0-develop.33',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '24.0.0-develop.32',
+            '@progress/kendo-angular-dialog': '24.0.0-develop.33',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

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;