@progress/kendo-angular-scheduler 25.4.0-develop.3 → 25.4.0-develop.31

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

@@ -44,8 +44,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1792066445,
-    version: '25.4.0-develop.3',
+    publishDate: 1793955843,
+    version: '25.4.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2678,10 +2678,27 @@ const allDaysHidden = (days) => {
     return true;
 };
 /** @hidden */
-const intersects = (startTime, endTime, periodStart, periodEnd) => (startTime < periodStart && endTime > periodEnd) ||
+const truncateToMinutes = (date) => {
+    if (date.getSeconds() === 0 && date.getMilliseconds() === 0) {
+        return date;
+    }
+    const result = new Date(date.getTime());
+    result.setUTCSeconds(0, 0);
+    return result;
+};
+/** @hidden */
+const eventsIntersect = (startTime, endTime, periodStart, periodEnd) => (startTime < periodStart && endTime > periodEnd) ||
     (periodStart <= startTime && startTime < periodEnd) ||
     (periodStart < endTime && endTime <= periodEnd && startTime < endTime);
 /** @hidden */
+const slotBoundaryEnd = (endTime, periodStart, periodEnd) => {
+    const minuteAligned = periodStart.getSeconds() === 0 && periodStart.getMilliseconds() === 0 &&
+        periodEnd.getSeconds() === 0 && periodEnd.getMilliseconds() === 0;
+    return minuteAligned ? truncateToMinutes(endTime) : endTime;
+};
+/** @hidden */
+const intersects = (startTime, endTime, periodStart, periodEnd) => eventsIntersect(startTime, slotBoundaryEnd(endTime, periodStart, periodEnd), periodStart, periodEnd);
+/** @hidden */
 const dateInRange = (date, start, end) => start.getTime() <= date.getTime() && date.getTime() <= end.getTime();
 /** @hidden */
 const getVerticalPaddingAndBorder = (element) => {
@@ -2944,7 +2961,8 @@ function isRecurrenceException(task) {
     return task.event && isPresent(task.event.recurrenceId) && !task.event.recurrenceRule;
 }
 /** @hidden */
-const rectContains = (rect, left, top, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX && rect.top * scaleX <= top && top <= rect.top * scaleX + rect.height * scaleX;
+const rectContains = (rect, left, top, scaleX = 1, scaleY = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX &&
+    rect.top * scaleY <= top && top <= rect.top * scaleY + rect.height * scaleY;
 /** @hidden */
 const rectContainsX = (rect, left, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX;
 /** @hidden */
@@ -3112,14 +3130,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                 type: Output
             }] } });
 
-/**
- * @hidden
- */
-const MULTIPLE_RESOURCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => MultipleResourceEditorComponent)
-};
 /**
  * @hidden
  */
@@ -3135,7 +3145,7 @@ class MultipleResourceEditorComponent extends ResourceEditorBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: MultipleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: MultipleResourceEditorComponent, isStandalone: true, selector: "kendo-multiple-resource-editor", providers: [
-            MULTIPLE_RESOURCE_VALUE_ACCESSOR
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MultipleResourceEditorComponent) }
         ], viewQueries: [{ propertyName: "resourceMultiSelect", first: true, predicate: ["resourceMultiSelect"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-multiselect
           #resourceMultiSelect
@@ -3168,7 +3178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             type: Component,
             args: [{
                     providers: [
-                        MULTIPLE_RESOURCE_VALUE_ACCESSOR
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MultipleResourceEditorComponent) }
                     ],
                     selector: 'kendo-multiple-resource-editor',
                     template: `
@@ -3206,14 +3216,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                 args: ['resourceMultiSelect', { static: true }]
             }] } });
 
-/**
- * @hidden
- */
-const SINGLE_RESOURCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SingleResourceEditorComponent)
-};
 /**
  * @hidden
  */
@@ -3224,7 +3226,7 @@ class SingleResourceEditorComponent extends ResourceEditorBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SingleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: SingleResourceEditorComponent, isStandalone: true, selector: "kendo-single-resource-editor", providers: [
-            SINGLE_RESOURCE_VALUE_ACCESSOR
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SingleResourceEditorComponent) }
         ], viewQueries: [{ propertyName: "resourceDropDown", first: true, predicate: ["resourceDropDown"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dropdownlist
           #resourceDropDown
@@ -3250,7 +3252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             type: Component,
             args: [{
                     providers: [
-                        SINGLE_RESOURCE_VALUE_ACCESSOR
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SingleResourceEditorComponent) }
                     ],
                     selector: 'kendo-single-resource-editor',
                     template: `
@@ -4632,7 +4634,7 @@ class RecurrenceWeekdayRuleEditorComponent {
             </div>
           </div>
         </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
             type: Component,
@@ -5182,14 +5184,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                     type: Optional
                 }] }] });
 
