@progress/kendo-angular-scheduler 4.3.7-dev.202212011021 → 11.0.0-develop.100

package/{esm2015/views/day-time/day-time-view-item.component.js → esm2020/views/day-time/day-time-view-item.component.mjs}

@@ -1,9 +1,13 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, Inject, LOCALE_ID } from '@angular/core';
+import { Component, ElementRef, Input, Renderer2, Inject, LOCALE_ID } from '@angular/core';
+import { IntlService } from '@progress/kendo-angular-intl';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { toLocalDate } from '@progress/kendo-date-math';
+import { FocusService } from '../../navigation';
+import { DayTimeSlotService } from '../day-time/day-time-slot.service';
 import { BaseViewItem } from '../view-items/base-view-item';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-intl";
@@ -24,8 +28,8 @@ export class DayTimeViewItemComponent extends BaseViewItem {
         return this.intlService.format('{0:t}–{1:t}', toLocalDate(this.item.startTime), toLocalDate(this.item.endTime));
     }
 }
-DayTimeViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1.IntlService }, { token: i2.DayTimeSlotService }, { token: i3.LocalizationService }, { token: i4.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
-DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay" }, usesInheritance: true, ngImport: i0, template: `
+DayTimeViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1.IntlService }, { token: i2.DayTimeSlotService }, { token: i3.LocalizationService }, { token: i4.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
+DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay" }, usesInheritance: true, ngImport: i0, template: `
         <span class="k-event-actions">
             <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail && !vertical"></span>
             <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
@@ -64,7 +68,7 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
             <span class="k-resize-handle k-resize-e"></span>
         </ng-container>
     `, isInline: true, directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeViewItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2015/views/day-time/day-time-view.component.js → esm2020/views/day-time/day-time-view.component.mjs}

@@ -1,17 +1,23 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Input, ViewChildren, Component } from '@angular/core';
-import { isChanged, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { Input, TemplateRef, ViewChildren, QueryList, ElementRef, ChangeDetectorRef, NgZone, Renderer2, Component } from '@angular/core';
+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 { createTimeSlots } from './utils';
+import { DayTimeSlotService } from './day-time-slot.service';
+import { ViewContextService } from '../view-context.service';
+import { ViewStateService } from '../view-state.service';
+import { IntlService } from '@progress/kendo-angular-intl';
+import { PDFService } from '../../pdf/pdf.service';
 import { BaseView } from '../common/base-view';
 import { MIDNIGHT_INVARIANT, MS_PER_MINUTE, ONGOING_EVENT_CSS_CLASS } from '../constants';
 import { fromClick, fromDoubleClick, isNumber, isPresent } from '../../common/util';
 import { rtlScrollPosition, hasClasses } from '../../common/dom-queries';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DayTimeViewItemComponent } from './day-time-view-item.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../view-context.service";
@@ -332,9 +338,9 @@ export class DayTimeViewComponent extends BaseView {
         return fields;
     }
 }
-DayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeViewComponent, decorators: [{
+DayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kendo-day-time-view', template: '' }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i7.ScrollbarWidthService }]; }, propDecorators: { timeSlotTemplate: [{

package/{esm2015/views/day-time/day-time.module.js → esm2020/views/day-time/day-time.module.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
@@ -15,10 +15,10 @@ const DIRECTIVES = [TimeSlotDirective, DaySlotDirective, DayTimeViewItemComponen
  */
 export class DayTimeModule {
 }
-DayTimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DayTimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeModule, declarations: [TimeSlotDirective, DaySlotDirective, DayTimeViewItemComponent], imports: [CommonModule, SharedModule, ViewsSharedModule], exports: [TimeSlotDirective, DaySlotDirective, DayTimeViewItemComponent] });
-DayTimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeModule, imports: [[CommonModule, SharedModule, ViewsSharedModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DayTimeModule, decorators: [{
+DayTimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DayTimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeModule, declarations: [TimeSlotDirective, DaySlotDirective, DayTimeViewItemComponent], imports: [CommonModule, SharedModule, ViewsSharedModule], exports: [TimeSlotDirective, DaySlotDirective, DayTimeViewItemComponent] });
+DayTimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeModule, imports: [[CommonModule, SharedModule, ViewsSharedModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DayTimeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule, ViewsSharedModule],

package/{esm2015/views/day-time/event-slot.directive.js → esm2020/views/day-time/event-slot.directive.mjs}

@@ -1,10 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input, HostBinding } from '@angular/core';
+import { Directive, Input, ElementRef, HostBinding } from '@angular/core';
 import { BaseSlotDirective } from '../view-items/base-slot.directive';
 import { addUTCDays, toUTCTime, toUTCDate, dateWithTime, isWorkWeekDay } from '../utils';
+import { DayTimeSlotService } from './day-time-slot.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { INVARIANT_END } from '../constants';
 import * as i0 from "@angular/core";
 import * as i1 from "./day-time-slot.service";
@@ -50,9 +52,9 @@ export class TimeSlotDirective extends BaseSlotDirective {
         return localEnd;
     }
 }
-TimeSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimeSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-TimeSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TimeSlotDirective, selector: "[timeSlot]", inputs: { invariantStart: "invariantStart", invariantEnd: "invariantEnd", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", date: "date" }, host: { properties: { "class.k-nonwork-hour": "this.nonWorkHour" } }, exportAs: ["timeSlot"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimeSlotDirective, decorators: [{
+TimeSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TimeSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+TimeSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TimeSlotDirective, selector: "[timeSlot]", inputs: { invariantStart: "invariantStart", invariantEnd: "invariantEnd", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", date: "date" }, host: { properties: { "class.k-nonwork-hour": "this.nonWorkHour" } }, exportAs: ["timeSlot"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TimeSlotDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -107,9 +109,9 @@ export class DaySlotDirective extends BaseSlotDirective {
         return true;
     }
 }
-DaySlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DaySlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-DaySlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: DaySlotDirective, selector: "[daySlot]", inputs: { start: "start", end: "end" }, host: { properties: { "attr.data-day-slot": "this.daySlot" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DaySlotDirective, decorators: [{
+DaySlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DaySlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+DaySlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: DaySlotDirective, selector: "[daySlot]", inputs: { start: "start", end: "end" }, host: { properties: { "attr.data-day-slot": "this.daySlot" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DaySlotDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2015/views/day-time/utils.js → esm2020/views/day-time/utils.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { toInvariantTime } from '../utils';

package/{esm2015/views/month/month-slot.directive.js → esm2020/views/month/month-slot.directive.mjs}

@@ -1,9 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
+import { Directive, Input, ElementRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { BaseSlotDirective } from '../view-items/base-slot.directive';
+import { MonthSlotService } from './month-slot.service';
 import { firstElementChild } from '../../common/dom-queries';
 import { addUTCDays, toUTCDate } from '../utils';
 import * as i0 from "@angular/core";
@@ -64,9 +66,9 @@ export class MonthSlotDirective extends BaseSlotDirective {
         }
     }
 }
-MonthSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonthSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.MonthSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-MonthSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: MonthSlotDirective, selector: "[monthSlot]", inputs: { start: "start" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonthSlotDirective, decorators: [{
+MonthSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonthSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.MonthSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+MonthSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: MonthSlotDirective, selector: "[monthSlot]", inputs: { start: "start" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonthSlotDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2015/views/month/month-slot.service.js → esm2020/views/month/month-slot.service.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { orderBy } from '@progress/kendo-data-query';

package/{esm2015/views/month/month-view-item.component.js → esm2020/views/month/month-view-item.component.mjs}

@@ -1,9 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Inject, LOCALE_ID } from '@angular/core';
+import { Component, ElementRef, Renderer2, Inject, LOCALE_ID } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { MonthSlotService } from './month-slot.service';
 import { BaseViewItem } from '../view-items/base-view-item';
+import { FocusService } from '../../navigation';
 import * as i0 from "@angular/core";
 import * as i1 from "./month-slot.service";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -28,8 +31,8 @@ export class MonthViewItemComponent extends BaseViewItem {
         super.reflow();
     }
 }
-MonthViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
-MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MonthViewItemComponent, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
+MonthViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
+MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonthViewItemComponent, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
         <span class="k-event-actions">
             <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail"></span>
             <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
@@ -54,7 +57,7 @@ MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             <span class="k-resize-handle k-resize-e"></span>
         </ng-container>
     `, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonthViewItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonthViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2015/views/month/month-view-renderer.component.js → esm2020/views/month/month-view-renderer.component.mjs}

