@progress/kendo-angular-scheduler 3.1.0-dev.202204121440 → 4.0.0-dev.202204191149

package/esm2015/views/templates/agenda-time-template.directive.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template which renders the time header in the **Agenda** view.
+ * To define the time template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaTimeTemplate`
+ * directive inside the `<kendo-scheduler>` or in the `<kendo-scheduler-agenda-view>` component.
+ *
+ * The available fields in the template context are:
+ * - `start`&mdash;The start date of the event.
+ * - `end`&mdash;The end date of the event.
+ * - `title`&mdash;The title of the event.
+ * - `description`&mdash;The description of the event.
+ * - `isAllDay`&mdash;A Boolean value which indicates if the event is all-day.
+ * - `resources`&mdash;The resources of the event.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/agenda-time-header/app.component.ts preview %}
+ * {% embed_file templates/agenda-time-header/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class AgendaTimeTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+AgendaTimeTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AgendaTimeTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+AgendaTimeTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: AgendaTimeTemplateDirective, selector: "[kendoSchedulerAgendaTimeTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AgendaTimeTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerAgendaTimeTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/all-day-event-template.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for and assists the content customization of all-day events.
+ * To define the all-day event template, nest an `<ng-template>` tag with the `kendoSchedulerAllDayEventTemplate`
+ * directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `kendo-scheduler-week-view` component.
+ *
+ * The available fields in the template context are:
+ * - `event`&mdash;The event that is associated with the item.
+ * - `resources`&mdash;The resources of the event.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/all-day-event/app.component.ts preview %}
+ * {% embed_file templates/all-day-event/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class AllDayEventTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+AllDayEventTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AllDayEventTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+AllDayEventTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: AllDayEventTemplateDirective, selector: "[kendoSchedulerAllDayEventTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AllDayEventTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerAllDayEventTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/all-day-slot-template.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for and assists the content customization of all-day slots.
+ * To define the all-day slot template, nest an `<ng-template>` tag with the `kendoSchedulerAllDaySlotTemplate`
+ * directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `kendo-scheduler-week-view` component.
+ *
+ * The available fields in the template context are:
+ * - `date`&mdash;The date of the slot.
+ * - `resources`&mdash;The resources of the slot.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/all-day-slot/app.component.ts preview %}
+ * {% embed_file templates/all-day-slot/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class AllDaySlotTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+AllDaySlotTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AllDaySlotTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+AllDaySlotTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: AllDaySlotTemplateDirective, selector: "[kendoSchedulerAllDaySlotTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AllDaySlotTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerAllDaySlotTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/date-header-template.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template which renders the date header in the **Day**, **Week**, and **Timeline** views.
+ * To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerDateHeaderTemplate`
+ * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components.
+ *
+ * The available fields in the template context are:
+ * - `date`&mdash;The header date.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/date-header/app.component.ts preview %}
+ * {% embed_file templates/date-header/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class DateHeaderTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+DateHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DateHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerDateHeaderTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/event-template.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for and assists the content customization of the Scheduler events.
+ * To define the event template, nest an `<ng-template>` tag with the `kendoSchedulerEventTemplate`
+ * directive inside the `<kendo-scheduler>`, or in the view components.
+ *
+ * The available fields in the template context are:
+ * - `event`&mdash;The event that is associated with the item.
+ * - `resources`&mdash;The resources of the event.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/event/app.component.ts preview %}
+ * {% embed_file templates/event/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class EventTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+EventTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EventTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+EventTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EventTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerEventTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/group-header-template.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template which renders the resource group header in the **Day**, **Week**, and **Timeline** views.
+ * To define the template, nest an `<ng-template>` tag with the `kendoSchedulerGroupHeaderTemplate`
+ * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components.
+ *
+ * The available fields in the template context are:
+ * - `resource`&mdash;The resource item.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/group-header/app.component.ts preview %}
+ * {% embed_file templates/group-header/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class GroupHeaderTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+GroupHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GroupHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+GroupHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GroupHeaderTemplateDirective, selector: "[kendoSchedulerGroupHeaderTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GroupHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerGroupHeaderTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/major-time-header-template.directive.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for the major-time headers in the **Day** and **Week** views.
+ * To define the major-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMajorTimeHeaderTemplate`
+ * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components.
+ *
+ * The available fields in the template context are:
+ * - `date`&mdash;The date of the header.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/major-header/app.component.ts preview %}
+ * {% embed_file templates/major-header/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class MajorTimeHeaderTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+MajorTimeHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MajorTimeHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MajorTimeHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MajorTimeHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerMajorTimeHeaderTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/minor-time-header-template.directive.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for the minor-time headers in the **Day** and **Week** views.
+ * To define the minor-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMinorTimeHeaderTemplate`
+ * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components.
+ *
+ * The available fields in the template context are:
+ * - `date`&mdash;The date of the header.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/minor-header/app.component.ts preview %}
+ * {% embed_file templates/minor-header/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class MinorTimeHeaderTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+MinorTimeHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MinorTimeHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MinorTimeHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MinorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMinorTimeHeaderTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MinorTimeHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerMinorTimeHeaderTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/month-day-slot-template.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for rendering the day slots in the **Month** view.
+ * To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerMonthDaySlotTemplate`
+ * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-month-view>` component.
+ *
+ * The available fields in the template context are:
+ * - `date`&mdash;The date of the slot.
+ * - `resources`&mdash;The resources of the slot.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/month-slot/app.component.ts preview %}
+ * {% embed_file templates/month-slot/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class MonthDaySlotTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+MonthDaySlotTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthDaySlotTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MonthDaySlotTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthDaySlotTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerMonthDaySlotTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/templates/time-slot-template.directive.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for the time-slot renderer in the **Day**, **Week**, and **Timeline** views.
+ * To define the time-slot template, nest an `<ng-template>` tag with the `kendoSchedulerTimeSlotTemplate`
+ * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components.
+ *
+ * The available fields in the template context are:
+ * - `date`&mdash;The date of the slot.
+ * - `resources`&mdash;The resources of the slot.
+ *
+ * {% meta height:500 %}
+ * {% embed_file templates/time-slot/app.component.ts preview %}
+ * {% embed_file templates/time-slot/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% endmeta %}
+ */
+export class TimeSlotTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+TimeSlotTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimeSlotTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TimeSlotTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimeSlotTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerTimeSlotTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/views/timeline/timeline-base.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, Directive } from '@angular/core';
+import { DayTimeViewBase } from '../day-time/day-time-view-base';
+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";
+const COLUMN_WIDTH = 'columnWidth';
+/**
+ * @hidden
+ */
+export class TimelineBase extends DayTimeViewBase {
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+    }
+    /**
+     * @hidden
+     */
+    get viewColumnWidth() {
+        return this.optionValue(COLUMN_WIDTH);
+    }
+}
+TimelineBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
+TimelineBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TimelineBase, inputs: { columnWidth: "columnWidth" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { columnWidth: [{
+                type: Input
+            }] } });

