@progress/kendo-angular-scheduler 25.1.0-develop.2 → 25.1.0-develop.20

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

@@ -18,10 +18,11 @@ import * as i1 from '@progress/kendo-angular-dialog';
 import { DialogCloseResult, DialogComponent, DialogActionsComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import * as i4 from '@progress/kendo-angular-intl';
 import { formatDate, CldrIntlService, DatePipe, parseDate } from '@progress/kendo-angular-intl';
+import * as i2$1 from '@progress/kendo-angular-buttons';
+import { ButtonComponent, SegmentedControlComponent, DropDownButtonComponent, Button } from '@progress/kendo-angular-buttons';
 import { MultiSelectComponent, ItemTemplateDirective, TagTemplateDirective, DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { NgStyle, NgTemplateOutlet, AsyncPipe, NgClass } from '@angular/common';
-import { rightDoubleQuotesIcon, clockIcon, commentIcon, globeIcon, arrowRotateCwIcon, trashIcon, calendarIcon, chevronRightIcon, chevronLeftIcon, plusIcon, filePdfIcon, arrowsNoRepeatIcon, xIcon, moreHorizontalIcon, chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent, SegmentedControlComponent, DropDownButtonComponent, Button } from '@progress/kendo-angular-buttons';
+import { rightDoubleQuotesIcon, clockIcon, commentIcon, globeIcon, arrowRotateCwIcon, trashIcon, calendarIcon, chevronRightIcon, chevronLeftIcon, plusIcon, filePdfIcon, arrowsNoRepeatIcon, xIcon, chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
 import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent, FormFieldComponent, TextBoxDirective, TextAreaComponent, SwitchComponent } from '@progress/kendo-angular-inputs';
 import { parseRule, serializeRule, expand } from '@progress/kendo-recurrence';
 import { DatePickerComponent, DatePickerCustomMessagesComponent, TimePickerComponent, TimePickerCustomMessagesComponent, CalendarComponent, CalendarCustomMessagesComponent, MultiViewCalendarComponent, MonthCellTemplateDirective, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService, TimePickerDOMService, HoursService, MinutesService, SecondsService, MillisecondsService, DayPeriodService } from '@progress/kendo-angular-dateinputs';
@@ -33,7 +34,7 @@ import { drawDOM, exportPDF } from '@progress/kendo-drawing';
 import { saveAs } from '@progress/kendo-file-saver';
 import { orderBy, groupBy } from '@progress/kendo-data-query';
 import { Draggable } from '@progress/kendo-draggable';
-import { PopoverComponent, PopoverTitleTemplateDirective, PopoverBodyTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective } from '@progress/kendo-angular-tooltip';
+import { PopoverComponent, PopoverTitleTemplateDirective, PopoverBodyTemplateDirective, PopoverContainerDirective } from '@progress/kendo-angular-tooltip';
 
 /**
  * @hidden
@@ -43,8 +44,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1786694233,
-    version: '25.1.0-develop.2',
+    publishDate: 1787938506,
+    version: '25.1.0-develop.20',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2142,6 +2143,7 @@ class FocusService {
     elementMap = new WeakMap();
     subs = new Subscription();
     hasContentRendered = false;
+    toolbarEntered = false;
     constructor(renderer, wrapper, domEvents, zone) {
         this.renderer = renderer;
         this.wrapper = wrapper;
@@ -2161,6 +2163,14 @@ class FocusService {
         const items = Array.from(this.focusableItems);
         if (item.containerType !== 'content') {
             this.items.add(item);
+            if (!this.toolbarEntered && this.activeItem.containerType === 'toolbar') {
+                const leftmost = this.leftmostToolbarItem;
+                if (leftmost && leftmost !== this.activeItem) {
+                    this.activeItem.toggle(false);
+                    this.activeItem = leftmost;
+                    leftmost.toggle(true);
+                }
+            }
         }
         else {
             const newContentIndex = items.map(item => item.containerType).lastIndexOf('content') + 1;
@@ -2178,8 +2188,7 @@ class FocusService {
             else {
                 this.items.add(item);
             }
-            // activate the first content element if there is one; otherwise, keep the toolbar or footer active
-            if (!this.hasContentRendered) {
+            if (!this.hasContentRendered && item.canFocus() && this.activeItem.containerType !== 'toolbar') {
                 this.activeItem.toggle(false);
                 this.activeItem = item;
                 item.toggle(true);
@@ -2195,6 +2204,14 @@ class FocusService {
         }
         this.items.delete(item);
         this.elementMap.delete(item.element.nativeElement);
+        if (!this.toolbarEntered && this.activeItem?.containerType === 'toolbar') {
+            const leftmost = this.leftmostToolbarItem;
+            if (leftmost && leftmost !== this.activeItem) {
+                this.activeItem.toggle(false);
+                this.activeItem = leftmost;
+                leftmost.toggle(true);
+            }
+        }
         this.toggleWrapper();
     }
     /**
@@ -2243,11 +2260,13 @@ class FocusService {
         this.activeItem = firstFocusableTool;
     }
     focusNext(options, containerType) {
+        this.toolbarEntered = true;
         const currentItem = this.activeItem;
         this.activateNext(options, true, containerType);
         return this.activeItem !== currentItem;
     }
     focusByIndex(index, preventScroll = true) {
+        this.toolbarEntered = true;
         const item = Array.from(this.items.values())[index];
         if (!item) {
             return;
@@ -2274,6 +2293,12 @@ class FocusService {
             next?.focus(false);
         }
     }
+    get leftmostToolbarItem() {
+        const toolbarItems = Array.from(this.focusableItems)
+            .filter(item => item.containerType === 'toolbar' && item.canFocus())
+            .sort((a, b) => a.focusIndex - b.focusIndex);
+        return toolbarItems[0];
+    }
     findNext(position, containerType) {
         const { offset, nowrap } = { nowrap: false, offset: 1, ...position };
         let items = Array.from(this.items.values())
@@ -2316,6 +2341,7 @@ class FocusService {
         return this.wrapper.nativeElement.contains(document.activeElement);
     }
     onFocusIn(e) {
+        this.toolbarEntered = true;
         const item = this.findRegisteredElement(e.target);
         if (!item || item === this.focusedItem) {
             return;
@@ -2541,6 +2567,7 @@ class FocusableDirective {
     element;
     renderer;
     focusService;
+    segmentedControl;
     /**
      * The order of the element with respect to the other focusable elements.
      * If multiple elements share the same value, their relative to each other order follows their position in the component tree.
@@ -2554,10 +2581,11 @@ class FocusableDirective {
         return !this.element.nativeElement.disabled;
     }
     active;
-    constructor(element, renderer, focusService) {
+    constructor(element, renderer, focusService, segmentedControl) {
         this.element = element;
         this.renderer = renderer;
         this.focusService = focusService;
+        this.segmentedControl = segmentedControl;
         this.toggle(false);
     }
     ngAfterViewChecked() {
@@ -2576,8 +2604,13 @@ class FocusableDirective {
     }
     toggle(active) {
         if (active !== this.active) {
-            const index = active ? '0' : '-1';
-            this.renderer.setAttribute(this.element.nativeElement, 'tabIndex', index);
+            if (this.segmentedControl) {
+                this.segmentedControl.setIsActiveTabStop(active);
+            }
+            else {
+                const index = active ? '0' : '-1';
+                this.renderer.setAttribute(this.element.nativeElement, 'tabIndex', index);
+            }
             this.active = active;
         }
     }
@@ -2585,7 +2618,12 @@ class FocusableDirective {
         return this.visible && this.enabled;
     }
     focus(preventScroll = true) {
-        this.element.nativeElement.focus({ preventScroll });
+        if (this.segmentedControl) {
+            this.segmentedControl.focusSelectedButton(preventScroll);
+        }
+        else {
+            this.element.nativeElement.focus({ preventScroll });
+        }
     }
     toggleFocus(value) {
         const element = this.element.nativeElement;
@@ -2610,7 +2648,7 @@ class FocusableDirective {
             this.renderer.setAttribute(element, 'aria-selected', value.toString());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FocusableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FocusService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FocusableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FocusService }, { token: i2$1.SegmentedControlComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: FocusableDirective, isStandalone: true, selector: "[kendoSchedulerFocusIndex]", inputs: { focusIndex: ["kendoSchedulerFocusIndex", "focusIndex"], containerType: "containerType" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FocusableDirective, decorators: [{
@@ -2619,7 +2657,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                     selector: '[kendoSchedulerFocusIndex]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FocusService }], propDecorators: { focusIndex: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FocusService }, { type: i2$1.SegmentedControlComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { focusIndex: [{
                 type: Input,
                 args: ['kendoSchedulerFocusIndex']
             }], containerType: [{
@@ -3271,7 +3311,7 @@ function noModifiers(e) {
 
 let uniqueIdCounter = 0;
 const offsetPositions = ['first', 'second', 'third', 'fourth', 'last'];
-const frequencies = ['never', 'daily', 'weekly', 'monthly', 'yearly'];
+const frequencies = ['daily', 'weekly', 'monthly', 'yearly'];
 const endRules = ['never', 'count', 'until'];
 // Maps the `EndRule` values to their corresponding localization message keys.
 const endRuleMessageKeys = {
@@ -3337,6 +3377,9 @@ class RecurrenceService {
             recurrenceRule: rrule,
             weekStart: weekStart
         });
+        if (!this.rrule || isNullOrEmptyString(this.rrule.freq)) {
+            this.rrule = { freq: 'daily', interval: this.minInterval };
+        }
     }
     /**
      * @hidden
@@ -4640,12 +4683,9 @@ class RecurrenceFrequencyEditorComponent {
         this.localization = localization;
     }
     ngOnInit() {
-        this.frequencies = this.recurrence.frequencies.filter(freq => freq.value !== 'never');
+        this.frequencies = this.recurrence.frequencies;
     }
     get selected() {
-        if (!this.recurrence.rrule) {
-            this.recurrence.setFrequency(this.frequencies[0].value);
-        }
         return this.recurrence.frequency;
     }
     onFrequencyChange(newFreq) {
@@ -5324,16 +5364,16 @@ class RecurrenceEditorComponent {
           dailyInterval='day(s)'
 
           i18n-dailyRepeatEvery="kendo.recurrenceeditor.dailyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          dailyRepeatEvery='Repeat every'
+          dailyRepeatEvery='Repeats every'
 
           i18n-weeklyInterval="kendo.recurrenceeditor.weeklyInterval|The text similar to 'week(s)' displayed in the recurrence editor."
           weeklyInterval='week(s)'
 
           i18n-weeklyRepeatEvery="kendo.recurrenceeditor.weeklyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          weeklyRepeatEvery='Repeat every'
+          weeklyRepeatEvery='Repeats every'
 
           i18n-weeklyRepeatOn="kendo.recurrenceeditor.weeklyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
-          weeklyRepeatOn='Repeat on'
+          weeklyRepeatOn='On'
 
           i18n-monthlyDay="kendo.recurrenceeditor.monthlyDay|The text similar to 'Day' displayed in the recurrence editor."
           monthlyDay='Day'
@@ -5342,37 +5382,37 @@ class RecurrenceEditorComponent {
           monthlyInterval='month(s)'
 
           i18n-monthlyRepeatEvery="kendo.recurrenceeditor.monthlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          monthlyRepeatEvery='Repeat every'
+          monthlyRepeatEvery='Repeats every'
 
           i18n-monthlyRepeatOn="kendo.recurrenceeditor.monthlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
-          monthlyRepeatOn='Repeat on'
+          monthlyRepeatOn='On'
 
           i18n-yearlyOf="kendo.recurrenceeditor.yearlyOf|The text similar to 'of' displayed in the recurrence editor."
           yearlyOf='of'
 
           i18n-yearlyRepeatEvery="kendo.recurrenceeditor.yearlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          yearlyRepeatEvery='Repeat every'
+          yearlyRepeatEvery='Repeats every'
 
           i18n-yearlyRepeatOn="kendo.recurrenceeditor.yearlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
-          yearlyRepeatOn='Repeat on'
+          yearlyRepeatOn='On'
 
           i18n-yearlyInterval="kendo.recurrenceeditor.yearlyInterval|The text similar to 'year(s)' displayed in the recurrence editor."
           yearlyInterval='year(s)'
 
           i18n-frequenciesDaily="kendo.recurrenceeditor.frequenciesDaily|The text similar to 'Daily' displayed in the recurrence editor."
-          frequenciesDaily='Daily'
+          frequenciesDaily='Day'
 
           i18n-frequenciesMonthly="kendo.recurrenceeditor.frequenciesMonthly|The text similar to 'Monthly' displayed in the recurrence editor."
-          frequenciesMonthly='Monthly'
+          frequenciesMonthly='Month'
 
           i18n-frequenciesNever="kendo.recurrenceeditor.frequenciesNever|The text similar to 'Never' displayed in the recurrence editor."
           frequenciesNever='Never'
 
           i18n-frequenciesWeekly="kendo.recurrenceeditor.frequenciesWeekly|The text similar to 'Weekly' displayed in the recurrence editor."
-          frequenciesWeekly='Weekly'
+          frequenciesWeekly='Week'
 
           i18n-frequenciesYearly="kendo.recurrenceeditor.frequenciesYearly|The text similar to 'Yearly' displayed in the recurrence editor."
-          frequenciesYearly='Yearly'
+          frequenciesYearly='Year'
 
           i18n-offsetPositionsFirst="kendo.recurrenceeditor.offsetPositionsFirst|The text similar to 'First' displayed in the recurrence editor."
           offsetPositionsFirst='First'
@@ -5499,16 +5539,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           dailyInterval='day(s)'
 
           i18n-dailyRepeatEvery="kendo.recurrenceeditor.dailyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          dailyRepeatEvery='Repeat every'
+          dailyRepeatEvery='Repeats every'
 
           i18n-weeklyInterval="kendo.recurrenceeditor.weeklyInterval|The text similar to 'week(s)' displayed in the recurrence editor."
           weeklyInterval='week(s)'
 
           i18n-weeklyRepeatEvery="kendo.recurrenceeditor.weeklyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          weeklyRepeatEvery='Repeat every'
+          weeklyRepeatEvery='Repeats every'
 
           i18n-weeklyRepeatOn="kendo.recurrenceeditor.weeklyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
-          weeklyRepeatOn='Repeat on'
+          weeklyRepeatOn='On'
 
           i18n-monthlyDay="kendo.recurrenceeditor.monthlyDay|The text similar to 'Day' displayed in the recurrence editor."
           monthlyDay='Day'
@@ -5517,37 +5557,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           monthlyInterval='month(s)'
 
           i18n-monthlyRepeatEvery="kendo.recurrenceeditor.monthlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          monthlyRepeatEvery='Repeat every'
+          monthlyRepeatEvery='Repeats every'
 
           i18n-monthlyRepeatOn="kendo.recurrenceeditor.monthlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
-          monthlyRepeatOn='Repeat on'
+          monthlyRepeatOn='On'
 
           i18n-yearlyOf="kendo.recurrenceeditor.yearlyOf|The text similar to 'of' displayed in the recurrence editor."
           yearlyOf='of'
 
           i18n-yearlyRepeatEvery="kendo.recurrenceeditor.yearlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
-          yearlyRepeatEvery='Repeat every'
+          yearlyRepeatEvery='Repeats every'
 
           i18n-yearlyRepeatOn="kendo.recurrenceeditor.yearlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
-          yearlyRepeatOn='Repeat on'
+          yearlyRepeatOn='On'
 
           i18n-yearlyInterval="kendo.recurrenceeditor.yearlyInterval|The text similar to 'year(s)' displayed in the recurrence editor."
           yearlyInterval='year(s)'
 
           i18n-frequenciesDaily="kendo.recurrenceeditor.frequenciesDaily|The text similar to 'Daily' displayed in the recurrence editor."
-          frequenciesDaily='Daily'
+          frequenciesDaily='Day'
 
           i18n-frequenciesMonthly="kendo.recurrenceeditor.frequenciesMonthly|The text similar to 'Monthly' displayed in the recurrence editor."
-          frequenciesMonthly='Monthly'
+          frequenciesMonthly='Month'
 
           i18n-frequenciesNever="kendo.recurrenceeditor.frequenciesNever|The text similar to 'Never' displayed in the recurrence editor."
           frequenciesNever='Never'
 
           i18n-frequenciesWeekly="kendo.recurrenceeditor.frequenciesWeekly|The text similar to 'Weekly' displayed in the recurrence editor."
-          frequenciesWeekly='Weekly'
+          frequenciesWeekly='Week'
 
           i18n-frequenciesYearly="kendo.recurrenceeditor.frequenciesYearly|The text similar to 'Yearly' displayed in the recurrence editor."
-          frequenciesYearly='Yearly'
+          frequenciesYearly='Year'
 
           i18n-offsetPositionsFirst="kendo.recurrenceeditor.offsetPositionsFirst|The text similar to 'First' displayed in the recurrence editor."
           offsetPositionsFirst='First'
@@ -5955,7 +5995,7 @@ class EditDialogComponent {
             .pipe(filter(() => this.isActive))
             .subscribe((e) => {
             if (e.code === Keys.Escape) {
-                this.reset();
+                this.onClose();
             }
             if ((e.code === Keys.Enter || e.code === Keys.NumpadEnter) && (withModifiers(e, Modifiers.CtrlKey) || withModifiers(e, Modifiers.MetaKey))) {
                 this.onSave(e);
@@ -6526,7 +6566,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"], 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", "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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: EditDialogComponent, decorators: [{
             type: Component,
@@ -7679,6 +7719,11 @@ class Messages extends ComponentMessages {
      * The `{count}` placeholder is replaced with the number of additional events.
      */
     moreEvents;
+    /**
+     * Sets the `aria-label` for the **more events** button in the Month view.
+     * The `{count}` placeholder is replaced with the number of additional events.
+     */
+    moreEventsLabel;
     /**
      * Sets the date-header text in the **Agenda** view.
      */
@@ -8133,7 +8178,7 @@ class Messages extends ComponentMessages {
      */
     newEventLabel;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: Messages, isStandalone: true, inputs: { allEvents: "allEvents", allDay: "allDay", moreEvents: "moreEvents", dateHeader: "dateHeader", timeHeader: "timeHeader", eventHeader: "eventHeader", resourceColumnHeaderLabel: "resourceColumnHeaderLabel", deleteTitle: "deleteTitle", nextTitle: "nextTitle", previousTitle: "previousTitle", toolbar: "toolbar", today: "today", calendarToday: "calendarToday", showFullDay: "showFullDay", showWorkDay: "showWorkDay", dayViewTitle: "dayViewTitle", multiDayViewTitle: "multiDayViewTitle", weekViewTitle: "weekViewTitle", workWeekViewTitle: "workWeekViewTitle", monthViewTitle: "monthViewTitle", multiWeekViewTitle: "multiWeekViewTitle", timelineViewTitle: "timelineViewTitle", timelineWeekViewTitle: "timelineWeekViewTitle", timelineMonthViewTitle: "timelineMonthViewTitle", agendaViewTitle: "agendaViewTitle", yearViewTitle: "yearViewTitle", yearViewNoEvents: "yearViewNoEvents", cancel: "cancel", save: "save", editorEventTitle: "editorEventTitle", editorEventStart: "editorEventStart", editorEventStartTime: "editorEventStartTime", editorEventStartTimeZone: "editorEventStartTimeZone", editorEventEnd: "editorEventEnd", editorEventEndTime: "editorEventEndTime", editorEventEndTimeZone: "editorEventEndTimeZone", editorEventAllDay: "editorEventAllDay", editorEventDescription: "editorEventDescription", editorEventTimeZone: "editorEventTimeZone", editorEventTimeZoneReset: "editorEventTimeZoneReset", editorEventDescriptionPlaceholder: "editorEventDescriptionPlaceholder", editorEventDateRangeSeparator: "editorEventDateRangeSeparator", editorEventDateRangeStart: "editorEventDateRangeStart", editorRecurrenceMakeRecurring: "editorRecurrenceMakeRecurring", editorRecurrenceEdit: "editorRecurrenceEdit", editorRecurrenceDialogTitle: "editorRecurrenceDialogTitle", editorRecurrenceRemove: "editorRecurrenceRemove", editorRecurrenceRemoveConfirmationTitle: "editorRecurrenceRemoveConfirmationTitle", editorRecurrenceRemoveConfirmation: "editorRecurrenceRemoveConfirmation", editorRecurrenceRemoveConfirmationNo: "editorRecurrenceRemoveConfirmationNo", editorRecurrenceRemoveConfirmationYes: "editorRecurrenceRemoveConfirmationYes", editorDateInputsToday: "editorDateInputsToday", editorDatePickersToggle: "editorDatePickersToggle", editorDateInputsParentViewButton: "editorDateInputsParentViewButton", editorDateInputsNow: "editorDateInputsNow", editorDateInputsNowLabel: "editorDateInputsNowLabel", editorDateInputsAccept: "editorDateInputsAccept", editorDateInputsAcceptLabel: "editorDateInputsAcceptLabel", editorDateInputsCancel: "editorDateInputsCancel", editorDateInputsCancelLabel: "editorDateInputsCancelLabel", editorTimePickersToggle: "editorTimePickersToggle", recurrenceEditorDateInputsToday: "recurrenceEditorDateInputsToday", recurrenceEditorDateInputsToggle: "recurrenceEditorDateInputsToggle", recurrenceEditorDateInputsParentViewButton: "recurrenceEditorDateInputsParentViewButton", recurrenceEditorNumericIncrement: "recurrenceEditorNumericIncrement", recurrenceEditorNumericDecrement: "recurrenceEditorNumericDecrement", recurrenceEditorRepeat: "recurrenceEditorRepeat", recurrenceEditorDailyInterval: "recurrenceEditorDailyInterval", recurrenceEditorDailyRepeatEvery: "recurrenceEditorDailyRepeatEvery", recurrenceEditorWeeklyInterval: "recurrenceEditorWeeklyInterval", recurrenceEditorWeeklyRepeatEvery: "recurrenceEditorWeeklyRepeatEvery", recurrenceEditorWeeklyRepeatOn: "recurrenceEditorWeeklyRepeatOn", recurrenceEditorMonthlyDay: "recurrenceEditorMonthlyDay", recurrenceEditorMonthlyInterval: "recurrenceEditorMonthlyInterval", recurrenceEditorMonthlyRepeatEvery: "recurrenceEditorMonthlyRepeatEvery", recurrenceEditorMonthlyRepeatOn: "recurrenceEditorMonthlyRepeatOn", recurrenceEditorYearlyOf: "recurrenceEditorYearlyOf", recurrenceEditorYearlyRepeatEvery: "recurrenceEditorYearlyRepeatEvery", recurrenceEditorYearlyRepeatOn: "recurrenceEditorYearlyRepeatOn", recurrenceEditorYearlyInterval: "recurrenceEditorYearlyInterval", recurrenceEditorFrequenciesDaily: "recurrenceEditorFrequenciesDaily", recurrenceEditorFrequenciesMonthly: "recurrenceEditorFrequenciesMonthly", recurrenceEditorFrequenciesNever: "recurrenceEditorFrequenciesNever", recurrenceEditorFrequenciesWeekly: "recurrenceEditorFrequenciesWeekly", recurrenceEditorFrequenciesYearly: "recurrenceEditorFrequenciesYearly", recurrenceEditorOffsetPositionsFirst: "recurrenceEditorOffsetPositionsFirst", recurrenceEditorOffsetPositionsSecond: "recurrenceEditorOffsetPositionsSecond", recurrenceEditorOffsetPositionsThird: "recurrenceEditorOffsetPositionsThird", recurrenceEditorOffsetPositionsFourth: "recurrenceEditorOffsetPositionsFourth", recurrenceEditorOffsetPositionsLast: "recurrenceEditorOffsetPositionsLast", recurrenceEditorWeekdaysDay: "recurrenceEditorWeekdaysDay", recurrenceEditorWeekdaysWeekday: "recurrenceEditorWeekdaysWeekday", recurrenceEditorWeekdaysWeekendday: "recurrenceEditorWeekdaysWeekendday", recurrenceEditorEndAfter: "recurrenceEditorEndAfter", recurrenceEditorEndOccurrence: "recurrenceEditorEndOccurrence", recurrenceEditorEndLabel: "recurrenceEditorEndLabel", recurrenceEditorEndNever: "recurrenceEditorEndNever", recurrenceEditorEndOn: "recurrenceEditorEndOn", editorTitle: "editorTitle", editorTitleNew: "editorTitleNew", destroy: "destroy", deleteConfirmation: "deleteConfirmation", editRecurringConfirmation: "editRecurringConfirmation", editOccurrence: "editOccurrence", editSeries: "editSeries", deleteRecurringConfirmation: "deleteRecurringConfirmation", deleteOccurrence: "deleteOccurrence", deleteSeries: "deleteSeries", deleteDialogTitle: "deleteDialogTitle", deleteRecurringDialogTitle: "deleteRecurringDialogTitle", editRecurringDialogTitle: "editRecurringDialogTitle", selectView: "selectView", newEvent: "newEvent", newEventLabel: "newEventLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: Messages, isStandalone: true, inputs: { allEvents: "allEvents", allDay: "allDay", moreEvents: "moreEvents", moreEventsLabel: "moreEventsLabel", dateHeader: "dateHeader", timeHeader: "timeHeader", eventHeader: "eventHeader", resourceColumnHeaderLabel: "resourceColumnHeaderLabel", deleteTitle: "deleteTitle", nextTitle: "nextTitle", previousTitle: "previousTitle", toolbar: "toolbar", today: "today", calendarToday: "calendarToday", showFullDay: "showFullDay", showWorkDay: "showWorkDay", dayViewTitle: "dayViewTitle", multiDayViewTitle: "multiDayViewTitle", weekViewTitle: "weekViewTitle", workWeekViewTitle: "workWeekViewTitle", monthViewTitle: "monthViewTitle", multiWeekViewTitle: "multiWeekViewTitle", timelineViewTitle: "timelineViewTitle", timelineWeekViewTitle: "timelineWeekViewTitle", timelineMonthViewTitle: "timelineMonthViewTitle", agendaViewTitle: "agendaViewTitle", yearViewTitle: "yearViewTitle", yearViewNoEvents: "yearViewNoEvents", cancel: "cancel", save: "save", editorEventTitle: "editorEventTitle", editorEventStart: "editorEventStart", editorEventStartTime: "editorEventStartTime", editorEventStartTimeZone: "editorEventStartTimeZone", editorEventEnd: "editorEventEnd", editorEventEndTime: "editorEventEndTime", editorEventEndTimeZone: "editorEventEndTimeZone", editorEventAllDay: "editorEventAllDay", editorEventDescription: "editorEventDescription", editorEventTimeZone: "editorEventTimeZone", editorEventTimeZoneReset: "editorEventTimeZoneReset", editorEventDescriptionPlaceholder: "editorEventDescriptionPlaceholder", editorEventDateRangeSeparator: "editorEventDateRangeSeparator", editorEventDateRangeStart: "editorEventDateRangeStart", editorRecurrenceMakeRecurring: "editorRecurrenceMakeRecurring", editorRecurrenceEdit: "editorRecurrenceEdit", editorRecurrenceDialogTitle: "editorRecurrenceDialogTitle", editorRecurrenceRemove: "editorRecurrenceRemove", editorRecurrenceRemoveConfirmationTitle: "editorRecurrenceRemoveConfirmationTitle", editorRecurrenceRemoveConfirmation: "editorRecurrenceRemoveConfirmation", editorRecurrenceRemoveConfirmationNo: "editorRecurrenceRemoveConfirmationNo", editorRecurrenceRemoveConfirmationYes: "editorRecurrenceRemoveConfirmationYes", editorDateInputsToday: "editorDateInputsToday", editorDatePickersToggle: "editorDatePickersToggle", editorDateInputsParentViewButton: "editorDateInputsParentViewButton", editorDateInputsNow: "editorDateInputsNow", editorDateInputsNowLabel: "editorDateInputsNowLabel", editorDateInputsAccept: "editorDateInputsAccept", editorDateInputsAcceptLabel: "editorDateInputsAcceptLabel", editorDateInputsCancel: "editorDateInputsCancel", editorDateInputsCancelLabel: "editorDateInputsCancelLabel", editorTimePickersToggle: "editorTimePickersToggle", recurrenceEditorDateInputsToday: "recurrenceEditorDateInputsToday", recurrenceEditorDateInputsToggle: "recurrenceEditorDateInputsToggle", recurrenceEditorDateInputsParentViewButton: "recurrenceEditorDateInputsParentViewButton", recurrenceEditorNumericIncrement: "recurrenceEditorNumericIncrement", recurrenceEditorNumericDecrement: "recurrenceEditorNumericDecrement", recurrenceEditorRepeat: "recurrenceEditorRepeat", recurrenceEditorDailyInterval: "recurrenceEditorDailyInterval", recurrenceEditorDailyRepeatEvery: "recurrenceEditorDailyRepeatEvery", recurrenceEditorWeeklyInterval: "recurrenceEditorWeeklyInterval", recurrenceEditorWeeklyRepeatEvery: "recurrenceEditorWeeklyRepeatEvery", recurrenceEditorWeeklyRepeatOn: "recurrenceEditorWeeklyRepeatOn", recurrenceEditorMonthlyDay: "recurrenceEditorMonthlyDay", recurrenceEditorMonthlyInterval: "recurrenceEditorMonthlyInterval", recurrenceEditorMonthlyRepeatEvery: "recurrenceEditorMonthlyRepeatEvery", recurrenceEditorMonthlyRepeatOn: "recurrenceEditorMonthlyRepeatOn", recurrenceEditorYearlyOf: "recurrenceEditorYearlyOf", recurrenceEditorYearlyRepeatEvery: "recurrenceEditorYearlyRepeatEvery", recurrenceEditorYearlyRepeatOn: "recurrenceEditorYearlyRepeatOn", recurrenceEditorYearlyInterval: "recurrenceEditorYearlyInterval", recurrenceEditorFrequenciesDaily: "recurrenceEditorFrequenciesDaily", recurrenceEditorFrequenciesMonthly: "recurrenceEditorFrequenciesMonthly", recurrenceEditorFrequenciesNever: "recurrenceEditorFrequenciesNever", recurrenceEditorFrequenciesWeekly: "recurrenceEditorFrequenciesWeekly", recurrenceEditorFrequenciesYearly: "recurrenceEditorFrequenciesYearly", recurrenceEditorOffsetPositionsFirst: "recurrenceEditorOffsetPositionsFirst", recurrenceEditorOffsetPositionsSecond: "recurrenceEditorOffsetPositionsSecond", recurrenceEditorOffsetPositionsThird: "recurrenceEditorOffsetPositionsThird", recurrenceEditorOffsetPositionsFourth: "recurrenceEditorOffsetPositionsFourth", recurrenceEditorOffsetPositionsLast: "recurrenceEditorOffsetPositionsLast", recurrenceEditorWeekdaysDay: "recurrenceEditorWeekdaysDay", recurrenceEditorWeekdaysWeekday: "recurrenceEditorWeekdaysWeekday", recurrenceEditorWeekdaysWeekendday: "recurrenceEditorWeekdaysWeekendday", recurrenceEditorEndAfter: "recurrenceEditorEndAfter", recurrenceEditorEndOccurrence: "recurrenceEditorEndOccurrence", recurrenceEditorEndLabel: "recurrenceEditorEndLabel", recurrenceEditorEndNever: "recurrenceEditorEndNever", recurrenceEditorEndOn: "recurrenceEditorEndOn", editorTitle: "editorTitle", editorTitleNew: "editorTitleNew", destroy: "destroy", deleteConfirmation: "deleteConfirmation", editRecurringConfirmation: "editRecurringConfirmation", editOccurrence: "editOccurrence", editSeries: "editSeries", deleteRecurringConfirmation: "deleteRecurringConfirmation", deleteOccurrence: "deleteOccurrence", deleteSeries: "deleteSeries", deleteDialogTitle: "deleteDialogTitle", deleteRecurringDialogTitle: "deleteRecurringDialogTitle", editRecurringDialogTitle: "editRecurringDialogTitle", selectView: "selectView", newEvent: "newEvent", newEventLabel: "newEventLabel" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, decorators: [{
             type: Directive
@@ -8143,6 +8188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 type: Input
             }], moreEvents: [{
                 type: Input
+            }], moreEventsLabel: [{
+                type: Input
             }], dateHeader: [{
                 type: Input
             }], timeHeader: [{
@@ -9495,6 +9542,9 @@ class SchedulerComponent {
           i18n-moreEvents="kendo.scheduler.moreEvents|The text of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
           moreEvents="{count} more"
 
+          i18n-moreEventsLabel="kendo.scheduler.moreEventsLabel|The aria-label of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
+          moreEventsLabel="{count} more events"
+
           i18n-dateHeader="kendo.scheduler.dateHeader|The date header text displayed in the agenda view."
           dateHeader="Date"
 
@@ -9917,6 +9967,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           i18n-moreEvents="kendo.scheduler.moreEvents|The text of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
           moreEvents="{count} more"
 
+          i18n-moreEventsLabel="kendo.scheduler.moreEventsLabel|The aria-label of the more events button in the month view. The {count} placeholder is replaced with the number of hidden events."
+          moreEventsLabel="{count} more events"
+
           i18n-dateHeader="kendo.scheduler.dateHeader|The date header text displayed in the agenda view."
           dateHeader="Date"
 
@@ -11620,7 +11673,7 @@ function groupEvents(items, { taskResources, resourceGroups, spans, allResources
 class AgendaTaskItemComponent {
     localization;
     intl;
-    arrowRotateCWIcon = arrowRotateCwIcon;
+    arrowRotateCwIcon = arrowRotateCwIcon;
     arrowsNoRepeatIcon = arrowsNoRepeatIcon;
     xIcon = xIcon;
     item;
@@ -11659,7 +11712,7 @@ class AgendaTaskItemComponent {
             <span class="k-scheduler-mark" [style.background-color]="eventColor"></span>
           }
           @if (isRecurrence) {
-            <kendo-icon-wrapper name="arrow-rotate-cw" [svgIcon]="arrowRotateCWIcon"></kendo-icon-wrapper>
+            <kendo-icon-wrapper name="arrow-rotate-cw" [svgIcon]="arrowRotateCwIcon"></kendo-icon-wrapper>
           }
         
           @if (isRecurrenceException) {
@@ -11693,7 +11746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             <span class="k-scheduler-mark" [style.background-color]="eventColor"></span>
           }
           @if (isRecurrence) {
-            <kendo-icon-wrapper name="arrow-rotate-cw" [svgIcon]="arrowRotateCWIcon"></kendo-icon-wrapper>
+            <kendo-icon-wrapper name="arrow-rotate-cw" [svgIcon]="arrowRotateCwIcon"></kendo-icon-wrapper>
           }
         
           @if (isRecurrenceException) {
@@ -13071,7 +13124,6 @@ class MonthResourceGroup {
  * @hidden
  */
 class MonthSlotService extends BaseSlotService {
-    currentPopover;
     layout(eventHeight, eventsPerDay, adaptiveSlotHeight) {
         this.groups.forEach((group) => group.forEachRange(range => range.layout(eventHeight, eventsPerDay, adaptiveSlotHeight)));
     }
@@ -14528,6 +14580,7 @@ class BaseViewItem {
             this.rect = null;
             this.setStyles({
                 left: 0,
+                top: 0
             });
             const slotId = { index: this.index, resourceIndex: this.resourceIndex, rangeIndex: this.rangeIndex };
             this.slotService.unregisterItem(this, slotId);
@@ -14657,9 +14710,11 @@ class MonthViewItemComponent extends BaseViewItem {
           <div [attr.title]="eventTitle">
             <div class="k-event-template k-event-title">{{ item.event.title }}</div>
             <div class="k-event-template k-event-time">
+              @if (isRecurrence) {
               <span class="k-event-recurrence-icon">
                 <kendo-icon-wrapper name="arrow-rotate-cw" [svgIcon]="arrowRotateCwIcon" size="small"></kendo-icon-wrapper>
               </span>
+              }
               {{ eventTime }}
             </div>
           </div>
@@ -14682,7 +14737,7 @@ class MonthViewItemComponent extends BaseViewItem {
           </span>
         }
 
-        @if (resizable) {
+        @if (resizable && !isReadonly) {
           <span class="k-resize-handle k-resize-w"></span>
           <span class="k-resize-handle k-resize-e"></span>
         }
@@ -14708,9 +14763,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           <div [attr.title]="eventTitle">
             <div class="k-event-template k-event-title">{{ item.event.title }}</div>
             <div class="k-event-template k-event-time">
+              @if (isRecurrence) {
               <span class="k-event-recurrence-icon">
                 <kendo-icon-wrapper name="arrow-rotate-cw" [svgIcon]="arrowRotateCwIcon" size="small"></kendo-icon-wrapper>
               </span>
+              }
               {{ eventTime }}
             </div>
           </div>
@@ -14733,7 +14790,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           </span>
         }
 
-        @if (resizable) {
+        @if (resizable && !isReadonly) {
           <span class="k-resize-handle k-resize-w"></span>
           <span class="k-resize-handle k-resize-e"></span>
         }
@@ -14997,6 +15054,143 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 args: ['attr.data-slot-index']
             }] } });
 
+/**
+ * @hidden
+ */
+class MonthSlotComponent extends BaseSlotDirective {
+    cdr;
+    moreEventsWidth;
+    moreEventsLeft;
+    moreEventsTop;
+    showMoreButton;
+    hiddenCount = 0;
+    moreEvents = [];
+    resourcesByIndex;
+    monthDaySlotTemplateRef;
+    eventsPerDay;
+    eventHeight;
+    adaptiveSlotHeight;
+    set day(value) {
+        this._day = value;
+        this.start = value;
+    }
+    /**
+     * For the slot template we need the day value without the UTC conversion
+     * - timezone does not matter for the day part in this case as the calendar month view is the same for every timezone
+     * otherwise the date is incorrect for some timezones (e.g. LA timezone) -
+     * For example, it displays Feb. 8, 2023 to be Thursday, wherease it is Wednesday
+     */
+    get day() {
+        return this._day;
+    }
+    set start(value) {
+        this.startDate = toUTCDate(value);
+    }
+    get start() {
+        return this.startDate;
+    }
+    isDaySlot = true;
+    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);
+            this._linkHeight = element ? element.offsetHeight + element.offsetTop : 0;
+        }
+        return this._linkHeight;
+    }
+    startDate;
+    _day;
+    _linkHeight = null;
+    constructor(element, slotService, localization, cdr) {
+        super(element, slotService, localization);
+        this.cdr = cdr;
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.removeShowMore();
+    }
+    showMore(rect) {
+        this.showMoreButton = true;
+        this.moreEventsWidth = rect.width;
+        this.moreEventsLeft = rect.left;
+        this.moreEventsTop = rect.top;
+        this.cdr.detectChanges();
+    }
+    hideMore() {
+        this.hiddenCount = 0;
+        this.showMoreButton = false;
+        this.removeShowMore();
+    }
+    invalidate() {
+        super.invalidate();
+        this._linkHeight = null;
+        this.hiddenCount = 0;
+        this.showMoreButton = false;
+        this.removeShowMore();
+    }
+    removeShowMore() {
+        this.showMoreButton = false;
+        this.cdr.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MonthSlotComponent, deps: [{ token: i0.ElementRef }, { token: MonthSlotService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", 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' }}
+          </span>
+        }
+        @if (monthDaySlotTemplateRef) {
+          <ng-container
+            [ngTemplateOutlet]="monthDaySlotTemplateRef"
+            [ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex }"
+            >
+          </ng-container>
+        }
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MonthSlotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[monthSlot]',
+                    template: `
+        @if (!monthDaySlotTemplateRef) {
+          <span class="k-link k-nav-day">
+            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
+          </span>
+        }
+        @if (monthDaySlotTemplateRef) {
+          <ng-container
+            [ngTemplateOutlet]="monthDaySlotTemplateRef"
+            [ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex }"
+            >
+          </ng-container>
+        }
+        `,
+                    standalone: true,
+                    imports: [NgTemplateOutlet, DatePipe]
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: MonthSlotService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { moreEvents: [{
+                type: Input
+            }], resourcesByIndex: [{
+                type: Input
+            }], monthDaySlotTemplateRef: [{
+                type: Input
+            }], eventsPerDay: [{
+                type: Input
+            }], eventHeight: [{
+                type: Input
+            }], adaptiveSlotHeight: [{
+                type: Input
+            }], day: [{
+                type: Input,
+                args: ['monthSlot']
+            }] } });
+
 /**
  * @hidden
  */
@@ -15104,7 +15298,7 @@ class EventsPopoverComponent {
                 }
             </ng-template>
         </kendo-popover>
-    `, isInline: true, dependencies: [{ kind: "component", type: PopoverComponent, selector: "kendo-popover", inputs: ["popupClass", "collision", "popupSettings", "position", "offset", "width", "height", "title", "subtitle", "body", "callout", "animation", "templateData"], outputs: ["show", "shown", "hide", "hidden", "closeOnKeyDown"] }, { kind: "directive", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]" }, { kind: "directive", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: PopoverComponent, selector: "kendo-popover", inputs: ["popupClass", "collision", "position", "offset", "width", "height", "title", "subtitle", "body", "callout", "animation", "templateData"], outputs: ["show", "shown", "hide", "hidden", "closeOnKeyDown"] }, { kind: "directive", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]" }, { kind: "directive", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: EventsPopoverComponent, decorators: [{
             type: Component,
@@ -15189,249 +15383,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 args: ['popover', { static: true }]
             }] } });
 
-/**
- * @hidden
- */
-class MonthSlotComponent extends BaseSlotDirective {
-    cdr;
-    focusService;
-    viewState;
-    showMoreFocusable;
-    popoverAnchor;
-    moreEventsWidth;
-    moreEventsLeft;
-    moreEventsTop;
-    showMoreButton;
-    moreHorizontalIcon = moreHorizontalIcon;
-    hiddenCount = 0;
-    moreEvents = [];
-    eventClass;
-    eventStyles;
-    resourcesByIndex;
-    monthDaySlotTemplateRef;
-    eventsPerDay;
-    eventHeight;
-    adaptiveSlotHeight;
-    set day(value) {
-        this._day = value;
-        this.start = value;
-    }
-    /**
-     * For the slot template we need the day value without the UTC conversion
-     * - timezone does not matter for the day part in this case as the calendar month view is the same for every timezone
-     * otherwise the date is incorrect for some timezones (e.g. LA timezone) -
-     * For example, it displays Feb. 8, 2023 to be Thursday, wherease it is Wednesday
-     */
-    get day() {
-        return this._day;
-    }
-    set start(value) {
-        this.startDate = toUTCDate(value);
-    }
-    get start() {
-        return this.startDate;
-    }
-    isDaySlot = true;
-    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);
-            this._linkHeight = element ? element.offsetHeight + element.offsetTop : 0;
-        }
-        return this._linkHeight;
-    }
-    get moreEventsText() {
-        const message = this.localization.get('moreEvents') || '{count} more';
-        return message.replace('{count}', String(this.hiddenCount));
-    }
-    startDate;
-    _day;
-    _linkHeight = null;
-    constructor(element, slotService, localization, cdr, focusService, viewState) {
-        super(element, slotService, localization);
-        this.cdr = cdr;
-        this.focusService = focusService;
-        this.viewState = viewState;
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.removeShowMore();
-    }
-    onNavigateToDay(date) {
-        this.hidePopover();
-        this.viewState.navigateTo({ viewName: 'day', date: new Date(date) });
-    }
-    showPopover() {
-        this.hidePopover();
-        this.popoverAnchor?.show();
-        this.slotService.currentPopover = this.popoverAnchor;
-    }
-    hidePopover() {
-        this.slotService.currentPopover?.hide();
-    }
-    showMore(rect) {
-        this.showMoreButton = true;
-        this.moreEventsWidth = rect.width;
-        this.moreEventsLeft = rect.left;
-        this.moreEventsTop = rect.top;
-        this.cdr.detectChanges();
-        this.repositionShowMoreInFocus();
-    }
-    repositionShowMoreInFocus() {
-        if (!this.showMoreFocusable) {
-            return;
-        }
-        let lastVisibleItem = null;
-        let maxRowIndex = -1;
-        const slotResourceIndex = this.id.resourceIndex;
-        this.slotService.forEachItem((viewItem) => {
-            if (viewItem.resourceIndex !== slotResourceIndex) {
-                return;
-            }
-            const data = viewItem.item.data[viewItem.resourceIndex];
-            if (data.hidden) {
-                return;
-            }
-            if (!intersects(viewItem.item.startTime, viewItem.item.endTime, this.start, this.end)) {
-                return;
-            }
-            if (data.rowIndex > maxRowIndex) {
-                maxRowIndex = data.rowIndex;
-                lastVisibleItem = viewItem;
-            }
-        });
-        if (!lastVisibleItem) {
-            return;
-        }
-        const anchor = this.focusService.getFocusableByElement(lastVisibleItem.nativeElement);
-        if (!anchor) {
-            return;
-        }
-        this.focusService.moveAfter(this.showMoreFocusable, anchor);
-    }
-    hideMore() {
-        this.hiddenCount = 0;
-        this.showMoreButton = false;
-        this.removeShowMore();
-    }
-    invalidate() {
-        super.invalidate();
-        this._linkHeight = null;
-        this.hiddenCount = 0;
-        this.showMoreButton = false;
-        this.removeShowMore();
-    }
-    removeShowMore() {
-        this.showMoreButton = false;
-        this.cdr.detectChanges();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MonthSlotComponent, deps: [{ token: i0.ElementRef }, { token: MonthSlotService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: FocusService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: MonthSlotComponent, isStandalone: true, selector: "[monthSlot]", inputs: { moreEvents: "moreEvents", eventClass: "eventClass", eventStyles: "eventStyles", resourcesByIndex: "resourcesByIndex", monthDaySlotTemplateRef: "monthDaySlotTemplateRef", eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", day: ["monthSlot", "day"] }, viewQueries: [{ propertyName: "showMoreFocusable", first: true, predicate: FocusableDirective, descendants: true }, { propertyName: "popoverAnchor", first: true, predicate: PopoverAnchorDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-        @if (!monthDaySlotTemplateRef) {
-          <span class="k-link k-nav-day">
-            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
-          </span>
-        }
-        @if (monthDaySlotTemplateRef) {
-          <ng-container
-            [ngTemplateOutlet]="monthDaySlotTemplateRef"
-            [ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex }"
-            >
-          </ng-container>
-        }
-        
-        @if (showMoreButton) {
-            <button kendoButton kendoPopoverAnchor [popover]="eventsPopoverComp.popover" showOn="none" [kendoSchedulerFocusIndex]="id?.resourceIndex ?? 0" class="k-more-events" size="xsmall" themeColor="primary" fillMode="flat" [style.width.px]="moreEventsWidth" [style.left.px]="moreEventsLeft" [style.top.px]="moreEventsTop">
-                {{ moreEventsText }}
-            </button>
-
-            <kendo-scheduler-events-popover
-                #eventsPopoverComp
-                [date]="day"
-                [events]="moreEvents"
-                [eventClass]="eventClass"
-                [eventStyles]="eventStyles"
-                [noEventsMessage]="localization.get('yearViewNoEvents')"
-                (navigateToDay)="onNavigateToDay($event)"
-                (blur)="hidePopover()">
-            </kendo-scheduler-events-popover>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", exportAs: ["kendoPopoverAnchor"] }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage"], outputs: ["navigateToDay"] }, { 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: "pipe", type: DatePipe, name: "kendoDate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MonthSlotComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[monthSlot]',
-                    template: `
-        @if (!monthDaySlotTemplateRef) {
-          <span class="k-link k-nav-day">
-            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
-          </span>
-        }
-        @if (monthDaySlotTemplateRef) {
-          <ng-container
-            [ngTemplateOutlet]="monthDaySlotTemplateRef"
-            [ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex }"
-            >
-          </ng-container>
-        }
-        
-        @if (showMoreButton) {
-            <button kendoButton kendoPopoverAnchor [popover]="eventsPopoverComp.popover" showOn="none" [kendoSchedulerFocusIndex]="id?.resourceIndex ?? 0" class="k-more-events" size="xsmall" themeColor="primary" fillMode="flat" [style.width.px]="moreEventsWidth" [style.left.px]="moreEventsLeft" [style.top.px]="moreEventsTop">
-                {{ moreEventsText }}
-            </button>
-
-            <kendo-scheduler-events-popover
-                #eventsPopoverComp
-                [date]="day"
-                [events]="moreEvents"
-                [eventClass]="eventClass"
-                [eventStyles]="eventStyles"
-                [noEventsMessage]="localization.get('yearViewNoEvents')"
-                (navigateToDay)="onNavigateToDay($event)"
-                (blur)="hidePopover()">
-            </kendo-scheduler-events-popover>
-        }
-        `,
-                    standalone: true,
-                    imports: [NgTemplateOutlet, PopoverAnchorDirective, EventsPopoverComponent, DatePipe, ButtonComponent, FocusableDirective]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: MonthSlotService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: FocusService }, { type: ViewStateService }], propDecorators: { showMoreFocusable: [{
-                type: ViewChild,
-                args: [FocusableDirective]
-            }], popoverAnchor: [{
-                type: ViewChild,
-                args: [PopoverAnchorDirective]
-            }], moreEvents: [{
-                type: Input
-            }], eventClass: [{
-                type: Input
-            }], eventStyles: [{
-                type: Input
-            }], resourcesByIndex: [{
-                type: Input
-            }], monthDaySlotTemplateRef: [{
-                type: Input
-            }], eventsPerDay: [{
-                type: Input
-            }], eventHeight: [{
-                type: Input
-            }], adaptiveSlotHeight: [{
-                type: Input
-            }], day: [{
-                type: Input,
-                args: ['monthSlot']
-            }] } });
-
 /**
  * @hidden
  */
 class MonthViewRendererComponent extends BaseView {
+    focusService;
     hiddenDays;
     monthDaySlotTemplate;
     highlightOngoingEvents;
@@ -15453,7 +15409,11 @@ class MonthViewRendererComponent extends BaseView {
     moreEventsClick = new EventEmitter();
     resizeHintFormat = { skeleton: 'Md' };
     weeks = [];
+    popoverDate;
+    popoverEvents = [];
+    moreButtons = [];
     eventElements;
+    popoverContainer;
     get monthDaySlotTemplateRef() {
         return this.monthDaySlotTemplate || (this.schedulerMonthDaySlotTemplate || {}).templateRef;
     }
@@ -15465,10 +15425,20 @@ class MonthViewRendererComponent extends BaseView {
             return task.startTime < dayEnd && task.endTime > dayStart;
         });
     }
+    onPopoverNavigateToDay(date) {
+        this.popoverContainer?.hide();
+        this.viewState.navigateTo({ viewName: 'day', date: new Date(date) });
+    }
+    setPopoverData(slot) {
+        this.popoverDate = slot.day;
+        this.popoverEvents = slot.moreEvents;
+    }
     ongoingEventsTimeout;
     schedulerMonthDaySlotTemplate;
-    constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector, scrollbarService) {
+    disposeDocumentClick;
+    constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector, scrollbarService, focusService) {
         super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollbarService);
+        this.focusService = focusService;
         this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
     }
     ngOnChanges(changes) {
@@ -15492,8 +15462,21 @@ class MonthViewRendererComponent extends BaseView {
     ngAfterViewInit() {
         this.updateOngoingEvents();
         super.ngAfterViewInit();
+        this.zone.runOutsideAngular(() => {
+            this.disposeDocumentClick = this.renderer.listen('document', 'click', (e) => {
+                if (!this.popoverContainer?.popupRef) {
+                    return;
+                }
+                const target = e.target;
+                if (target.closest('.k-more-events') || target.closest('.k-popup')) {
+                    return;
+                }
+                this.popoverContainer.hide();
+            });
+        });
     }
     ngOnDestroy() {
+        this.disposeDocumentClick?.();
         clearTimeout(this.ongoingEventsTimeout);
         super.ngOnDestroy();
     }
@@ -15572,6 +15555,7 @@ class MonthViewRendererComponent extends BaseView {
         if (isAutoHeight) {
             content.style.overflow = 'auto';
         }
+        this.collectMoreButtons();
         this.syncTables();
     }
     syncTables() {
@@ -15594,20 +15578,16 @@ class MonthViewRendererComponent extends BaseView {
     }
     onClick(e, eventType = e.type) {
         if (eventType === 'click') {
-            this.slotService.currentPopover?.hide();
-            const eventSlot = closestInScope(e.target, node => node.hasAttribute('data-slot-index'), this.element.nativeElement);
-            const navigateToDay = closestInScope(e.target, node => hasClasses(node, 'k-more-events k-nav-day'), eventSlot);
-            if (eventSlot && navigateToDay) {
-                const index = eventSlot.getAttribute('data-slot-index');
+            const moreBtn = closestInScope(e.target, node => hasClasses(node, 'k-more-events'), this.element.nativeElement);
+            if (moreBtn) {
+                const index = moreBtn.getAttribute('data-slot-index');
+                if (!index) {
+                    return;
+                }
                 const slot = this.slotService.slotByIndex(index);
                 const [resourceIndex, rangeIndex] = index.split(':').map(part => parseInt(part, 10));
                 const group = this.slotService['groups'][resourceIndex];
                 const range = group.dayRanges[rangeIndex];
-                const slotDateClicked = closestInScope(e.target, node => hasClasses(node, 'k-nav-day'), eventSlot);
-                if (slotDateClicked) {
-                    this.viewState.navigateTo({ viewName: 'day', date: toLocalDate(slot.start) });
-                    return;
-                }
                 this.zone.run(() => {
                     const moreEventsEvent = new MoreEventsClickEvent();
                     const filterSlotEvents = (isHidden) => range.items
@@ -15623,11 +15603,22 @@ class MonthViewRendererComponent extends BaseView {
                     moreEventsEvent.date = toLocalDate(slot.start);
                     this.moreEventsClick.emit(moreEventsEvent);
                     if (!moreEventsEvent.isDefaultPrevented()) {
-                        slot.showPopover();
+                        this.popoverContainer.hide();
+                        this.setPopoverData(slot);
+                        this.popoverContainer.show(moreBtn);
                     }
                 });
                 return;
             }
+            const navDay = closestInScope(e.target, node => hasClasses(node, 'k-nav-day'), this.element.nativeElement);
+            if (navDay) {
+                const eventSlot = closestInScope(navDay, node => node.hasAttribute('data-slot-index'), this.element.nativeElement);
+                if (eventSlot) {
+                    const slot = this.slotService.slotByIndex(eventSlot.getAttribute('data-slot-index'));
+                    this.viewState.navigateTo({ viewName: 'day', date: toLocalDate(slot.start) });
+                    return;
+                }
+            }
         }
         super.onClick(e, eventType);
     }
@@ -15707,10 +15698,70 @@ class MonthViewRendererComponent extends BaseView {
         }
         return weeks;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: PDFService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
+    collectMoreButtons() {
+        const buttons = [];
+        const message = this.localization.get('moreEvents');
+        this.slotService.forEachSlot((slot) => {
+            if (slot.showMoreButton) {
+                const count = String(slot.hiddenCount);
+                buttons.push({
+                    width: slot.moreEventsWidth,
+                    left: slot.moreEventsLeft,
+                    top: slot.moreEventsTop,
+                    text: message.replace('{count}', count),
+                    ariaLabel: (this.localization.get('moreEventsLabel')).replace('{count}', count),
+                    resourceIndex: slot.id?.resourceIndex ?? 0,
+                    slotIndex: slot.slotIndex
+                });
+            }
+        });
+        this.moreButtons = buttons;
+        this.cdr.detectChanges();
+        this.reorderButtonsFocus();
+    }
+    reorderButtonsFocus() {
+        const contentEl = this.element.nativeElement.querySelector('.k-scheduler-content');
+        if (!contentEl) {
+            return;
+        }
+        const buttonEls = contentEl.querySelectorAll('.k-more-events');
+        buttonEls.forEach((btnEl) => {
+            const slotIndex = btnEl.getAttribute('data-slot-index');
+            if (!slotIndex) {
+                return;
+            }
+            const slot = this.slotService.slotByIndex(slotIndex);
+            if (!slot) {
+                return;
+            }
+            // Find the last visible event that intersects this slot
+            let lastEvent;
+            const events = this.eventElements?.toArray() || [];
+            for (const event of events) {
+                if (event.item.data[event.resourceIndex]?.hidden) {
+                    continue;
+                }
+                if (event.resourceIndex !== slot.id.resourceIndex) {
+                    continue;
+                }
+                if (intersects(event.item.startTime, event.item.endTime, slot.start, slot.end)) {
+                    lastEvent = event;
+                }
+            }
+            if (!lastEvent) {
+                return;
+            }
+            const btnFocusable = this.focusService.getFocusableByElement(btnEl);
+            const eventFocusable = this.focusService.getFocusableByElement(lastEvent.nativeElement);
+            if (btnFocusable && eventFocusable) {
+                this.focusService.moveAfter(btnFocusable, eventFocusable);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: PDFService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarService }, { token: FocusService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: MonthViewRendererComponent, isStandalone: true, selector: "month-view", inputs: { hiddenDays: "hiddenDays", monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents", type: "type", eventsPerDay: "eventsPerDay", adaptiveSlotHeight: "adaptiveSlotHeight", numberOfWeeks: "numberOfWeeks", newRange: "newRange", dateRangeFn: "dateRangeFn" }, outputs: { moreEventsClick: "moreEventsClick" }, providers: [
             MonthSlotService
-        ], viewQueries: [{ propertyName: "eventElements", predicate: MonthViewItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "popoverContainer", first: true, predicate: PopoverContainerDirective, descendants: true }, { propertyName: "eventElements", predicate: MonthViewItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout k-scheduler-monthview" role="none">
           <tbody>
             <tr class="k-scheduler-head">
@@ -15805,6 +15856,10 @@ class MonthViewRendererComponent extends BaseView {
                   class="k-scheduler-content"
                   tabindex="0"
                   #content
+                  kendoPopoverContainer
+                  [popover]="eventsPopoverComp.popover"
+                  filter=".k-more-events"
+                  showOn="none"
                   [style.overflowY]="'auto'">
                   <!-- Main content -->
                   <table class="k-scheduler-table" [class.k-scheduler-table-auto]="adaptiveSlotHeight" #contentTable>
@@ -15817,8 +15872,6 @@ class MonthViewRendererComponent extends BaseView {
                                 <td
                                   [monthSlot]="day"
                                   [moreEvents]="moreEventsByIndex(rangeIndex, index)"
-                                  [eventClass]="eventClass"
-                                  [eventStyles]="eventStyles"
                                   [eventHeight]="eventHeight"
                                   [eventsPerDay]="eventsPerDay"
                                   [adaptiveSlotHeight]="adaptiveSlotHeight"
@@ -15864,6 +15917,22 @@ class MonthViewRendererComponent extends BaseView {
                       </div>
                     }
                   }
+                  @for (btn of moreButtons; track itemIndex($index, btn)) {
+                    <button
+                      kendoButton 
+                      [kendoSchedulerFocusIndex]="btn.resourceIndex"
+                      [attr.data-slot-index]="btn.slotIndex"
+                      [attr.aria-label]="btn.ariaLabel"
+                      class="k-more-events"
+                      size="xsmall"
+                      themeColor="primary"
+                      fillMode="flat"
+                      [style.width.px]="btn.width"
+                      [style.left.px]="btn.left"
+                      [style.top.px]="btn.top">
+                        {{ btn.text }}
+                    </button>
+                  }
                   <kendo-hint-container #hintContainer>
                     <ng-template>
                       @for (hint of dragHints; track itemIndex($index, hint)) {
@@ -15889,12 +15958,21 @@ class MonthViewRendererComponent extends BaseView {
                       }
                     </ng-template>
                   </kendo-hint-container>
+                  <kendo-scheduler-events-popover
+                      #eventsPopoverComp
+                      [date]="popoverDate"
+                      [events]="popoverEvents"
+                      [eventClass]="eventClass"
+                      [eventStyles]="eventStyles"
+                      [noEventsMessage]="localization.get('yearViewNoEvents')"
+                      (navigateToDay)="onPopoverNavigateToDay($event)">
+                  </kendo-scheduler-events-popover>
                 </div>
               </td>
             </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", "eventClass", "eventStyles", "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: "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"], outputs: ["navigateToDay"] }, { 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
             type: Component,
@@ -15998,6 +16076,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                   class="k-scheduler-content"
                   tabindex="0"
                   #content
+                  kendoPopoverContainer
+                  [popover]="eventsPopoverComp.popover"
+                  filter=".k-more-events"
+                  showOn="none"
                   [style.overflowY]="'auto'">
                   <!-- Main content -->
                   <table class="k-scheduler-table" [class.k-scheduler-table-auto]="adaptiveSlotHeight" #contentTable>
@@ -16010,8 +16092,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                                 <td
                                   [monthSlot]="day"
                                   [moreEvents]="moreEventsByIndex(rangeIndex, index)"
-                                  [eventClass]="eventClass"
-                                  [eventStyles]="eventStyles"
                                   [eventHeight]="eventHeight"
                                   [eventsPerDay]="eventsPerDay"
                                   [adaptiveSlotHeight]="adaptiveSlotHeight"
@@ -16057,6 +16137,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                       </div>
                     }
                   }
+                  @for (btn of moreButtons; track itemIndex($index, btn)) {
+                    <button
+                      kendoButton 
+                      [kendoSchedulerFocusIndex]="btn.resourceIndex"
+                      [attr.data-slot-index]="btn.slotIndex"
+                      [attr.aria-label]="btn.ariaLabel"
+                      class="k-more-events"
+                      size="xsmall"
+                      themeColor="primary"
+                      fillMode="flat"
+                      [style.width.px]="btn.width"
+                      [style.left.px]="btn.left"
+                      [style.top.px]="btn.top">
+                        {{ btn.text }}
+                    </button>
+                  }
                   <kendo-hint-container #hintContainer>
                     <ng-template>
                       @for (hint of dragHints; track itemIndex($index, hint)) {
@@ -16082,6 +16178,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                       }
                     </ng-template>
                   </kendo-hint-container>
+                  <kendo-scheduler-events-popover
+                      #eventsPopoverComp
+                      [date]="popoverDate"
+                      [events]="popoverEvents"
+                      [eventClass]="eventClass"
+                      [eventStyles]="eventStyles"
+                      [noEventsMessage]="localization.get('yearViewNoEvents')"
+                      (navigateToDay)="onPopoverNavigateToDay($event)">
+                  </kendo-scheduler-events-popover>
                 </div>
               </td>
             </tr>
@@ -16089,9 +16194,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         </table>
         `,
                     standalone: true,
-                    imports: [NgTemplateOutlet, NgClass, MonthSlotComponent, MonthViewItemComponent, NgStyle, FocusableDirective, HintContainerComponent, ResizeHintComponent, RepeatPipe, ResourceIteratorPipe, DatePipe, AsyncPipe]
+                    imports: [NgTemplateOutlet, NgClass, MonthSlotComponent, MonthViewItemComponent, NgStyle, FocusableDirective, HintContainerComponent, ResizeHintComponent, RepeatPipe, ResourceIteratorPipe, DatePipe, AsyncPipe, PopoverContainerDirective, EventsPopoverComponent, ButtonComponent]
                 }]
-        }], ctorParameters: () => [{ type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: PDFService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarService }], propDecorators: { hiddenDays: [{
+        }], ctorParameters: () => [{ type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: PDFService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarService }, { type: FocusService }], propDecorators: { hiddenDays: [{
                 type: Input
             }], monthDaySlotTemplate: [{
                 type: Input
@@ -16114,6 +16219,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             }], eventElements: [{
                 type: ViewChildren,
                 args: [MonthViewItemComponent]
+            }], popoverContainer: [{
+                type: ViewChild,
+                args: [PopoverContainerDirective]
             }] } });
 
 /**
@@ -17206,6 +17314,7 @@ class SlotRange {
         }));
         addMinHeightOverflowEvents(sorted, slots, slotItems);
         const slotKeys = Object.keys(slotItems);
+        slotKeys.forEach(key => { slotItems[key].slot.columns = undefined; });
         initTimeColumns(slotKeys, slotItems);
         slotKeys.forEach((key) => {
             const { slot, events } = slotItems[key];
@@ -17744,7 +17853,7 @@ class DayTimeViewItemComponent extends BaseViewItem {
           </span>
         }
 
-        @if (resizable && vertical) {
+        @if (resizable && vertical && !isReadonly) {
           @if (!item.tail) {
             <span class="k-resize-handle k-resize-n"></span>
           }
@@ -17826,7 +17935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           </span>
         }
 
-        @if (resizable && vertical) {
+        @if (resizable && vertical && !isReadonly) {
           @if (!item.tail) {
             <span class="k-resize-handle k-resize-n"></span>
           }
@@ -20185,7 +20294,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
     viewName = 'timeline';
     verticalResourceRows;
     get classNames() {
-        return `k-scheduler-${this.viewName}-view`;
+        return `k-scheduler-${this.viewName}view`;
     }
     get contentWidthPercentage() {
         const expectedWidth = this.columnWidth * this.slotsCount;
@@ -22387,6 +22496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             }] } });
 
 const isContentWrapper = element => hasClasses(element, 'k-scheduler-content');
+const isArrowKeyHandledBySegmentedControl = (e) => e.defaultPrevented && Boolean(closest(e.target, node => hasClasses(node, 'k-segmented-control')));
 const CALENDAR_TAG = 'KENDO-CALENDAR-HORIZONTAL';
 /**
  * @hidden
@@ -22487,7 +22597,8 @@ class ShortcutsDirective {
         }, {
             match: e => {
                 const code = normalizeKeys(e);
-                return (code === Keys.ArrowUp || code === Keys.ArrowLeft) && noModifiers(e) && !isContentWrapper(e.target);
+                return (code === Keys.ArrowUp || code === Keys.ArrowLeft) && noModifiers(e) &&
+                    !isContentWrapper(e.target) && !isArrowKeyHandledBySegmentedControl(e);
             },
             action: e => {
                 //use the MultiViewCalendar navigation for Year View
@@ -22513,7 +22624,8 @@ class ShortcutsDirective {
         }, {
             match: e => {
                 const code = normalizeKeys(e);
-                return (code === Keys.ArrowDown || code === Keys.ArrowRight) && noModifiers(e) && !isContentWrapper(e.target);
+                return (code === Keys.ArrowDown || code === Keys.ArrowRight) && noModifiers(e) &&
+                    !isContentWrapper(e.target) && !isArrowKeyHandledBySegmentedControl(e);
             },
             action: e => {
                 //use the MultiViewCalendar navigation for Year View