@progress/kendo-angular-scheduler 21.4.0-develop.1 → 21.4.0-develop.3

package/esm2022/events/more-events-click.mjs

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from './preventable-event';
+/**
+ * Represents the arguments for the `moreEventsClick` event.
+ */
+export class MoreEventsClickEvent extends PreventableEvent {
+    /**
+     * The events that are displayed in the day slot.
+     */
+    displayedEvents;
+    /**
+     * The events that are hidden from the day slot.
+     */
+    moreEvents;
+    /**
+     * @hidden
+     */
+    constructor() {
+        super();
+    }
+}

package/esm2022/events/navigate-event.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from '@progress/kendo-angular-dateinputs';
+import { PreventableEvent } from './preventable-event';
 /**
  * Represents the arguments for the `navigate` event.
  */

package/esm2022/events.mjs

@@ -20,6 +20,7 @@ export { DragEvent } from './events/drag-event';
 export { DragEndEvent } from './events/drag-end-event';
 export { EditEvent } from './events/edit-event';
 export { AddEvent } from './events/add-event';
+export { MoreEventsClickEvent } from './events/more-events-click';
 export { SlotDragStartEvent } from './events/slot-drag-start-event';
 export { SlotDragEvent } from './events/slot-drag-event';
 export { SlotDragEndEvent } from './events/slot-drag-end-event';

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1765536541,
-    version: '21.4.0-develop.1',
+    publishDate: 1765793778,
+    version: '21.4.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/scheduler.component.mjs

