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

package/esm2022/views/month/utils.mjs

@@ -9,7 +9,7 @@ const last = (arr) => arr[arr.length - 1];
 /**
  * @hidden
  */
-export const createTasks = (periodStart, periodEnd, items, ranges) => {
+export const createTasks = (periodStart, periodEnd, items, ranges, hiddenDays = []) => {
     const tasks = [];
     const utcStart = toUTCDate(periodStart);
     const utcEnd = toUTCDate(periodEnd);
@@ -22,6 +22,9 @@ export const createTasks = (periodStart, periodEnd, items, ranges) => {
         if (intersects(startTime, endTime, utcStart, utcEnd)) {
             for (let rangeIdx = 0; rangeIdx < ranges.length; rangeIdx++) {
                 const range = ranges[rangeIdx];
+                if (!range[0]) {
+                    continue;
+                }
                 const rangeStart = toUTCDate(range[0]);
                 const rangeEnd = addUTCDays(toUTCDate(last(range)), 1);
                 if (intersects(startTime, endTime, rangeStart, rangeEnd)) {
@@ -38,6 +41,12 @@ export const createTasks = (periodStart, periodEnd, items, ranges) => {
                     };
                     task.head = task.endTime > rangeEnd;
                     task.tail = task.startTime < rangeStart;
+                    if (hiddenDays.includes(task.endTime.getDay())) {
+                        task.head = true;
+                    }
+                    if (hiddenDays.includes(task.startTime.getDay())) {
+                        task.tail = true;
+                    }
                     let slotMatch;
                     range.forEach(slot => {
                         const slotStartTime = slot;
@@ -47,6 +56,27 @@ export const createTasks = (periodStart, periodEnd, items, ranges) => {
                         }
                     });
                     task.isMultiDay = task.event.end > slotMatch?.end || task.head || task.tail;
+                    const eventStart = task.event.start;
+                    const eventEnd = task.event.end;
+                    let sameDate = eventStart.getFullYear() === eventEnd.getFullYear() &&
+                        eventStart.getMonth() === eventEnd.getMonth() &&
+                        eventStart.getDate() === eventEnd.getDate();
+                    // Also treat as same date if end is at 00:00:00 the following day
+                    if (!sameDate &&
+                        eventEnd.getHours() === 0 &&
+                        eventEnd.getMinutes() === 0 &&
+                        eventEnd.getSeconds() === 0 &&
+                        eventEnd.getMilliseconds() === 0) {
+                        const nextDay = new Date(eventStart);
+                        nextDay.setDate(nextDay.getDate() + 1);
+                        sameDate = nextDay.getFullYear() === eventEnd.getFullYear() &&
+                            nextDay.getMonth() === eventEnd.getMonth() &&
+                            nextDay.getDate() === eventEnd.getDate();
+                    }
+                    // Skip task if it starts and ends on the same date and that date is a hidden day
+                    if (hiddenDays?.length > 0 && sameDate && hiddenDays.includes(eventStart.getDay())) {
+                        continue;
+                    }
                     tasks.push(task);
                 }
             }

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

@@ -68,6 +68,13 @@ export class DayViewComponent extends MultiDayViewBase {
      * @default 'day'
      */
     name = 'day';
+    /**
+     * @hidden
+     * Used to override the hiddenDays as this options is not applicable for Day view.
+     */
+    set hiddenDays(_hiddenDays) {
+        // no-op
+    }
     _selectedDateFormat = '{0:D}';
     _selectedShortDateFormat = '{0:d}';
     constructor(localization, changeDetector, viewContext, viewState) {
@@ -114,7 +121,7 @@ export class DayViewComponent extends MultiDayViewBase {
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
           }
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["hiddenDays", "allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayViewComponent, decorators: [{
             type: Component,

package/esm2022/views/multi-day/multi-day-view-renderer.component.mjs

@@ -13,7 +13,7 @@ import { DayTimeSlotService } from '../day-time/day-time-slot.service';
 import { createTasks, isMultiDay } from './utils';
 import { DayTimeViewComponent } from '../day-time/day-time-view.component';
 import { HintContainerComponent } from '../common/hint-container.component';
-import { toPx, dateWithTime, elementOffset, toUTCTime, toUTCDate } from '../utils';
+import { toPx, dateWithTime, elementOffset, toUTCTime, toUTCDate, allDaysHidden } from '../utils';
 import { PDFService } from '../../pdf/pdf.service';
 import { ResourceIteratorPipe } from '../common/resource-iterator.pipe';
 import { ResizeHintComponent } from '../common/resize-hint.component';
@@ -33,6 +33,7 @@ import * as i7 from "@progress/kendo-angular-common";
  * @hidden
  */
 export class MultiDayViewRendererComponent extends DayTimeViewComponent {
+    hiddenDays;
     allDaySlot;
     name = 'day';
     slotFill;
@@ -74,12 +75,16 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
         if (changes.slotFill) {
             this.changes.next(null);
         }
+        if (changes.hiddenDays) {
+            this.slotService.hiddenDays = this.hiddenDays || [];
+        }
         if (anyChanged(['startTime', 'endTime', 'showWorkHours', 'workDayStart',
             'workDayEnd', 'workWeekStart', 'workWeekEnd', 'allDaySlot'], changes)) {
             this.viewRangeChange.next(null);
         }
         if (isChanged('numberOfDays', changes, true /* skipFirstChange */) ||
-            isChanged('weekStart', changes)) {
+            isChanged('weekStart', changes) ||
+            isChanged('hiddenDays', changes)) {
             this.daySlots = this.createDaySlots();
             this.viewState.notifyDateRange(this.dateRange());
         }
@@ -110,6 +115,9 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
             });
         }
     }
+    isMiddleSlot(index) {
+        return index + 1 < this.timeSlots.length && !this.timeSlots[index + 1].isMajor;
+    }
     createTasks(items, dateRange) {
         const startTimeSlot = this.timeSlots[0];
         const endTimeSlot = this.timeSlots[this.timeSlots.length - 1].end;
@@ -118,13 +126,16 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
             start: toUTCTime(daySlot.start, startTimeSlot.start),
             end: nextDateEnd ? toUTCDate(daySlot.end) : toUTCTime(daySlot.start, endTimeSlot)
         }));
-        return createTasks(dateRange.start, dateRange.end, items, ranges);
+        return createTasks(dateRange.start, dateRange.end, items, ranges, this.hiddenDays || []);
     }
     onTasksChange() {
         this.items.next(this.tasks.filter(task => !task.isAllDay));
         this.allDayItems.next(this.tasks.filter(task => task.isAllDay));
     }
     reflow() {
+        if (allDaysHidden(this.hiddenDays)) {
+            return;
+        }
         const slotService = this.slotService;
         if (!this.verticalResources.length) {
             this.updateContentHeight();
@@ -245,11 +256,8 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
         }
         return 0;
     }
-    isMiddleSlot(index) {
-        return index + 1 < this.timeSlots.length && !this.timeSlots[index + 1].isMajor;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiDayViewRendererComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i6.PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultiDayViewRendererComponent, isStandalone: true, selector: "multi-day-view", inputs: { allDaySlot: "allDaySlot", name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultiDayViewRendererComponent, isStandalone: true, selector: "multi-day-view", inputs: { hiddenDays: "hiddenDays", allDaySlot: "allDaySlot", name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate" }, providers: [
             DayTimeSlotService
         ], viewQueries: [{ propertyName: "headerHintContainer", first: true, predicate: ["headerHintContainer"], descendants: true }, { propertyName: "dayCells", predicate: ["allDayCell"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout" role="presentation" [ngClass]="classNames">
@@ -973,7 +981,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     standalone: true,
                     imports: [NgClass, NgTemplateOutlet, DaySlotDirective, DayTimeViewItemComponent, NgStyle, FocusableDirective, HintContainerComponent, ResizeHintComponent, TimeSlotDirective, ResourceIteratorPipe, DatePipe, AsyncPipe]
                 }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i6.PDFService }, { type: i7.ScrollbarWidthService }], propDecorators: { allDaySlot: [{
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i6.PDFService }, { type: i7.ScrollbarWidthService }], propDecorators: { hiddenDays: [{
+                type: Input
+            }], allDaySlot: [{
                 type: Input
             }], name: [{
                 type: Input

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

@@ -55,6 +55,16 @@ export class MultiDayViewComponent extends DayViewComponent {
      * @default 1
      */
     numberOfDays = 1;
+    /**
+     * Specifies the days that will be hidden from the view.
+     * Accepts an array of `Day` enum values.
+    **/
+    set hiddenDays(value) {
+        this._hiddenDays = value;
+    }
+    get hiddenDays() {
+        return this._hiddenDays;
+    }
     /**
      * @hidden
      */
@@ -78,7 +88,7 @@ export class MultiDayViewComponent extends DayViewComponent {
         super(localization, changeDetector, viewContext, viewState);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiDayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultiDayViewComponent, isStandalone: true, selector: "kendo-scheduler-multi-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultiDayViewComponent, isStandalone: true, selector: "kendo-scheduler-multi-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays", hiddenDays: "hiddenDays" }, providers: [{
                 provide: SchedulerView,
                 useExisting: forwardRef(() => MultiDayViewComponent)
             }], usesInheritance: true, ngImport: i0, template: `
@@ -87,6 +97,7 @@ export class MultiDayViewComponent extends DayViewComponent {
             viewName="day"
             [allDaySlot]="allDaySlot"
             [name]="name"
+            [hiddenDays]="viewHiddenDays"
             [numberOfDays]="numberOfDays"
             [eventHeight]="viewEventHeight"
             [currentTimeMarker]="viewCurrentTimeMarker"
@@ -120,7 +131,7 @@ export class MultiDayViewComponent extends DayViewComponent {
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
           }
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["hiddenDays", "allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiDayViewComponent, decorators: [{
             type: Component,
@@ -137,6 +148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             viewName="day"
             [allDaySlot]="allDaySlot"
             [name]="name"
+            [hiddenDays]="viewHiddenDays"
             [numberOfDays]="numberOfDays"
             [eventHeight]="viewEventHeight"
             [currentTimeMarker]="viewCurrentTimeMarker"
@@ -180,4 +192,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], numberOfDays: [{
                 type: Input
+            }], hiddenDays: [{
+                type: Input
             }] } });

package/esm2022/views/multi-day/utils.mjs

@@ -13,7 +13,7 @@ export const isMultiDay = ({ start, end }) => {
 };
 //check start and times or update day ranges to have them
 /** @hidden */
-export const createTasks = (periodStart, periodEnd, items, ranges) => {
+export const createTasks = (periodStart, periodEnd, items, ranges, hiddenDays = []) => {
     const tasks = [];
     const utcStart = toUTCDate(periodStart);
     const utcEnd = toUTCDate(periodEnd);
@@ -49,6 +49,12 @@ export const createTasks = (periodStart, periodEnd, items, ranges) => {
                     const previousRange = ranges[rangeIndex - 1];
                     task.head = (nextRange ? nextRange.start : utcEnd) < endTime;
                     task.tail = startTime < (previousRange ? previousRange.end : utcStart);
+                    if (hiddenDays.includes(task.endTime.getDay())) {
+                        task.head = true;
+                    }
+                    if (hiddenDays.includes(task.startTime.getDay())) {
+                        task.tail = true;
+                    }
                 }
             }
         }

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

@@ -85,6 +85,7 @@ export class WeekViewComponent extends MultiDayViewBase {
             [name]="name"
             [allDaySlot]="viewAllDaySlot"
             [numberOfDays]="7"
+            [hiddenDays]="viewHiddenDays"
             [getStartDate]="getStartDate"
             [eventHeight]="viewEventHeight"
             [currentTimeMarker]="viewCurrentTimeMarker"
@@ -119,7 +120,7 @@ export class WeekViewComponent extends MultiDayViewBase {
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
           }
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["hiddenDays", "allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WeekViewComponent, decorators: [{
             type: Component,
@@ -136,6 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             [name]="name"
             [allDaySlot]="viewAllDaySlot"
             [numberOfDays]="7"
+            [hiddenDays]="viewHiddenDays"
             [getStartDate]="getStartDate"
             [eventHeight]="viewEventHeight"
             [currentTimeMarker]="viewCurrentTimeMarker"

package/esm2022/views/multi-day/work-week-view.component.mjs

@@ -77,6 +77,7 @@ export class WorkWeekViewComponent extends WeekViewComponent {
             [allDaySlot]="viewAllDaySlot"
             [name]="name"
             [numberOfDays]="numberOfDays"
+            [hiddenDays]="viewHiddenDays"
             [getStartDate]="getStartDate"
             [getNextDate]="getNextDate"
             [eventHeight]="viewEventHeight"
@@ -111,7 +112,7 @@ export class WorkWeekViewComponent extends WeekViewComponent {
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
           }
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["hiddenDays", "allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WorkWeekViewComponent, decorators: [{
             type: Component,
@@ -129,6 +130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             [allDaySlot]="viewAllDaySlot"
             [name]="name"
             [numberOfDays]="numberOfDays"
+            [hiddenDays]="viewHiddenDays"
             [getStartDate]="getStartDate"
             [getNextDate]="getNextDate"
             [eventHeight]="viewEventHeight"

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

@@ -112,6 +112,8 @@ export class TimelineMonthViewComponent extends TimelineBase {
           <timeline-multi-day-view
             viewName="timeline-month"
             [name]="name"
+            [hiddenDays]="viewHiddenDays"
+            [numberOfDays]="31 * numberOfMonths"
             [getNextDate]="getNextDate"
             [getStartDate]="getStartDate"
             [getEndDate]="getEndDate"
@@ -145,7 +147,7 @@ export class TimelineMonthViewComponent extends TimelineBase {
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
           }
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["hiddenDays", "name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
             type: Component,
@@ -161,6 +163,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <timeline-multi-day-view
             viewName="timeline-month"
             [name]="name"
+            [hiddenDays]="viewHiddenDays"
+            [numberOfDays]="31 * numberOfMonths"
             [getNextDate]="getNextDate"
             [getStartDate]="getStartDate"
             [getEndDate]="getEndDate"

package/esm2022/views/timeline/timeline-multi-day-view.component.mjs

@@ -12,7 +12,7 @@ import { createTasks, SortPipe } from './utils';
 import { toPx } from '../utils';
 import { DayTimeViewComponent } from '../day-time/day-time-view.component';
 import { PDFService } from '../../pdf/pdf.service';
-import { ScrollbarWidthService, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { ScrollbarWidthService, anyChanged, isDocumentAvailable } from '@progress/kendo-angular-common';
 import { ResourceIteratorPipe } from '../common/resource-iterator.pipe';
 import { ResizeHintComponent } from '../common/resize-hint.component';
 import { HintContainerComponent } from '../common/hint-container.component';
@@ -32,6 +32,7 @@ import * as i7 from "@progress/kendo-angular-common";
  * @hidden
  */
 export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
+    hiddenDays;
     name = 'timeline';
     columnWidth = 100;
     viewName = 'timeline';
@@ -54,6 +55,13 @@ export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
         if (changes.columnWidth) {
             this.changes.next(null);
         }
+        if (changes.hiddenDays) {
+            this.slotService.hiddenDays = this.hiddenDays || [];
+        }
+        if (anyChanged(['hiddenDays', 'numberOfDays'], changes)) {
+            this.daySlots = this.createDaySlots();
+            this.viewState.notifyDateRange(this.dateRange(this.selectedDate));
+        }
         super.ngOnChanges(changes);
     }
     reflow() {
@@ -113,7 +121,7 @@ export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
         this.headerWrap.nativeElement.scrollLeft = this.content.nativeElement.scrollLeft;
     }
     createTasks(items, dateRange) {
-        return createTasks(dateRange.start, dateRange.end, items);
+        return createTasks(dateRange.start, dateRange.end, items, this.hiddenDays || []);
     }
     onTasksChange() {
         this.items.next(this.tasks);
@@ -140,7 +148,7 @@ export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
         return this.headerWrap.nativeElement.querySelector('tr:last-child').offsetTop;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineMultiDayViewComponent, isStandalone: true, selector: "timeline-multi-day-view", inputs: { name: "name", columnWidth: "columnWidth", viewName: "viewName" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineMultiDayViewComponent, isStandalone: true, selector: "timeline-multi-day-view", inputs: { hiddenDays: "hiddenDays", name: "name", columnWidth: "columnWidth", viewName: "viewName" }, providers: [
             DayTimeSlotService
         ], viewQueries: [{ propertyName: "headerTable", first: true, predicate: ["headerTable"], descendants: true }, { propertyName: "verticalResourceRows", predicate: ["verticalResourceRows"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout" [ngClass]="classNames">
@@ -624,7 +632,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     standalone: true,
                     imports: [NgClass, NgTemplateOutlet, NgStyle, TimeSlotDirective, DayTimeViewItemComponent, FocusableDirective, HintContainerComponent, ResizeHintComponent, ResourceIteratorPipe, DatePipe, AsyncPipe, SortPipe]
                 }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i6.PDFService }, { type: i7.ScrollbarWidthService }], propDecorators: { name: [{
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i6.PDFService }, { type: i7.ScrollbarWidthService }], propDecorators: { hiddenDays: [{
+                type: Input
+            }], name: [{
                 type: Input
             }], columnWidth: [{
                 type: Input

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

@@ -81,6 +81,13 @@ export class TimelineViewComponent extends TimelineBase {
      * @default 'timeline'
      */
     name = 'timeline';
+    /**
+     * @hidden
+     * Used to override the hiddenDays as this options is not applicable for Timeline view.
+     */
+    set hiddenDays(_hiddenDays) {
+        // no-op
+    }
     constructor(localization, changeDetector, viewContext, viewState) {
         super(localization, changeDetector, viewContext, viewState);
     }
@@ -123,7 +130,7 @@ export class TimelineViewComponent extends TimelineBase {
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
           }
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["hiddenDays", "name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineViewComponent, decorators: [{
             type: Component,

package/esm2022/views/timeline/timeline-week-view.component.mjs

@@ -84,6 +84,7 @@ export class TimelineWeekViewComponent extends TimelineBase {
           <timeline-multi-day-view
             viewName="timeline-week"
             [name]="name"
+            [hiddenDays]="viewHiddenDays"
             [numberOfDays]="7 * numberOfWeeks"
             [getStartDate]="getStartDate"
             [eventHeight]="viewEventHeight"
@@ -117,7 +118,7 @@ export class TimelineWeekViewComponent extends TimelineBase {
             <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
           }
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["hiddenDays", "name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
             type: Component,
@@ -133,6 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <timeline-multi-day-view
             viewName="timeline-week"
             [name]="name"
+            [hiddenDays]="viewHiddenDays"
             [numberOfDays]="7 * numberOfWeeks"
             [getStartDate]="getStartDate"
             [eventHeight]="viewEventHeight"

package/esm2022/views/timeline/utils.mjs

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export const createTasks = (periodStart, periodEnd, items) => {
+export const createTasks = (periodStart, periodEnd, items, hiddenDays = []) => {
     const tasks = [];
     const utcStart = toUTCDate(periodStart);
     const utcEnd = toUTCDate(periodEnd);
@@ -30,6 +30,12 @@ export const createTasks = (periodStart, periodEnd, items) => {
             tasks.push(task);
             task.head = task.endTime > utcEnd;
             task.tail = task.startTime < utcStart;
+            if (hiddenDays.includes(task.endTime.getDay())) {
+                task.head = true;
+            }
+            if (hiddenDays.includes(task.startTime.getDay())) {
+                task.tail = true;
+            }
         }
     }
     return tasks;

package/esm2022/views/utils.mjs

@@ -6,6 +6,17 @@ import { isEqualDate } from '@progress/kendo-date-math';
 import { formatDate } from '@progress/kendo-angular-intl';
 import { isPresent, getField, isArray, isObject, isString } from '../common/util';
 import { hasClasses } from '../common/dom-queries';
+/**
+ * @hidden
+ */
+export const allDaysHidden = (days) => {
+    for (let day = 0; day <= 6; day++) {
+        if (!days?.includes(day)) {
+            return false;
+        }
+    }
+    return true;
+};
 /** @hidden */
 export const intersects = (startTime, endTime, periodStart, periodEnd) => (startTime < periodStart && endTime > periodEnd) ||
     (periodStart <= startTime && startTime < periodEnd) ||
@@ -203,23 +214,34 @@ export function isEmptyResource(resources) {
 /**
  * @hidden
  */
-export function resourcesMatch(res1, res2) {
+export function resourcesMatch(res1, res2, resourceConfigs) {
     if (res1.length !== res2.length) {
         return false;
     }
     if (isEmptyResource(res1) && isEmptyResource(res2)) {
         return true;
     }
+    // When resource configurations are provided, use their valueField to compare
+    if (resourceConfigs?.length > 0) {
+        return res1.every((r1, index) => {
+            const config = resourceConfigs[index];
+            if (!config?.valueField) {
+                return res2.some(r2 => r2.value === r1.value);
+            }
+            const value1 = getField(r1, config.valueField);
+            return res2.some(r2 => getField(r2, config.valueField) === value1);
+        });
+    }
     return res1.every(r1 => res2.some(r2 => r2.value === r1.value));
 }
 /**
  * @hidden
  */
-export function isSameRange(range1, range2) {
+export function isSameRange(range1, range2, resourceConfigs) {
     return (range1.start.getTime() === range2.start.getTime() &&
         range1.end.getTime() === range2.end.getTime() &&
         range1.isAllDay === range2.isAllDay &&
-        resourcesMatch(range1.resources, range2.resources));
+        resourcesMatch(range1.resources, range2.resources, resourceConfigs));
 }
 /** @hidden */
 export function findRowIndex(events, data) {

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

@@ -56,6 +56,13 @@ export class YearViewComponent extends ConfigurationViewBase {
      * @default 'year'
      */
     name = 'year';
+    /**
+     * @hidden
+     * Used to override the hiddenDays as this options is not applicable for Year view.
+     */
+    set hiddenDays(_hiddenDays) {
+        // no-op
+    }
     constructor(localization, changeDetector, viewContext, viewState, intl) {
         super(localization, changeDetector, viewContext, viewState);
         this.intl = intl;

package/events/more-events-click.d.ts

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import { SchedulerEvent } from '../types';
+/**
+ * Represents the arguments for the `moreEventsClick` event.
+ */
+export declare class MoreEventsClickEvent extends PreventableEvent {
+    /**
+     * The events that are displayed in the day slot.
+     */
+    displayedEvents: SchedulerEvent[];
+    /**
+     * The events that are hidden from the day slot.
+     */
+    moreEvents: SchedulerEvent[];
+    /**
+     * @hidden
+     */
+    constructor();
+}

package/events/navigate-event.d.ts

@@ -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';
 import { SchedulerComponent } from '../scheduler.component';
 import { NavigationAction } from '../types';
 /**

package/events.d.ts

@@ -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';