-/**
- * @hidden
- */
-const RECURRENCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => RecurrenceEditorComponent)
-};
 /**
  * Represents the Kendo UI Recurrence Editor component for Angular. Use this component to let users set recurrence rules for Scheduler events.
  *
@@ -5353,7 +5347,7 @@ class RecurrenceEditorComponent {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.recurrenceeditor'
             },
-            RECURRENCE_VALUE_ACCESSOR,
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RecurrenceEditorComponent) },
             RecurrenceService
         ], exportAs: ["kendoRecurrenceEditor"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoRecurrenceEditorLocalizedMessages
@@ -5526,7 +5520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.recurrenceeditor'
                         },
-                        RECURRENCE_VALUE_ACCESSOR,
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RecurrenceEditorComponent) },
                         RecurrenceService
                     ],
                     selector: 'kendo-recurrence-editor',
@@ -5711,14 +5705,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                 type: Output
             }] } });
 
-/**
- * @hidden
- */
-const TIME_ZONE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => TimeZoneEditorComponent)
-};
 /**
  * Represents the Kendo UI TimeZone Editor component for Angular.
  *
@@ -5812,7 +5798,7 @@ class TimeZoneEditorComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimeZoneEditorComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TimeZoneEditorComponent, isStandalone: true, selector: "kendo-timezone-editor", inputs: { width: "width" }, outputs: { valueChange: "valueChange" }, providers: [
-            TIME_ZONE_VALUE_ACCESSOR
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimeZoneEditorComponent) }
         ], viewQueries: [{ propertyName: "tzComboBox", first: true, predicate: ["tzcombobox"], descendants: true, static: true }, { propertyName: "tzComboBoxControl", first: true, predicate: ["tzcomboboxControl"], descendants: true, static: true }], ngImport: i0, template: `
         @if (!formControl) {
           <kendo-dropdownlist
@@ -5845,7 +5831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             type: Component,
             args: [{
                     providers: [
-                        TIME_ZONE_VALUE_ACCESSOR
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimeZoneEditorComponent) }
                     ],
                     selector: 'kendo-timezone-editor',
                     template: `
@@ -6566,7 +6552,7 @@ class EditDialogComponent {
             </kendo-dialog>
           }
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions", "recurrenceSummaryTemplate", "recurrenceRule"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator", "value"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions", "recurrenceSummaryTemplate", "recurrenceRule"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator", "value"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: EditDialogComponent, decorators: [{
             type: Component,
@@ -7002,7 +6988,7 @@ class ToolbarViewSelectorComponent {
             </kendo-segmented-control>
           }
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "rounded", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "rounded", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "endIcon", "endSvgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarViewSelectorComponent, decorators: [{
             type: Component,
@@ -7335,7 +7321,7 @@ class ToolbarNavigationComponent {
                 </kendo-calendar-messages>
             </kendo-calendar>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarNavigationComponent, decorators: [{
             type: Component,
@@ -7620,7 +7606,7 @@ class ToolbarComponent {
         }
 
         <kendo-resize-sensor (resize)="resizeHandler()" [style]="'display: contents;'"></kendo-resize-sensor>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView", "responsiveLevel"] }, { kind: "component", type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["displayMode", "focusIndex", "responsiveLevel"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView", "responsiveLevel"] }, { kind: "component", type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["displayMode", "focusIndex", "responsiveLevel"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
@@ -8945,7 +8931,7 @@ class SchedulerComponent {
         this.focusService = focusService;
         const isValid = validatePackage(packageMetadata);
         this.licenseMessage = getLicenseMessage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid, packageMetadata);
         this.dateRangeStream = viewState.dateRange;
         this.selectedDateStream = viewContext.selectedDate;
     }
@@ -12757,6 +12743,7 @@ class BaseSlotService {
     containerSize = 0;
     slotsChange = new EventEmitter();
     groups = [];
+    schedulerElement = null;
     registerItem(component) {
         const group = this.itemGroup(component);
         group.registerItem(component);
@@ -12773,6 +12760,9 @@ class BaseSlotService {
         }
     }
     registerSlot(slot) {
+        if (slot.nativeElement) {
+            this.schedulerElement = slot.nativeElement.closest('.k-scheduler');
+        }
         const group = this.slotGroup(slot);
         group.registerSlot(slot);
     }
@@ -12817,13 +12807,17 @@ class BaseSlotService {
         }
         return this.groups[index];
     }
-    calculateScaleX() {
+    calculateScale(axis) {
         if (!isDocumentAvailable()) {
             return;
         }
-        const schedulerEl = document.querySelector('.k-scheduler');
-        const scaleX = schedulerEl.getBoundingClientRect().width / schedulerEl.offsetWidth;
-        return scaleX;
+        const schedulerEl = this.schedulerElement?.closest('.k-scheduler');
+        if (!schedulerEl) {
+            return;
+        }
+        const bounds = schedulerEl.getBoundingClientRect();
+        const scale = axis === 'x' ? bounds.width / schedulerEl.offsetWidth : bounds.height / schedulerEl.offsetHeight;
+        return scale;
     }
 }
 
@@ -13161,11 +13155,13 @@ class MonthSlotService extends BaseSlotService {
     }
     slotByPosition(x, y) {
         let range;
+        const scaleX = this.calculateScale('x');
+        const scaleY = this.calculateScale('y');
         for (let i = 0; i < this.groups.length; i++) {
             const group = this.groups[i];
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
             if (range) {
-                return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+                return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
             }
         }
     }
@@ -13187,9 +13183,11 @@ class MonthSlotService extends BaseSlotService {
         };
     }
     groupSlotByPosition(currentSlot, x, y) {
-        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+        const scaleX = this.calculateScale('x');
+        const scaleY = this.calculateScale('y');
+        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
         }
     }
     resizeRanges(currentSlot, task, resizeStart, offset) {
@@ -13199,16 +13197,16 @@ class MonthSlotService extends BaseSlotService {
         const endDate = task.end.toUTCDate();
         let start, end;
         if (resizeStart) {
-            start = currentSlot.start.getTime() + offset.start;
-            if (start > endDate.getTime()) {
+            start = new Date(currentSlot.start.getTime() + offset.start);
+            if (start.getTime() > endDate.getTime()) {
                 start = new Date(Math.min(dateWithTime(endDate, startDate).getTime(), endDate.getTime()));
             }
             end = endDate;
         }
         else {
             start = startDate;
-            end = currentSlot.start.getTime() + offset.end;
-            if (end < start.getTime()) {
+            end = new Date(currentSlot.start.getTime() + offset.end);
+            if (end.getTime() < start.getTime()) {
                 end = new Date(Math.max(dateWithTime(startDate, endDate).getTime(), start.getTime()));
             }
         }
@@ -13588,7 +13586,7 @@ class BaseView {
         }
     }
     getEventStyles(item, itemResource, isAllDay) {
-        const result = { backgroundColor: itemResource.color, borderColor: itemResource.color };
+        const result = { '--kendo-scheduler-event-color': itemResource.color };
         if (this.eventStyles) {
             Object.assign(result, this.eventStyles({
                 event: item.event,
@@ -13918,8 +13916,7 @@ class BaseView {
                     right: !this.localization.rtl ? '' : toPx(origin),
                     width: size.width,
                     height: size.height,
-                    backgroundColor: color,
-                    borderColor: color
+                    '--kendo-scheduler-event-color': color
                 };
                 if (this.eventStyles) {
                     Object.assign(styles, this.eventStyles(this.dragHintEventStyleArgs()));
@@ -14063,19 +14060,21 @@ class BaseView {
         this.updateDragContainer(args);
         const eventRect = resizing.target.getBoundingClientRect();
         const handleOffset = 2;
+        const pageOffsetX = args.pageX - args.clientX;
+        const pageOffsetY = args.pageY - args.clientY;
         let pageX = args.pageX;
         let pageY = args.pageY;
         if (resizing.direction === 'w') {
-            pageX = eventRect.left + handleOffset;
+            pageX = eventRect.left + pageOffsetX + handleOffset;
         }
         else if (resizing.direction === 'e') {
-            pageX = eventRect.right - handleOffset;
+            pageX = eventRect.right + pageOffsetX - handleOffset;
         }
         else if (resizing.direction === 'n') {
-            pageY = eventRect.top + handleOffset;
+            pageY = eventRect.top + pageOffsetY + handleOffset;
         }
         else if (resizing.direction === 's') {
-            pageY = eventRect.bottom - handleOffset;
+            pageY = eventRect.bottom + pageOffsetY - handleOffset;
         }
         const { x, y } = this.coordinatesOffset(pageX, pageY);
         resizing.slot = this.slotByPosition(Math.ceil(x), Math.ceil(y), this.container);
@@ -14117,6 +14116,7 @@ class BaseView {
         const direction = resizing.direction;
         const horizontal = direction === 'w' || direction === 'e';
         const resizeStart = direction === 'w' || direction === 'n';
+        const color = this.resizeResourceColor(resizing.task, resizing.slot);
         this.resizeHints = [];
         for (let idx = 0; idx < ranges.length; idx++) {
             const range = ranges[idx];
@@ -14135,15 +14135,26 @@ class BaseView {
                 },
                 start: first && !resizeStart ? resizing.start : firstSlot.start,
                 end: last && resizeStart ? resizing.end : lastSlot.end,
-                class: resizing.hintClass
+                class: resizing.hintClass,
+                color
             });
         }
     }
+    resizeResourceColor(task, slot) {
+        const taskResources = task?.resources || [];
+        const resourceIndex = slot?.id?.resourceIndex;
+        const itemResource = taskResources.find(r => r.leafIdx === resourceIndex) || taskResources[0];
+        return itemResource?.color;
+    }
     coordinatesOffset(x, y, container = this.container, offset = this.containerOffset) {
-        const position = x - offset.left + container.scrollLeft;
+        const schedulerEl = container?.closest('.k-scheduler');
+        const schedulerRect = schedulerEl?.getBoundingClientRect();
+        const scaleX = schedulerRect ? schedulerRect.width / schedulerEl.offsetWidth : 1;
+        const scaleY = schedulerRect ? schedulerRect.height / schedulerEl.offsetHeight : 1;
+        const position = x - offset.left + container.scrollLeft * scaleX;
         return {
             x: !this.localization.rtl ? position : this.slotService.containerSize - position,
-            y: y - offset.top + container.scrollTop
+            y: y - offset.top + container.scrollTop * scaleY
         };
     }
     scrollContainer(callback, args) {
@@ -14369,6 +14380,7 @@ class BaseView {
         }
         const element = this.element.nativeElement.cloneNode(true);
         element.style.width = `${this.pdfWidth()}px`;
+        this.preparePDFElement(element);
         if (contentHeight !== 'auto') {
             this.autoHeight = false;
             this.updateView();
@@ -14381,6 +14393,7 @@ class BaseView {
     pdfWidth() {
         return this.element.nativeElement.offsetWidth;
     }
+    preparePDFElement(_element) { }
     containerByPosition({ x, y }) {
         const content = this.content.nativeElement;
         const offset = elementOffset(content);
@@ -14882,6 +14895,9 @@ class ResizeHintComponent {
     hint;
     format;
     marqueeClasses = true;
+    get color() {
+        return this.hint.color || null;
+    }
     get left() {
         return this.hint.rect.left;
     }
@@ -14901,7 +14917,7 @@ class ResizeHintComponent {
         return toLocalDate(this.hint.end);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ResizeHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.--kendo-marquee-color": "this.color", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
         <div class="k-marquee-color"></div>
         <div class="k-marquee-text">
           @if (hint.first) {
@@ -14947,6 +14963,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-last']
+            }], color: [{
+                type: HostBinding,
+                args: ['style.--kendo-marquee-color']
             }], left: [{
                 type: HostBinding,
                 args: ['style.left.px']
@@ -15097,9 +15116,6 @@ class MonthSlotComponent extends BaseSlotDirective {
     get end() {
         return addUTCDays(this.start, 1);
     }
-    isFirstDayOfMonth(day) {
-        return isEqualDate(day, firstDayOfMonth(day));
-    }
     get linkHeight() {
         if (this._linkHeight === null) {
             const element = firstElementChild(this.nativeElement);
@@ -15145,7 +15161,7 @@ class MonthSlotComponent extends BaseSlotDirective {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: MonthSlotComponent, isStandalone: true, selector: "[monthSlot]", inputs: { moreEvents: "moreEvents", resourcesByIndex: "resourcesByIndex", monthDaySlotTemplateRef: "monthDaySlotTemplateRef", eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", day: ["monthSlot", "day"] }, usesInheritance: true, ngImport: i0, template: `
         @if (!monthDaySlotTemplateRef) {
           <span class="k-link k-nav-day">
-            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
+            {{ day | kendoDate: 'dd' }}
           </span>
         }
         @if (monthDaySlotTemplateRef) {
@@ -15164,7 +15180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                     template: `
         @if (!monthDaySlotTemplateRef) {
           <span class="k-link k-nav-day">
-            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
+            {{ day | kendoDate: 'dd' }}
           </span>
         }
         @if (monthDaySlotTemplateRef) {
@@ -15250,7 +15266,7 @@ class EventsPopoverComponent {
     }
     getEventStyles(event) {
         const itemResource = event.resources?.[0];
-        const result = { backgroundColor: itemResource?.color, borderColor: itemResource?.color };
+        const result = { '--kendo-scheduler-event-color': itemResource?.color };
         if (this.eventStyles) {
             Object.assign(result, this.eventStyles({
                 event: event.event,
@@ -16011,7 +16027,7 @@ class MonthViewRendererComponent extends BaseView {
             </tr>
           </tbody>
         </table>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MonthSlotComponent, selector: "[monthSlot]", inputs: ["moreEvents", "resourcesByIndex", "monthDaySlotTemplateRef", "eventsPerDay", "eventHeight", "adaptiveSlotHeight", "monthSlot"] }, { kind: "component", type: MonthViewItemComponent, selector: "[monthViewItem]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: HintContainerComponent, selector: "kendo-hint-container" }, { kind: "component", type: ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }, { kind: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage", "editable"], outputs: ["navigateToDay", "eventClick", "eventDblClick"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "pipe", type: RepeatPipe, name: "repeat" }, { kind: "pipe", type: ResourceIteratorPipe, name: "resourceIterator" }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MonthSlotComponent, selector: "[monthSlot]", inputs: ["moreEvents", "resourcesByIndex", "monthDaySlotTemplateRef", "eventsPerDay", "eventHeight", "adaptiveSlotHeight", "monthSlot"] }, { kind: "component", type: MonthViewItemComponent, selector: "[monthViewItem]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: HintContainerComponent, selector: "kendo-hint-container" }, { kind: "component", type: ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }, { kind: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage", "editable"], outputs: ["navigateToDay", "eventClick", "eventDblClick"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "pipe", type: RepeatPipe, name: "repeat" }, { kind: "pipe", type: ResourceIteratorPipe, name: "resourceIterator" }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
             type: Component,
@@ -16949,7 +16965,7 @@ class ViewFooterComponent {
             </button>
           }
         </span>
-        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ViewFooterComponent, decorators: [{
             type: Component,
@@ -17089,6 +17105,7 @@ function addMinHeightOverflowEvents(sorted, slots, slotItems) {
 function initTimeColumns(slotKeys, slotItems) {
     // Break slots into groups with overlapping events.
     let columns = 0;
+    let maxGroupColumns = 0;
     let groupSlots = [];
     slotKeys.forEach(key => {
         const { slot, events } = slotItems[key];
@@ -17099,7 +17116,7 @@ function initTimeColumns(slotKeys, slotItems) {
         groupSlots.push(slot);
         for (let eventIdx = 0; eventIdx < count; eventIdx++) {
             const event = events[eventIdx];
-            const endsInSlot = event.item.endTime.getTime() <= slot.end.getTime();
+            const endsInSlot = slotBoundaryEnd(event.item.endTime, slot.start, slot.end).getTime() <= slot.end.getTime();
             // Grouping needs to consider the enforced minimum rendered height with MIN_EVENT_HEIGHT.
             let visuallyEndsInSlot = true;
             if (endsInSlot) {
@@ -17128,11 +17145,11 @@ function initTimeColumns(slotKeys, slotItems) {
                 }
                 // Events that don't intersect their start or end times but overlap in rendered height due to the minimum event height
                 const anyOverlappingEvents = events.filter(e => e !== current && e.rect).some(event => {
-                    const areIntersecting = intersects(event.item.startTime, event.item.endTime, current.item.startTime, current.item.endTime);
+                    const areIntersecting = eventsIntersect(event.item.startTime, event.item.endTime, current.item.startTime, current.item.endTime);
                     const areOverlapping = minHeightOverlaps(current.rect.top, event.rect.top);
                     return !areIntersecting && areOverlapping;
                 });
-                const intersectingEvents = intersects(event.item.startTime, event.item.endTime, current.item.startTime, current.item.endTime);
+                const intersectingEvents = eventsIntersect(event.item.startTime, event.item.endTime, current.item.startTime, current.item.endTime);
                 const overlappingEvents = minHeightOverlaps(current.rect.top, event.rect.top);
                 if (!(anyOverlappingEvents || intersectingEvents || overlappingEvents)) {
                     const targetColumn = current.columnIndex;
@@ -17140,7 +17157,7 @@ function initTimeColumns(slotKeys, slotItems) {
                     const hasColumnConflict = events.some(e => e !== current &&
                         isNumber(e.columnIndex) &&
                         e.columnIndex === targetColumn &&
-                        (intersects(event.item.startTime, event.item.endTime, e.item.startTime, e.item.endTime) ||
+                        (eventsIntersect(event.item.startTime, event.item.endTime, e.item.startTime, e.item.endTime) ||
                             (e.rect && event.rect && minHeightOverlaps(e.rect.top, event.rect.top))));
                     if (hasColumnConflict) {
                         previousIdx = current.columnIndex;
@@ -17162,7 +17179,7 @@ function initTimeColumns(slotKeys, slotItems) {
                     event.lastColumn = !events.some((e) => {
                         const hasColumnIndex = e.columnIndex;
                         const isBeforeCurrentIndex = targetColumn < e.columnIndex;
-                        const areIntersecting = intersects(event.item.startTime, event.item.endTime, e.item.startTime, e.item.endTime);
+                        const areIntersecting = eventsIntersect(event.item.startTime, event.item.endTime, e.item.startTime, e.item.endTime);
                         return hasColumnIndex && isBeforeCurrentIndex && areIntersecting;
                     });
                     events.splice(eventIdx, 1);
@@ -17185,14 +17202,24 @@ function initTimeColumns(slotKeys, slotItems) {
                 event.columnIndex = maxColumn + 1;
             }
         }
+        const slotColumnCount = events.reduce((maximumColumnCount, event) => {
+            const eventColumnIndex = event.columnIndex;
+            if (!isNumber(eventColumnIndex)) {
+                return maximumColumnCount;
+            }
+            const eventColumnCount = eventColumnIndex + 1;
+            return Math.max(maximumColumnCount, eventColumnCount);
+        }, 0);
+        maxGroupColumns = Math.max(maxGroupColumns, slotColumnCount);
         if (groupEnd) {
-            groupSlots.forEach(item => item.columns = columns);
+            groupSlots.forEach(item => item.columns = Math.max(columns, maxGroupColumns));
             groupSlots = [];
             columns = 0;
+            maxGroupColumns = 0;
         }
     });
     // The maximum number of overlapping events in the group is used to create the same number of columns.
-    groupSlots.forEach(slot => slot.columns = columns);
+    groupSlots.forEach(slot => slot.columns = Math.max(columns, maxGroupColumns));
 }
 function findTimeRowIndex(events, event) {
     if (event.rowIndex !== undefined) {
@@ -17200,7 +17227,7 @@ function findTimeRowIndex(events, event) {
     }
     for (let idx = 0; idx < events.length; idx++) {
         const current = events[idx];
-        if (!current || !intersects(event.item.startTime, event.item.endTime, current.item.startTime, current.item.endTime)) {
+        if (!current || !eventsIntersect(event.item.startTime, event.item.endTime, current.item.startTime, current.item.endTime)) {
             return idx;
         }
     }
@@ -17593,38 +17620,42 @@ class DayTimeSlotService extends BaseSlotService {
     slotByPosition(x, y, isDaySlot, includeDayRanges) {
         if (isDaySlot) {
             for (let i = 0; i < this.groups.length; i++) {
-                const foundRange = this.groups[i].dayRanges.find(r => rectContainsX(r.rect, x, this.calculateScaleX()));
+                const foundRange = this.groups[i].dayRanges.find(r => rectContainsX(r.rect, x, this.calculateScale('x')));
                 if (foundRange) {
-                    return foundRange.slots.find(slot => rectContainsX(slot.rect, x, this.calculateScaleX()));
+                    return foundRange.slots.find(slot => rectContainsX(slot.rect, x, this.calculateScale('x')));
                 }
             }
         }
         else {
+            const scaleX = this.calculateScale('x');
+            const scaleY = this.calculateScale('y');
             for (let i = 0; i < this.groups.length; i++) {
                 let range;
                 if (includeDayRanges) {
-                    range = this.groups[i].dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+                    range = this.groups[i].dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
                 }
                 if (!range) {
-                    range = this.groups[i].timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+                    range = this.groups[i].timeRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
                 }
                 if (range) {
-                    return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+                    return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
                 }
             }
         }
     }
     groupSlotByPosition(currentSlot, x, y) {
         const group = this.groups[currentSlot.id.resourceIndex];
+        const scaleX = this.calculateScale('x');
+        const scaleY = this.calculateScale('y');
         let range;
         if (currentSlot.isDaySlot) {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
         }
         else {
-            range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+            range = group.timeRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
         }
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
         }
     }
     dragRanges(currentSlot, offset, timeRanges) {
@@ -18695,7 +18726,7 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
     createTasks(items, dateRange) {
         const startTimeSlot = this.timeSlots[0];
         const endTimeSlot = this.timeSlots[this.timeSlots.length - 1].end;
-        const nextDateEnd = !(endTimeSlot.getHours() || endTimeSlot.getMinutes());
+        const nextDateEnd = endTimeSlot.getDate() !== startTimeSlot.start.getDate();
         const ranges = this.daySlots.map(daySlot => ({
             start: toUTCTime(daySlot.start, startTimeSlot.start),
             end: nextDateEnd ? toUTCDate(daySlot.end) : toUTCTime(daySlot.start, endTimeSlot)
@@ -20458,6 +20489,11 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
         const timesWidth = this.times.nativeElement.offsetWidth;
         return contentWidth + timesWidth;
     }
+    preparePDFElement(element) {
+        const tableWidth = `${this.content.nativeElement.scrollWidth}px`;
+        const tables = element.querySelectorAll('.k-scheduler-header-wrap > .k-scheduler-table, .k-scheduler-content > .k-scheduler-table');
+        tables.forEach(table => table.style.width = tableWidth);
+    }
     currentTimeArrowOffset() {
         return this.headerWrap.nativeElement.querySelector('tr:last-child').offsetTop;
     }