package/esm2015/views/timeline/timeline-month-view.component.js

@@ -0,0 +1,154 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, Input, ChangeDetectionStrategy } from '@angular/core';
+import { SchedulerView } from '../../types';
+import { TimelineBase } from './timeline-base';
+import { firstDayOfMonth, getDate, addMonths } 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 "./timeline-multi-day-view.component";
+import * as i5 from "../common/view-footer.component";
+import * as i6 from "../common/work-hours-footer.directive";
+/**
+ * The component for rendering the **Month** timeline view.
+ */
+export class TimelineMonthViewComponent extends TimelineBase {
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+        /**
+         * The long-date format for displaying the
+         * selected date in the Scheduler toolbar.
+         * Defaults to `{0:Y}`
+         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+         */
+        this.selectedDateFormat = '{0:Y}';
+        /**
+         * The short-date format for displaying the
+         * selected date in the Scheduler toolbar.
+         * Defaults to `{0:y}`
+         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+         */
+        this.selectedShortDateFormat = '{0:y}';
+        /**
+         * The invariant name for this view (`timelineMonth`).
+         */
+        this.name = 'timelineMonth';
+        /**
+         * @hidden
+         */
+        this.getStartDate = (selectedDate) => {
+            return firstDayOfMonth(getDate(selectedDate));
+        };
+        /**
+         * @hidden
+         */
+        this.getEndDate = (selectedDate) => {
+            return addMonths(this.getStartDate(selectedDate), 1);
+        };
+        /**
+         * @hidden
+         */
+        this.getNextDate = (date, count) => {
+            return addMonths(date, count);
+        };
+    }
+    /**
+     * @hidden
+     */
+    get title() {
+        return this.localization.get('timelineMonthViewTitle');
+    }
+}
+TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
+TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+            provide: SchedulerView,
+            useExisting: forwardRef(() => TimelineMonthViewComponent)
+        }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #content>
+            <timeline-multi-day-view
+                viewName="timeline-month"
+                [name]="name"
+                [getNextDate]="getNextDate"
+                [getStartDate]="getStartDate"
+                [getEndDate]="getEndDate"
+                [eventHeight]="viewEventHeight"
+                [columnWidth]="viewColumnWidth"
+                [currentTimeMarker]="viewCurrentTimeMarker"
+                [highlightOngoingEvents]="viewHighlightOngoingEvents"
+                [showWorkHours]="shouldShowWorkHours"
+                [scrollTime]="viewScrollTime"
+                [startTime]="viewStartTime"
+                [endTime]="viewEndTime"
+                [workDayStart]="viewWorkDayStart"
+                [workDayEnd]="viewWorkDayEnd"
+                [workWeekStart]="viewWorkWeekStart"
+                [workWeekEnd]="viewWorkWeekEnd"
+                [slotDuration]="viewSlotDuration"
+                [slotDivisions]="viewSlotDivisions"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [еventTemplate]="eventTemplate?.templateRef"
+                [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
+                [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat">
+            </timeline-multi-day-view>
+            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
+        </ng-template>
+    `, isInline: true, components: [{ type: i4.TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { type: i5.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i6.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-scheduler-timeline-month-view',
+                    providers: [{
+                            provide: SchedulerView,
+                            useExisting: forwardRef(() => TimelineMonthViewComponent)
+                        }],
+                    template: `
+        <ng-template #content>
+            <timeline-multi-day-view
+                viewName="timeline-month"
+                [name]="name"
+                [getNextDate]="getNextDate"
+                [getStartDate]="getStartDate"
+                [getEndDate]="getEndDate"
+                [eventHeight]="viewEventHeight"
+                [columnWidth]="viewColumnWidth"
+                [currentTimeMarker]="viewCurrentTimeMarker"
+                [highlightOngoingEvents]="viewHighlightOngoingEvents"
+                [showWorkHours]="shouldShowWorkHours"
+                [scrollTime]="viewScrollTime"
+                [startTime]="viewStartTime"
+                [endTime]="viewEndTime"
+                [workDayStart]="viewWorkDayStart"
+                [workDayEnd]="viewWorkDayEnd"
+                [workWeekStart]="viewWorkWeekStart"
+                [workWeekEnd]="viewWorkWeekEnd"
+                [slotDuration]="viewSlotDuration"
+                [slotDivisions]="viewSlotDivisions"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [еventTemplate]="eventTemplate?.templateRef"
+                [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
+                [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat">
+            </timeline-multi-day-view>
+            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { selectedDateFormat: [{
+                type: Input
+            }], selectedShortDateFormat: [{
+                type: Input
+            }] } });