@@ -312,6 +312,13 @@ export class SchedulerComponent {
      * The function returns a value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
      */
     eventStyles;
+    /**
+     * Specifies the days that will be hidden from the view.
+     * Applies to **Week**, **MultiWeek**, **WorkWeek**, **Month**, **MultiDay**, **TimeLineWeek**, **TimeLineMonth**, and **Agenda** views.
+     * Accepts an array of `Day` enum values.
+     *
+     */
+    hiddenDays;
     /**
      * A callback that is executed for each slot of the Scheduler view.
      * If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
@@ -680,7 +687,7 @@ export class SchedulerComponent {
             'group', 'resources', 'min', 'max', 'showWorkHours', 'startTime', 'scrollTime', 'endTime', 'eventHeight',
             'workDayStart', 'workDayEnd', 'workWeekStart', 'workWeekEnd', 'weekStart', 'slotDuration', 'slotDivisions',
             'editable', 'timezone', 'slotClass', 'slotFill', 'columnWidth', 'eventClass', 'eventStyles', 'isSlotSelected',
-            'selectable', 'allDaySlot', 'showToolbar', 'showFooter'
+            'selectable', 'allDaySlot', 'showToolbar', 'showFooter', 'hiddenDays'
         ], changes)) {
             this.notifyOptionsChange(changes);
         }
@@ -943,6 +950,7 @@ export class SchedulerComponent {
             columnWidth: this.columnWidth,
             eventClass: this.eventClass,
             eventStyles: this.eventStyles,
+            hiddenDays: this.hiddenDays,
             isSlotSelected: this.isSlotSelected,
             changes: changes
         });
@@ -1068,7 +1076,7 @@ export class SchedulerComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SchedulerComponent, deps: [{ token: i0.ElementRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.EditService }, { token: i4.DialogsService }, { token: i5.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i6.PDFService }, { token: i7.LocalizationService }, { token: i8.DomEventsService }, { token: i0.Renderer2 }, { token: i9.FocusService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SchedulerComponent, isStandalone: true, selector: "kendo-scheduler", inputs: { selectedViewIndex: "selectedViewIndex", editable: "editable", selectable: "selectable", min: "min", max: "max", eventHeight: "eventHeight", columnWidth: "columnWidth", showWorkHours: "showWorkHours", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", weekStart: "weekStart", slotDuration: "slotDuration", slotDivisions: "slotDivisions", slotFill: "slotFill", allDaySlot: "allDaySlot", scrollTime: "scrollTime", group: "group", resources: "resources", loading: "loading", timezone: "timezone", events: "events", selectedDate: "selectedDate", modelFields: "modelFields", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents", showToolbar: "showToolbar", showFooter: "showFooter", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", isSlotSelected: "isSlotSelected" }, outputs: { selectedViewIndexChange: "selectedViewIndexChange", navigate: "navigate", dateChange: "dateChange", slotClick: "slotClick", slotDblClick: "slotDblClick", create: "create", eventClick: "eventClick", eventDblClick: "eventDblClick", eventKeydown: "eventKeydown", cancel: "cancel", save: "save", remove: "remove", resizeStart: "resizeStart", resize: "resize", resizeEnd: "resizeEnd", dragStart: "dragStart", drag: "drag", dragEnd: "dragEnd", slotDragStart: "slotDragStart", slotDrag: "slotDrag", slotDragEnd: "slotDragEnd", pdfExport: "pdfExport", schedulerResize: "schedulerResize" }, host: { properties: { "class.k-scheduler": "this.hostClasses", "attr.role": "this.ariaRole", "class.k-rtl": "this.rtl", "attr.dir": "this.dir" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SchedulerComponent, isStandalone: true, selector: "kendo-scheduler", inputs: { selectedViewIndex: "selectedViewIndex", editable: "editable", selectable: "selectable", min: "min", max: "max", eventHeight: "eventHeight", columnWidth: "columnWidth", showWorkHours: "showWorkHours", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", weekStart: "weekStart", slotDuration: "slotDuration", slotDivisions: "slotDivisions", slotFill: "slotFill", allDaySlot: "allDaySlot", scrollTime: "scrollTime", group: "group", resources: "resources", loading: "loading", timezone: "timezone", events: "events", selectedDate: "selectedDate", modelFields: "modelFields", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents", showToolbar: "showToolbar", showFooter: "showFooter", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", hiddenDays: "hiddenDays", isSlotSelected: "isSlotSelected" }, outputs: { selectedViewIndexChange: "selectedViewIndexChange", navigate: "navigate", dateChange: "dateChange", slotClick: "slotClick", slotDblClick: "slotDblClick", create: "create", eventClick: "eventClick", eventDblClick: "eventDblClick", eventKeydown: "eventKeydown", cancel: "cancel", save: "save", remove: "remove", resizeStart: "resizeStart", resize: "resize", resizeEnd: "resizeEnd", dragStart: "dragStart", drag: "drag", dragEnd: "dragEnd", slotDragStart: "slotDragStart", slotDrag: "slotDrag", slotDragEnd: "slotDragEnd", pdfExport: "pdfExport", schedulerResize: "schedulerResize" }, host: { properties: { "class.k-scheduler": "this.hostClasses", "attr.role": "this.ariaRole", "class.k-rtl": "this.rtl", "attr.dir": "this.dir" } }, providers: [
             EditService,
             DialogsService,
             DomEventsService,
@@ -1866,6 +1874,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], eventStyles: [{
                 type: Input
+            }], hiddenDays: [{
+                type: Input
             }], isSlotSelected: [{
                 type: Input
             }], selectedViewIndexChange: [{

package/esm2022/views/agenda/agenda-view-internal.component.mjs

@@ -37,6 +37,7 @@ export class AgendaViewInternalComponent {
     pdfService;
     localization;
     selectedDate;
+    hiddenDays;
     eventTemplate;
     slotClass;
     eventClass;
@@ -106,7 +107,7 @@ export class AgendaViewInternalComponent {
         this.subs.add(this.pdfService.createElement.subscribe(this.createPDFElement.bind(this)));
     }
     ngOnChanges(changes) {
-        if (anyChanged(['selectedDateFormat', 'selectedShortDateFormat', 'numberOfDays'], changes)) {
+        if (anyChanged(['selectedDateFormat', 'selectedShortDateFormat', 'numberOfDays', 'hiddenDays'], changes)) {
             this.viewState.notifyDateRange(this.dateRange(this.selectedDate));
         }
     }
@@ -220,7 +221,8 @@ export class AgendaViewInternalComponent {
             resourceGroups,
             allResources: this.resources,
             spans: this.spans,
-            dateRange: this.range
+            dateRange: this.range,
+            hiddenDays: this.hiddenDays
         });
         return eventGroups;
     }
@@ -334,7 +336,7 @@ export class AgendaViewInternalComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AgendaViewInternalComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i4.PDFService }, { token: i5.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AgendaViewInternalComponent, isStandalone: true, selector: "agenda-view-internal", inputs: { eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, viewQueries: [{ propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true, read: ElementRef, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AgendaViewInternalComponent, isStandalone: true, selector: "agenda-view-internal", inputs: { hiddenDays: "hiddenDays", eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, viewQueries: [{ propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true, read: ElementRef, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout k-scheduler-agendaview" role="grid">
             <tbody role="none">
                 <tr class="k-scheduler-head">
@@ -393,7 +395,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     standalone: true,
                     imports: [AgendaHeaderComponent, AgendaListComponent, AsyncPipe]
                 }]
-        }], ctorParameters: () => [{ type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i4.PDFService }, { type: i5.LocalizationService }], propDecorators: { eventTemplate: [{
+        }], ctorParameters: () => [{ type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i4.PDFService }, { type: i5.LocalizationService }], propDecorators: { hiddenDays: [{
+                type: Input
+            }], eventTemplate: [{
                 type: Input
             }], slotClass: [{
                 type: Input

package/esm2022/views/agenda/agenda-view.component.mjs

@@ -74,6 +74,7 @@ export class AgendaViewComponent extends ConfigurationViewBase {
         <ng-template #content>
             <agenda-view-internal
                 [numberOfDays]="numberOfDays"
+                [hiddenDays]="viewHiddenDays"
                 [eventTemplate]="eventTemplate?.templateRef"
                 [slotClass]="viewSlotClass"
                 [eventClass]="viewEventClass"
@@ -84,7 +85,7 @@ export class AgendaViewComponent extends ConfigurationViewBase {
                 [selectedShortDateFormat]="selectedShortDateFormat">
             </agenda-view-internal>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: AgendaViewInternalComponent, selector: "agenda-view-internal", inputs: ["eventTemplate", "slotClass", "eventClass", "eventStyles", "agendaTimeTemplate", "agendaDateTemplate", "selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: AgendaViewInternalComponent, selector: "agenda-view-internal", inputs: ["hiddenDays", "eventTemplate", "slotClass", "eventClass", "eventStyles", "agendaTimeTemplate", "agendaDateTemplate", "selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AgendaViewComponent, decorators: [{
             type: Component,
@@ -99,6 +100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <ng-template #content>
             <agenda-view-internal
                 [numberOfDays]="numberOfDays"
+                [hiddenDays]="viewHiddenDays"
                 [eventTemplate]="eventTemplate?.templateRef"
                 [slotClass]="viewSlotClass"
                 [eventClass]="viewEventClass"

package/esm2022/views/agenda/tasks.collection.mjs

@@ -19,6 +19,10 @@ function flattenGroupsAndAddIds(scope) {
     return function* flattenGroups(groups) {
         for (let index = 0; index < groups.length; index++) {
             const groupItem = groups[index];
+            const dayOfWeek = groupItem.items[0]?.startDate?.getDay();
+            if (scope.hiddenDays?.includes(dayOfWeek)) {
+                continue;
+            }
             yield {
                 type: "group",
                 dataItem: groupItem,
@@ -56,13 +60,15 @@ export class TaskCollection {
     end;
     events;
     counter; // used to give unique ids to event elements
+    hiddenDays;
     static empty() {
         return (new EmptyIterator());
     }
-    constructor(start, end, events) {
+    constructor(start, end, events, hiddenDays) {
         this.start = start;
         this.end = end;
         this.events = events;
+        this.hiddenDays = hiddenDays || [];
         this.counter = seed;
         seed++;
         this.createIterator = compose(flattenGroupsAndAddIds(this), processEvents(this.start, this.end));

package/esm2022/views/agenda/utils.mjs

@@ -148,7 +148,7 @@ function groupByResource(groupedResources, resourceGroups, dateRange) {
 /**
  * @hidden
  */
-export function groupEvents(items, { taskResources, resourceGroups, spans, allResources, dateRange }) {
+export function groupEvents(items, { taskResources, resourceGroups, spans, allResources, dateRange, hiddenDays }) {
     const groups = resourceGroups || [{}];
     const periodStart = toUTCDate(dateRange.start);
     const periodEnd = toUTCDate(dateRange.end);
@@ -171,6 +171,6 @@ export function groupEvents(items, { taskResources, resourceGroups, spans, allRe
     if (resourceGroups) {
         return groupByResource(taskResources, groups, dateRange);
     }
-    groups[0].tasks = new TaskCollection(periodStart, periodEnd, splitTasks(periodStart, periodEnd, groups[0].tasks || []));
+    groups[0].tasks = new TaskCollection(periodStart, periodEnd, splitTasks(periodStart, periodEnd, groups[0].tasks || []), hiddenDays);
     return groups;
 }

package/esm2022/views/common/configuration-view-base.mjs

@@ -22,6 +22,16 @@ export class ConfigurationViewBase extends SchedulerView {
     changeDetector;
     viewContext;
     viewState;
+    /**
+     * Specifies the days that will be hidden from the view.
+     * Accepts an array of `Day` enum values.
+    **/
+    set hiddenDays(_hiddenDays) {
+        this._hiddenDays = _hiddenDays;
+    }
+    get hiddenDays() {
+        return this._hiddenDays;
+    }
     /**
      * Defines a function that is executed for every slot in the view.
      * The function returns a value which is supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']) [see example](slug:styling_scheduler#slot-styling).
@@ -93,8 +103,16 @@ export class ConfigurationViewBase extends SchedulerView {
     get viewWeekStart() {
         return this.schedulerOptions.weekStart;
     }
+    /**
+     * @hidden
+     */
+    get viewHiddenDays() {
+        const result = isPresent(this.hiddenDays) ? this.hiddenDays : (this.schedulerOptions.hiddenDays);
+        return result;
+    }
     subs;
     schedulerOptions = {};
+    _hiddenDays;
     constructor(localization, changeDetector, viewContext, viewState) {
         super();
         this.localization = localization;
@@ -118,11 +136,13 @@ export class ConfigurationViewBase extends SchedulerView {
     }
     _showToolbar;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfigurationViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ConfigurationViewBase, inputs: { slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", highlightOngoingEvents: "highlightOngoingEvents", showToolbar: "showToolbar" }, queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ConfigurationViewBase, inputs: { hiddenDays: "hiddenDays", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", highlightOngoingEvents: "highlightOngoingEvents", showToolbar: "showToolbar" }, queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfigurationViewBase, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }], propDecorators: { slotClass: [{
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }], propDecorators: { hiddenDays: [{
+                type: Input
+            }], slotClass: [{
                 type: Input
             }], eventClass: [{
                 type: Input

package/esm2022/views/common/slot-selectable.directive.mjs

@@ -51,7 +51,7 @@ export class SlotSelectableDirective {
         this.cdr = cdr;
         this.scheduler.selectable = true;
         this.subscriptions.add(this.slotSelectionChangeSource
-            .pipe(distinctUntilChanged(isSameRange)).subscribe((v) => {
+            .pipe(distinctUntilChanged((range1, range2) => isSameRange(range1, range2, this.scheduler.resources))).subscribe((v) => {
             this.slotSelectionChange.emit(v);
         }));
         const start$ = this.scheduler.slotDragStart;
@@ -85,7 +85,7 @@ export class SlotSelectableDirective {
         if (!start || !end || !this.selectedRange) {
             return false;
         }
-        const match = resourcesMatch(this.selectedRange.resources, resources);
+        const match = resourcesMatch(this.selectedRange.resources, resources, this.scheduler.resources);
         if (!match) {
             return false; // Limit selection to the grouped resource where the drag started.
         }
@@ -97,7 +97,7 @@ export class SlotSelectableDirective {
         this.cdr.markForCheck();
     }
     onDrag({ start, end, resources }) {
-        const match = resourcesMatch(this.selectionOriginResources, resources);
+        const match = resourcesMatch(this.selectionOriginResources, resources, this.scheduler.resources);
         if (!match) {
             return; // Don't change selection when dragging over a different grouped resource's cells.
         }

package/esm2022/views/day-time/day-time-slot.service.mjs

@@ -426,6 +426,7 @@ export class DayTimeResourceGroup {
  * @hidden
  */
 export class DayTimeSlotService extends BaseSlotService {
+    hiddenDays = [];
     layoutDays(eventHeight = 25) {
         this.groups.forEach((group) => group.forEachDateRange(range => range?.slots.forEach(slot => {
             slot.element.nativeElement.style.height = '';

package/esm2022/views/day-time/day-time-view.component.mjs

@@ -6,7 +6,7 @@ import { Input, TemplateRef, ViewChildren, QueryList, ElementRef, ChangeDetector
 import { isChanged, isDocumentAvailable, ScrollbarWidthService } from '@progress/kendo-angular-common';
 import { addDays, getDate, ZonedDate } from '@progress/kendo-date-math';
 import { fromEvent } from 'rxjs';
-import { toInvariantTime, dateInRange, setCoordinates, dateWithTime, toUTCTime, toUTCDateTime } from '../utils';
+import { toInvariantTime, dateInRange, setCoordinates, dateWithTime, toUTCTime, toUTCDateTime, allDaysHidden } from '../utils';
 import { createTimeSlots } from './utils';
 import { DayTimeSlotService } from './day-time-slot.service';
 import { ViewContextService } from '../view-context.service';
@@ -89,6 +89,7 @@ export class DayTimeViewComponent extends BaseView {
     currentDate;
     verticalTime = true;
     initialUpdate = true;
+    dates = [];
     constructor(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollBarWidthService) {
         super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
         this.changeDetector = changeDetector;
@@ -147,7 +148,7 @@ export class DayTimeViewComponent extends BaseView {
         let date;
         if (typeof time === 'string') {
             const scrollDate = this.intl.parseDate(time);
-            if (!scrollDate) {
+            if (!(scrollDate && this.daySlots[0]?.start)) {
                 return;
             }
             date = toUTCTime(this.daySlots[0].start, scrollDate);
@@ -315,19 +316,31 @@ export class DayTimeViewComponent extends BaseView {
         const shortText = this.intl.format(this.selectedShortDateFormat, start, rangeEnd);
         return { start, end, text, shortText };
     }
-    createDaySlots() {
+    createDaySlots(multiDayEnd) {
+        if (!multiDayEnd) {
+            this.dates = [];
+        }
         let current = this.getStartDate(this.selectedDate);
-        const end = this.getEndDate(current, this.numberOfDays);
-        const dates = [];
+        const end = multiDayEnd || this.getEndDate(current, this.numberOfDays);
+        const hiddenDays = this.slotService.hiddenDays;
         while (current < end) {
             const next = addDays(current, 1);
-            dates.push({
-                start: current,
-                end: next
-            });
+            const isTimelineView = this.name === 'timelineWeek' || this.name === 'timelineMonth';
+            const isDisplayedDay = hiddenDays.indexOf(current.getDay()) === -1;
+            const hasSpace = isTimelineView || this.dates.length < this.numberOfDays;
+            if (isDisplayedDay && hasSpace) {
+                this.dates.push({
+                    start: current,
+                    end: next
+                });
+            }
             current = next;
         }
-        return dates;
+        if (this.name === 'multiDay' && !allDaysHidden(hiddenDays) && this.dates.length < this.numberOfDays) {
+            const updatedEnd = addDays(end, this.numberOfDays - this.dates.length);
+            return this.createDaySlots(updatedEnd);
+        }
+        return this.dates;
     }
     createTimeSlots() {
         return createTimeSlots(this.intl, {

package/esm2022/views/month/month-view-renderer.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, NgZone, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, QueryList, ViewChildren } from '@angular/core';
+import { Component, Input, NgZone, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, QueryList, ViewChildren, Output, EventEmitter } from '@angular/core';
 import { IntlService, DatePipe } from '@progress/kendo-angular-intl';
 import { isChanged, isDocumentAvailable, ScrollbarWidthService } from '@progress/kendo-angular-common';
 import { addDays, firstDayOfMonth, getDate, lastDayOfMonth, toLocalDate } from '@progress/kendo-date-math';
@@ -25,6 +25,7 @@ import { HintContainerComponent } from '../common/hint-container.component';
 import { FocusableDirective } from '../../navigation/focusable.directive';
 import { MonthSlotComponent } from './month-slot.component';
 import { NgTemplateOutlet, NgClass, NgStyle, AsyncPipe } from '@angular/common';
+import { MoreEventsClickEvent } from '../../events/more-events-click';
 import * as i0 from "@angular/core";
 import * as i1 from "../view-context.service";
 import * as i2 from "../view-state.service";
@@ -37,6 +38,7 @@ import * as i7 from "@progress/kendo-angular-common";
  * @hidden
  */
 export class MonthViewRendererComponent extends BaseView {
+    hiddenDays;
     monthDaySlotTemplate;
     highlightOngoingEvents;
     type;
@@ -54,6 +56,7 @@ export class MonthViewRendererComponent extends BaseView {
      * Determines the displayed date range and formats the selected date (for Month and Multi-Week views)
      */
     dateRangeFn;
+    moreEventsClick = new EventEmitter();
     resizeHintFormat = { skeleton: 'Md' };
     weeks = [];
     eventElements;
@@ -67,7 +70,7 @@ export class MonthViewRendererComponent extends BaseView {
         this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
     }
     ngOnChanges(changes) {
-        if (isChanged('weekStart', changes)) {
+        if (isChanged('weekStart', changes) || isChanged('hiddenDays', changes)) {
             this.onSelectDate(this.selectedDate);
         }
         super.ngOnChanges(changes);
@@ -144,7 +147,7 @@ export class MonthViewRendererComponent extends BaseView {
     }
     createTasks(items, dateRange) {
         this.weeks = this.createDaySlots(dateRange);
-        return createTasks(dateRange.start, dateRange.end, items, this.weeks);
+        return createTasks(dateRange.start, dateRange.end, items, this.weeks, this.hiddenDays);
     }
     onTasksChange() {
         updateTaskData(this.tasks);
@@ -172,8 +175,25 @@ export class MonthViewRendererComponent extends BaseView {
             if (eventSlot && navigateToDay) {
                 const index = eventSlot.getAttribute('data-slot-index');
                 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];
                 this.zone.run(() => {
-                    this.viewState.navigateTo({ viewName: 'day', date: toLocalDate(slot.start) });
+                    const moreEventsEvent = new MoreEventsClickEvent();
+                    const filterSlotEvents = (isHidden) => range.items
+                        .filter(viewItem => {
+                        const itemData = viewItem.item.data[resourceIndex];
+                        return itemData.hidden === isHidden &&
+                            viewItem.item.startTime < slot.end &&
+                            viewItem.item.endTime > slot.start;
+                    })
+                        .map(viewItem => viewItem.item.event);
+                    moreEventsEvent.displayedEvents = filterSlotEvents(false);
+                    moreEventsEvent.moreEvents = filterSlotEvents(true);
+                    this.moreEventsClick.emit(moreEventsEvent);
+                    if (!moreEventsEvent.isDefaultPrevented()) {
+                        this.viewState.navigateTo({ viewName: 'day', date: toLocalDate(slot.start) });
+                    }
                 });
                 return;
             }
@@ -248,14 +268,16 @@ export class MonthViewRendererComponent extends BaseView {
             const week = [];
             weeks.push(week);
             for (let dayIdx = 0; dayIdx < DAYS_IN_WEEK_COUNT; dayIdx++) {
-                week.push(date);
+                if ((this.hiddenDays || []).indexOf(date.getDay()) === -1) {
+                    week.push(date);
+                }
                 date = addDays(date, 1);
             }
         }
         return weeks;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MonthViewRendererComponent, isStandalone: true, selector: "month-view", inputs: { monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents", type: "type", eventsPerDay: "eventsPerDay", adaptiveSlotHeight: "adaptiveSlotHeight", numberOfWeeks: "numberOfWeeks", newRange: "newRange", dateRangeFn: "dateRangeFn" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: `
         <table class="k-scheduler-layout k-scheduler-monthview">
@@ -635,7 +657,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     standalone: true,
                     imports: [NgTemplateOutlet, NgClass, MonthSlotComponent, MonthViewItemComponent, NgStyle, FocusableDirective, HintContainerComponent, ResizeHintComponent, RepeatPipe, ResourceIteratorPipe, DatePipe, AsyncPipe]
                 }]
-        }], ctorParameters: () => [{ type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarWidthService }], propDecorators: { monthDaySlotTemplate: [{
+        }], ctorParameters: () => [{ type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarWidthService }], propDecorators: { hiddenDays: [{
+                type: Input
+            }], monthDaySlotTemplate: [{
                 type: Input
             }], highlightOngoingEvents: [{
                 type: Input
@@ -651,6 +675,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], dateRangeFn: [{
                 type: Input
+            }], moreEventsClick: [{
+                type: Output
             }], eventElements: [{
                 type: ViewChildren,
                 args: [MonthViewItemComponent]

package/esm2022/views/month/month-view.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ContentChild, forwardRef, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { Component, ContentChild, forwardRef, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { SchedulerView } from '../../types';
@@ -74,6 +74,12 @@ export class MonthViewComponent extends ConfigurationViewBase {
      * @default '{0:y}'
      */
     selectedShortDateFormat = '{0:y}';
+    /**
+     * Fires when the **more events** button in the Month view is clicked.
+     * Allows you to prevent the default navigation to the Day view or provide custom handling.
+     * The event provides arrays of `displayedEvents` and `moreEvents` for the clicked day.
+     */
+    moreEventsClick = new EventEmitter();
     monthDaySlotTemplate;
     /**
      * The invariant name for this view.
@@ -115,7 +121,7 @@ export class MonthViewComponent extends ConfigurationViewBase {
         return firstDayOfMonth(addMonths(date, direction));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MonthViewComponent, isStandalone: true, selector: "kendo-scheduler-month-view", inputs: { eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MonthViewComponent, isStandalone: true, selector: "kendo-scheduler-month-view", inputs: { eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, outputs: { moreEventsClick: "moreEventsClick" }, providers: [{
                 provide: SchedulerView,
                 useExisting: forwardRef(() => MonthViewComponent)
             }], queries: [{ propertyName: "monthDaySlotTemplate", first: true, predicate: MonthDaySlotTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
@@ -123,6 +129,7 @@ export class MonthViewComponent extends ConfigurationViewBase {
             <month-view
                 type="month"
                 [eventHeight]="viewEventHeight"
+                [hiddenDays]="viewHiddenDays"
                 [adaptiveSlotHeight]="adaptiveSlotHeight"
                 [eventsPerDay]="eventsPerDay"
                 [eventTemplate]="eventTemplate?.templateRef"
@@ -136,10 +143,11 @@ export class MonthViewComponent extends ConfigurationViewBase {
                 [highlightOngoingEvents]="viewHighlightOngoingEvents"
                 [weekStart]="viewWeekStart"
                 [dateRangeFn]="dateRange"
-                [newRange]="newRange">
+                [newRange]="newRange"
+                (moreEventsClick)="moreEventsClick.emit($event)">
             </month-view>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: MonthViewRendererComponent, selector: "month-view", inputs: ["monthDaySlotTemplate", "highlightOngoingEvents", "type", "eventsPerDay", "adaptiveSlotHeight", "numberOfWeeks", "newRange", "dateRangeFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: MonthViewRendererComponent, selector: "month-view", inputs: ["hiddenDays", "monthDaySlotTemplate", "highlightOngoingEvents", "type", "eventsPerDay", "adaptiveSlotHeight", "numberOfWeeks", "newRange", "dateRangeFn"], outputs: ["moreEventsClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonthViewComponent, decorators: [{
             type: Component,
@@ -155,6 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             <month-view
                 type="month"
                 [eventHeight]="viewEventHeight"
+                [hiddenDays]="viewHiddenDays"
                 [adaptiveSlotHeight]="adaptiveSlotHeight"
                 [eventsPerDay]="eventsPerDay"
                 [eventTemplate]="eventTemplate?.templateRef"
@@ -168,7 +177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 [highlightOngoingEvents]="viewHighlightOngoingEvents"
                 [weekStart]="viewWeekStart"
                 [dateRangeFn]="dateRange"
-                [newRange]="newRange">
+                [newRange]="newRange"
+                (moreEventsClick)="moreEventsClick.emit($event)">
             </month-view>
         </ng-template>
     `,
@@ -185,6 +195,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], selectedShortDateFormat: [{
                 type: Input
+            }], moreEventsClick: [{
+                type: Output
             }], monthDaySlotTemplate: [{
                 type: ContentChild,
                 args: [MonthDaySlotTemplateDirective, { static: false }]

package/esm2022/views/month/multi-week-view.component.mjs

@@ -128,6 +128,7 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
             <month-view
                 type="multiWeek"
                 [eventHeight]="viewEventHeight"
+                [hiddenDays]="viewHiddenDays"
                 [adaptiveSlotHeight]="adaptiveSlotHeight"
                 [eventsPerDay]="eventsPerDay"
                 [eventTemplate]="eventTemplate?.templateRef"
@@ -145,7 +146,7 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
                 [newRange]="newRange">
             </month-view>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: MonthViewRendererComponent, selector: "month-view", inputs: ["monthDaySlotTemplate", "highlightOngoingEvents", "type", "eventsPerDay", "adaptiveSlotHeight", "numberOfWeeks", "newRange", "dateRangeFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: MonthViewRendererComponent, selector: "month-view", inputs: ["hiddenDays", "monthDaySlotTemplate", "highlightOngoingEvents", "type", "eventsPerDay", "adaptiveSlotHeight", "numberOfWeeks", "newRange", "dateRangeFn"], outputs: ["moreEventsClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiWeekViewComponent, decorators: [{
             type: Component,
@@ -161,6 +162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             <month-view
                 type="multiWeek"
                 [eventHeight]="viewEventHeight"
+                [hiddenDays]="viewHiddenDays"
                 [adaptiveSlotHeight]="adaptiveSlotHeight"
                 [eventsPerDay]="eventsPerDay"
                 [eventTemplate]="eventTemplate?.templateRef"