@@ -1,15 +1,20 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, ViewChildren } from '@angular/core';
-import { isChanged, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { addDays, addMonths, firstDayInWeek, firstDayOfMonth, getDate, toLocalDate } from '@progress/kendo-date-math';
+import { Component, Input, NgZone, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, QueryList, ViewChildren } from '@angular/core';
+import { IntlService } from '@progress/kendo-angular-intl';
+import { isChanged, isDocumentAvailable, ScrollbarWidthService } from '@progress/kendo-angular-common';
+import { addDays, firstDayOfMonth, getDate, isEqualDate, toLocalDate } from '@progress/kendo-date-math';
+import { ViewContextService } from '../view-context.service';
+import { ViewStateService } from '../view-state.service';
 import { closestInScope, hasClasses } from '../../common/dom-queries';
 import { MonthSlotService } from './month-slot.service';
 import { updateTaskData, createTasks } from './utils';
 import { toPx, dateInRange } from '../utils';
 import { BaseView } from '../common/base-view';
+import { PDFService } from '../../pdf/pdf.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { MonthViewItemComponent } from './month-view-item.component';
 import { isPresent } from '../../common/util';
 import { DAYS_IN_WEEK_COUNT, WEEKS_COUNT, MS_PER_MINUTE, ONGOING_EVENT_CSS_CLASS } from '../constants';
@@ -35,6 +40,10 @@ import * as i15 from "../common/repeat.pipe";
 export class MonthViewRendererComponent extends BaseView {
     constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector, scrollBarWidthService) {
         super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
+        /**
+         * The number of weeks to be rendered in the view
+         */
+        this.numberOfWeeks = WEEKS_COUNT;
         this.resizeHintFormat = { skeleton: 'Md' };
         this.weeks = [];
         this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
@@ -66,7 +75,7 @@ export class MonthViewRendererComponent extends BaseView {
     }
     verticalRowspan(resourceIndex) {
         const resources = this.verticalResources;
-        let result = WEEKS_COUNT;
+        let result = this.numberOfWeeks;
         for (let idx = resourceIndex + 1; idx < resources.length; idx++) {
             result *= (resources[idx].data || []).length || 1;
         }
@@ -97,8 +106,11 @@ export class MonthViewRendererComponent extends BaseView {
     addDay(dayStart) {
         return addDays(dayStart, 1);
     }
+    isFirstDayOfMonth(day) {
+        return isEqualDate(day, firstDayOfMonth(day));
+    }
     optionsChange(changes) {
-        this.schedulerMonthDaySlotTemplate = changes.monthDaySlotTemplate;
+        this.schedulerMonthDaySlotTemplate = changes[`${this.type}DaySlotTemplate`];
         super.optionsChange(changes);
     }
     createTasks(items, dateRange) {
@@ -151,25 +163,20 @@ export class MonthViewRendererComponent extends BaseView {
     onAction(e) {
         const now = getDate(this.selectedDate);
         if (e.type === 'next') {
-            const next = firstDayOfMonth(addMonths(now, 1));
+            const next = this.newRange(now);
             if (this.isInRange(next)) {
                 this.viewState.notifyNextDate(next);
             }
         }
         if (e.type === 'prev') {
-            const next = firstDayOfMonth(addMonths(now, -1));
+            const next = this.newRange(now, -1);
             if (this.isInRange(next)) {
                 this.viewState.notifyNextDate(next);
             }
         }
     }
     dateRange(date = this.selectedDate) {
-        const monthStart = firstDayOfMonth(getDate(date));
-        const start = firstDayInWeek(monthStart, this.weekStart);
-        const end = addDays(start, DAYS_IN_WEEK_COUNT * WEEKS_COUNT);
-        const text = this.intl.format(this.selectedDateFormat, monthStart);
-        const shortText = this.intl.format(this.selectedShortDateFormat, monthStart);
-        return { start, end, text, shortText };
+        return this.dateRangeFn(date, this.weekStart);
     }
     dragRanges(slot) {
         return this.slotService.dragRanges(slot, this.dragging.offset);
@@ -208,7 +215,7 @@ export class MonthViewRendererComponent extends BaseView {
     createDaySlots({ start }) {
         const weeks = [];
         let date = start;
-        for (let idx = 0; idx < WEEKS_COUNT; idx++) {
+        for (let idx = 0; idx < this.numberOfWeeks; idx++) {
             const week = [];
             weeks.push(week);
             for (let dayIdx = 0; dayIdx < DAYS_IN_WEEK_COUNT; dayIdx++) {
@@ -219,8 +226,8 @@ export class MonthViewRendererComponent extends BaseView {
         return weeks;
     }
 }
-MonthViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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 });
-MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MonthViewRendererComponent, selector: "month-view", inputs: { monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents" }, providers: [
+MonthViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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 });
+MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonthViewRendererComponent, selector: "month-view", inputs: { monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents", type: "type", numberOfWeeks: "numberOfWeeks", newRange: "newRange", dateRangeFn: "dateRangeFn" }, providers: [
         MonthSlotService
     ], viewQueries: [{ propertyName: "eventElements", predicate: MonthViewItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <div class="k-scheduler-layout k-scheduler-monthview k-scheduler-flex-layout">
@@ -234,6 +241,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </div>
                 <div class="k-scheduler-header k-state-default" #header>
                     <div class="k-scheduler-header-wrap" #headerWrap>
+                        <!-- Days of the weeks titles -->
                        <table class="k-scheduler-table" aria-hidden="true">
                          <tr *ngFor="let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex">
                              <th *ngFor="let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex"
@@ -268,7 +276,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                                 <th class="k-slot-cell k-empty-slot">
                                 </th>
                             </tr>
-                            <tr *ngFor="let index of 5 | repeat; trackBy: itemIndex">
+                            <tr *ngFor="let index of (numberOfWeeks - 1) | repeat; trackBy: itemIndex">
                                 <th class="k-slot-cell k-empty-slot"></th>
                             </tr>
                         </ng-container>
@@ -280,6 +288,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                     #content
                     role="group"
                     [attr.aria-owns]="matchOwned(items | async)">
+                    <!-- Main content -->
                      <table class="k-scheduler-table k-user-select-none" #contentTable role="presentation">
                          <ng-container *ngFor="let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex">
                              <tr *ngFor="let week of weeks;  let rangeIndex = index; trackBy: itemIndex">
@@ -297,7 +306,9 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                                              resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex)
                                          })"
                                         >
-                                        <span aria-hidden="true" class="k-link k-nav-day" *ngIf="!monthDaySlotTemplateRef">{{ day | kendoDate: 'dd' }}</span>
+                                        <span aria-hidden="true" class="k-link k-nav-day" *ngIf="!monthDaySlotTemplateRef">
+                                            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
+                                        </span>
                                         <ng-container *ngIf="monthDaySlotTemplateRef" [ngTemplateOutlet]="monthDaySlotTemplateRef"
                                             [ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex) }"></ng-container>
                                      </td>
@@ -347,7 +358,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             </div>
         </div>
     `, isInline: true, components: [{ type: i8.MonthViewItemComponent, selector: "[monthViewItem]" }, { type: i9.HintContainerComponent, selector: "kendo-hint-container" }, { type: i10.ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12.MonthSlotDirective, selector: "[monthSlot]", inputs: ["start"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }], pipes: { "resourceIterator": i14.ResourceIteratorPipe, "kendoDate": i3.DatePipe, "repeat": i15.RepeatPipe, "async": i11.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -367,6 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 </div>
                 <div class="k-scheduler-header k-state-default" #header>
                     <div class="k-scheduler-header-wrap" #headerWrap>
+                        <!-- Days of the weeks titles -->
                        <table class="k-scheduler-table" aria-hidden="true">
                          <tr *ngFor="let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex">
                              <th *ngFor="let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex"
@@ -401,7 +413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                                 <th class="k-slot-cell k-empty-slot">
                                 </th>
                             </tr>
-                            <tr *ngFor="let index of 5 | repeat; trackBy: itemIndex">
+                            <tr *ngFor="let index of (numberOfWeeks - 1) | repeat; trackBy: itemIndex">
                                 <th class="k-slot-cell k-empty-slot"></th>
                             </tr>
                         </ng-container>
@@ -413,6 +425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     #content
                     role="group"
                     [attr.aria-owns]="matchOwned(items | async)">
+                    <!-- Main content -->
                      <table class="k-scheduler-table k-user-select-none" #contentTable role="presentation">
                          <ng-container *ngFor="let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex">
                              <tr *ngFor="let week of weeks;  let rangeIndex = index; trackBy: itemIndex">
@@ -430,7 +443,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                                              resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex)
                                          })"
                                         >
-                                        <span aria-hidden="true" class="k-link k-nav-day" *ngIf="!monthDaySlotTemplateRef">{{ day | kendoDate: 'dd' }}</span>
+                                        <span aria-hidden="true" class="k-link k-nav-day" *ngIf="!monthDaySlotTemplateRef">
+                                            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
+                                        </span>
                                         <ng-container *ngIf="monthDaySlotTemplateRef" [ngTemplateOutlet]="monthDaySlotTemplateRef"
                                             [ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex) }"></ng-container>
                                      </td>
@@ -485,6 +500,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], highlightOngoingEvents: [{
                 type: Input
+            }], type: [{
+                type: Input
+            }], numberOfWeeks: [{
+                type: Input
+            }], newRange: [{
+                type: Input
+            }], dateRangeFn: [{
+                type: Input
             }], eventElements: [{
                 type: ViewChildren,
                 args: [MonthViewItemComponent]

package/{esm2015/views/month/month-view.component.js → esm2020/views/month/month-view.component.mjs}

@@ -1,24 +1,31 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 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 } from '@angular/core';
+import { Component, ContentChild, forwardRef, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { IntlService } from '@progress/kendo-angular-intl';
 import { SchedulerView } from '../../types';
 import { ConfigurationViewBase } from '../common/configuration-view-base';
+import { ViewContextService } from '../view-context.service';
+import { ViewStateService } from '../view-state.service';
 import { MonthDaySlotTemplateDirective } from '../templates';
-import { DEFAULT_EVENT_HEIGHT } from '../constants';
+import { DAYS_IN_WEEK_COUNT, DEFAULT_EVENT_HEIGHT, WEEKS_COUNT } from '../constants';
 import { isPresent } from '../../common/util';
+import { addDays, addMonths, firstDayInWeek, firstDayOfMonth, getDate } from '@progress/kendo-date-math';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../view-context.service";
 import * as i3 from "../view-state.service";
-import * as i4 from "./month-view-renderer.component";
+import * as i4 from "@progress/kendo-angular-intl";
+import * as i5 from "./month-view-renderer.component";
 /**
  * The component for rendering the **Month** view.
  */
 export class MonthViewComponent extends ConfigurationViewBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
+    constructor(localization, changeDetector, viewContext, viewState, intl) {
         super(localization, changeDetector, viewContext, viewState);
+        this.intl = intl;
         /**
          * The long-date format for displaying the
          * selected date in the Scheduler toolbar.
@@ -47,16 +54,34 @@ export class MonthViewComponent extends ConfigurationViewBase {
     get viewEventHeight() {
         return isPresent(this.eventHeight) ? this.eventHeight : (this.schedulerOptions.eventHeight || DEFAULT_EVENT_HEIGHT);
     }
+    /**
+     * @hidden
+     */
+    dateRange(date, weekStart) {
+        const monthStart = firstDayOfMonth(getDate(date));
+        const start = firstDayInWeek(monthStart, weekStart);
+        const end = addDays(start, DAYS_IN_WEEK_COUNT * WEEKS_COUNT);
+        const text = this.intl.format(this.selectedDateFormat, monthStart);
+        const shortText = this.intl.format(this.selectedShortDateFormat, monthStart);
+        return { start, end, text, shortText };
+    }
+    /**
+     * @hidden
+     */
+    newRange(date, direction = 1) {
+        return firstDayOfMonth(addMonths(date, direction));
+    }
 }
-MonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-MonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: { eventHeight: "eventHeight", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+MonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+MonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: { eventHeight: "eventHeight", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
             provide: SchedulerView,
             useExisting: forwardRef(() => MonthViewComponent)
         }], queries: [{ propertyName: "monthDaySlotTemplate", first: true, predicate: MonthDaySlotTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <month-view
+                type="month"
                 [eventHeight]="viewEventHeight"
-                [еventTemplate]="eventTemplate?.templateRef"
+                [eventTemplate]="eventTemplate?.templateRef"
                 [slotClass]="viewSlotClass"
                 [eventClass]="viewEventClass"
                 [eventStyles]="viewEventStyles"
@@ -65,11 +90,13 @@ MonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat"
                 [highlightOngoingEvents]="viewHighlightOngoingEvents"
-                [weekStart]="viewWeekStart">
+                [weekStart]="viewWeekStart"
+                [dateRangeFn]="dateRange"
+                [newRange]="newRange">
             </month-view>
         </ng-template>
-    `, isInline: true, components: [{ type: i4.MonthViewRendererComponent, selector: "month-view", inputs: ["monthDaySlotTemplate", "highlightOngoingEvents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonthViewComponent, decorators: [{
+    `, isInline: true, components: [{ type: i5.MonthViewRendererComponent, selector: "month-view", inputs: ["monthDaySlotTemplate", "highlightOngoingEvents", "type", "numberOfWeeks", "newRange", "dateRangeFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonthViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -81,8 +108,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     template: `
         <ng-template #content>
             <month-view
+                type="month"
                 [eventHeight]="viewEventHeight"
-                [еventTemplate]="eventTemplate?.templateRef"
+                [eventTemplate]="eventTemplate?.templateRef"
                 [slotClass]="viewSlotClass"
                 [eventClass]="viewEventClass"
                 [eventStyles]="viewEventStyles"
@@ -91,12 +119,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 [selectedDateFormat]="selectedDateFormat"
                 [selectedShortDateFormat]="selectedShortDateFormat"
                 [highlightOngoingEvents]="viewHighlightOngoingEvents"
-                [weekStart]="viewWeekStart">
+                [weekStart]="viewWeekStart"
+                [dateRangeFn]="dateRange"
+                [newRange]="newRange">
             </month-view>
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { eventHeight: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }]; }, propDecorators: { eventHeight: [{
                 type: Input
             }], selectedDateFormat: [{
                 type: Input