@progress/kendo-angular-scheduler 14.4.0-develop.15 → 14.4.0-develop.17

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

@@ -8,11 +8,11 @@ import * as i1$1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
 import * as i7 from '@progress/kendo-angular-common';
 import { hasObservers, isDocumentAvailable, isVisible as isVisible$1, scrollbarWidth, isChanged, Keys, shouldShowValidationUI, anyChanged, ResizeSensorComponent, EventsModule, ResizeSensorModule, guid, WatermarkModule } from '@progress/kendo-angular-common';
-import { isEqualDate, timezoneNames, ZonedDate, toLocalDate, getDate, Day, MS_PER_DAY as MS_PER_DAY$1, addDays, firstDayOfMonth, firstDayInWeek, addMonths, addWeeks } from '@progress/kendo-date-math';
+import { isEqualDate, timezoneNames, ZonedDate, toLocalDate, getDate, Day, MS_PER_DAY as MS_PER_DAY$1, addDays, firstDayOfMonth, firstDayInWeek, addMonths, addWeeks, addYears } from '@progress/kendo-date-math';
 import { auditTime, buffer, filter, map, debounceTime, take, switchMap, tap, distinctUntilChanged } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i2 from '@progress/kendo-angular-dateinputs';
-import { PreventableEvent as PreventableEvent$1, CalendarModule, DateInputsModule } from '@progress/kendo-angular-dateinputs';
+import { PreventableEvent as PreventableEvent$1, CalendarModule, MultiViewCalendarComponent, CalendarsModule, DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import { Subject, BehaviorSubject, fromEvent, Subscription, combineLatest, merge } from 'rxjs';
 import * as i14 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
@@ -38,6 +38,8 @@ import { orderBy, groupBy } from '@progress/kendo-data-query';
 import * as i4$1 from '@progress/kendo-angular-icons';
 import { IconsModule } from '@progress/kendo-angular-icons';
 import { Draggable } from '@progress/kendo-draggable';
+import * as i11$1 from '@progress/kendo-angular-tooltip';
+import { TooltipDirective, TooltipsModule } from '@progress/kendo-angular-tooltip';
 import { drawDOM, exportPDF } from '@progress/kendo-drawing';
 import { saveAs } from '@progress/kendo-file-saver';
 
@@ -48,8 +50,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1706010519,
-    version: '14.4.0-develop.15',
+    publishDate: 1706192872,
+    version: '14.4.0-develop.17',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2424,7 +2426,7 @@ class ToolbarNavigationComponent {
     }
 }
 ToolbarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarNavigationComponent, deps: [{ token: i1$2.PopupService }, { token: ToolbarService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
+ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
         PopupService
     ], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: `
         <span class="k-scheduler-navigation k-button-group k-button-group-solid" role="group">
@@ -2482,6 +2484,8 @@ ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <kendo-calendar
                 #calendar
                 (blur)="onBlur()"
+                [activeView]="activeView"
+                [bottomView]="bottomView"
                 (keydown.escape)="toggleSelectedDate({ nativeElement: anchor }, template); anchor.focus();"
                 (valueChange)="selectDate($event)"
                 [value]="ctx.selectedDate | async" [min]="min" [max]="max">
@@ -2555,6 +2559,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <kendo-calendar
                 #calendar
                 (blur)="onBlur()"
+                [activeView]="activeView"
+                [bottomView]="bottomView"
                 (keydown.escape)="toggleSelectedDate({ nativeElement: anchor }, template); anchor.focus();"
                 (valueChange)="selectDate($event)"
                 [value]="ctx.selectedDate | async" [min]="min" [max]="max">
@@ -2574,6 +2580,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], max: [{
                 type: Input
+            }], activeView: [{
+                type: Input
+            }], bottomView: [{
+                type: Input
             }] } });
 
 /**
@@ -2738,6 +2748,18 @@ class ToolbarComponent {
         this.subs = new Subscription();
         this.subs.add(service.action.subscribe(action => this.navigate.next(action)));
     }
+    /**
+     * @hidden
+     */
+    get activeView() {
+        return this.service.context.selectedView?.name === 'year' ? 'decade' : 'month';
+    }
+    /**
+     * @hidden
+     */
+    get bottomView() {
+        return this.service.context.selectedView?.name === 'year' ? 'decade' : 'month';
+    }
     ngOnInit() {
         this.subs.add(this.selectedDate.subscribe(date => this.templateContext.selectedDate = date));
         this.subs.add(this.dateRange.subscribe(dateRange => this.templateContext.dateRange = dateRange));
@@ -2777,13 +2799,18 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         </ng-template>
 
         <ng-template #defaultTemplate>
-            <div kendoSchedulerToolbarNavigation [min]="min" [max]="max"></div>
+            <div kendoSchedulerToolbarNavigation
+                [min]="min"
+                [max]="max"
+                [activeView]="activeView"
+                [bottomView]="bottomView">
+            </div>
             <span class="k-spacer"></span>
             <div kendoSchedulerToolbarViewSelector [toolbarWidth]="toolbarWidth"></div>
         </ng-template>
 
         <kendo-resize-sensor (resize)="resizeHandler()" [style]="'display: contents;'"></kendo-resize-sensor>
-    `, isInline: true, components: [{ type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max"] }, { type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { type: i7.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+    `, isInline: true, components: [{ type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView"] }, { type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { type: i7.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
@@ -2797,7 +2824,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-template>
 
         <ng-template #defaultTemplate>
-            <div kendoSchedulerToolbarNavigation [min]="min" [max]="max"></div>
+            <div kendoSchedulerToolbarNavigation
+                [min]="min"
+                [max]="max"
+                [activeView]="activeView"
+                [bottomView]="bottomView">
+            </div>
             <span class="k-spacer"></span>
             <div kendoSchedulerToolbarViewSelector [toolbarWidth]="toolbarWidth"></div>
         </ng-template>
@@ -5939,7 +5971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class Messages extends ComponentMessages {
 }
 Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Messages, inputs: { allEvents: "allEvents", allDay: "allDay", dateHeader: "dateHeader", timeHeader: "timeHeader", eventHeader: "eventHeader", deleteTitle: "deleteTitle", nextTitle: "nextTitle", previousTitle: "previousTitle", today: "today", calendarToday: "calendarToday", showFullDay: "showFullDay", showWorkDay: "showWorkDay", dayViewTitle: "dayViewTitle", multiDayViewTitle: "multiDayViewTitle", weekViewTitle: "weekViewTitle", workWeekViewTitle: "workWeekViewTitle", monthViewTitle: "monthViewTitle", multiWeekViewTitle: "multiWeekViewTitle", timelineViewTitle: "timelineViewTitle", timelineWeekViewTitle: "timelineWeekViewTitle", timelineMonthViewTitle: "timelineMonthViewTitle", agendaViewTitle: "agendaViewTitle", cancel: "cancel", save: "save", editorEventTitle: "editorEventTitle", editorEventStart: "editorEventStart", editorEventStartTimeZone: "editorEventStartTimeZone", editorEventEnd: "editorEventEnd", editorEventEndTimeZone: "editorEventEndTimeZone", editorEventAllDay: "editorEventAllDay", editorEventDescription: "editorEventDescription", editorEventSeparateTimeZones: "editorEventSeparateTimeZones", editorEventTimeZone: "editorEventTimeZone", editorDateInputsToday: "editorDateInputsToday", editorDateInputsToggle: "editorDateInputsToggle", editorDateInputsParentViewButton: "editorDateInputsParentViewButton", editorDateInputsNow: "editorDateInputsNow", editorDateInputsNowLabel: "editorDateInputsNowLabel", editorDateInputsAccept: "editorDateInputsAccept", editorDateInputsAcceptLabel: "editorDateInputsAcceptLabel", editorDateInputsCancel: "editorDateInputsCancel", editorDateInputsCancelLabel: "editorDateInputsCancelLabel", editorDateInputsDateTab: "editorDateInputsDateTab", editorDateInputsDateTabLabel: "editorDateInputsDateTabLabel", editorDateInputsTimeTab: "editorDateInputsTimeTab", editorDateInputsTimeTabLabel: "editorDateInputsTimeTabLabel", recurrenceEditorNumericIncrement: "recurrenceEditorNumericIncrement", recurrenceEditorNumericDecrement: "recurrenceEditorNumericDecrement", recurrenceEditorRepeat: "recurrenceEditorRepeat", recurrenceEditorDailyInterval: "recurrenceEditorDailyInterval", recurrenceEditorDailyRepeatEvery: "recurrenceEditorDailyRepeatEvery", recurrenceEditorWeeklyInterval: "recurrenceEditorWeeklyInterval", recurrenceEditorWeeklyRepeatEvery: "recurrenceEditorWeeklyRepeatEvery", recurrenceEditorWeeklyRepeatOn: "recurrenceEditorWeeklyRepeatOn", recurrenceEditorMonthlyDay: "recurrenceEditorMonthlyDay", recurrenceEditorMonthlyInterval: "recurrenceEditorMonthlyInterval", recurrenceEditorMonthlyRepeatEvery: "recurrenceEditorMonthlyRepeatEvery", recurrenceEditorMonthlyRepeatOn: "recurrenceEditorMonthlyRepeatOn", recurrenceEditorYearlyOf: "recurrenceEditorYearlyOf", recurrenceEditorYearlyRepeatEvery: "recurrenceEditorYearlyRepeatEvery", recurrenceEditorYearlyRepeatOn: "recurrenceEditorYearlyRepeatOn", recurrenceEditorYearlyInterval: "recurrenceEditorYearlyInterval", recurrenceEditorFrequenciesDaily: "recurrenceEditorFrequenciesDaily", recurrenceEditorFrequenciesMonthly: "recurrenceEditorFrequenciesMonthly", recurrenceEditorFrequenciesNever: "recurrenceEditorFrequenciesNever", recurrenceEditorFrequenciesWeekly: "recurrenceEditorFrequenciesWeekly", recurrenceEditorFrequenciesYearly: "recurrenceEditorFrequenciesYearly", recurrenceEditorOffsetPositionsFirst: "recurrenceEditorOffsetPositionsFirst", recurrenceEditorOffsetPositionsSecond: "recurrenceEditorOffsetPositionsSecond", recurrenceEditorOffsetPositionsThird: "recurrenceEditorOffsetPositionsThird", recurrenceEditorOffsetPositionsFourth: "recurrenceEditorOffsetPositionsFourth", recurrenceEditorOffsetPositionsLast: "recurrenceEditorOffsetPositionsLast", recurrenceEditorWeekdaysDay: "recurrenceEditorWeekdaysDay", recurrenceEditorWeekdaysWeekday: "recurrenceEditorWeekdaysWeekday", recurrenceEditorWeekdaysWeekendday: "recurrenceEditorWeekdaysWeekendday", recurrenceEditorEndAfter: "recurrenceEditorEndAfter", recurrenceEditorEndOccurrence: "recurrenceEditorEndOccurrence", recurrenceEditorEndLabel: "recurrenceEditorEndLabel", recurrenceEditorEndNever: "recurrenceEditorEndNever", recurrenceEditorEndOn: "recurrenceEditorEndOn", editorTitle: "editorTitle", destroy: "destroy", deleteConfirmation: "deleteConfirmation", editRecurringConfirmation: "editRecurringConfirmation", editOccurrence: "editOccurrence", editSeries: "editSeries", deleteRecurringConfirmation: "deleteRecurringConfirmation", deleteOccurrence: "deleteOccurrence", deleteSeries: "deleteSeries", deleteDialogTitle: "deleteDialogTitle", deleteRecurringDialogTitle: "deleteRecurringDialogTitle", editRecurringDialogTitle: "editRecurringDialogTitle", selectView: "selectView" }, usesInheritance: true, ngImport: i0 });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Messages, inputs: { allEvents: "allEvents", allDay: "allDay", dateHeader: "dateHeader", timeHeader: "timeHeader", eventHeader: "eventHeader", deleteTitle: "deleteTitle", nextTitle: "nextTitle", previousTitle: "previousTitle", today: "today", calendarToday: "calendarToday", showFullDay: "showFullDay", showWorkDay: "showWorkDay", dayViewTitle: "dayViewTitle", multiDayViewTitle: "multiDayViewTitle", weekViewTitle: "weekViewTitle", workWeekViewTitle: "workWeekViewTitle", monthViewTitle: "monthViewTitle", multiWeekViewTitle: "multiWeekViewTitle", timelineViewTitle: "timelineViewTitle", timelineWeekViewTitle: "timelineWeekViewTitle", timelineMonthViewTitle: "timelineMonthViewTitle", agendaViewTitle: "agendaViewTitle", yearViewTitle: "yearViewTitle", yearViewNoEvents: "yearViewNoEvents", cancel: "cancel", save: "save", editorEventTitle: "editorEventTitle", editorEventStart: "editorEventStart", editorEventStartTimeZone: "editorEventStartTimeZone", editorEventEnd: "editorEventEnd", editorEventEndTimeZone: "editorEventEndTimeZone", editorEventAllDay: "editorEventAllDay", editorEventDescription: "editorEventDescription", editorEventSeparateTimeZones: "editorEventSeparateTimeZones", editorEventTimeZone: "editorEventTimeZone", editorDateInputsToday: "editorDateInputsToday", editorDateInputsToggle: "editorDateInputsToggle", editorDateInputsParentViewButton: "editorDateInputsParentViewButton", editorDateInputsNow: "editorDateInputsNow", editorDateInputsNowLabel: "editorDateInputsNowLabel", editorDateInputsAccept: "editorDateInputsAccept", editorDateInputsAcceptLabel: "editorDateInputsAcceptLabel", editorDateInputsCancel: "editorDateInputsCancel", editorDateInputsCancelLabel: "editorDateInputsCancelLabel", editorDateInputsDateTab: "editorDateInputsDateTab", editorDateInputsDateTabLabel: "editorDateInputsDateTabLabel", editorDateInputsTimeTab: "editorDateInputsTimeTab", editorDateInputsTimeTabLabel: "editorDateInputsTimeTabLabel", recurrenceEditorNumericIncrement: "recurrenceEditorNumericIncrement", recurrenceEditorNumericDecrement: "recurrenceEditorNumericDecrement", recurrenceEditorRepeat: "recurrenceEditorRepeat", recurrenceEditorDailyInterval: "recurrenceEditorDailyInterval", recurrenceEditorDailyRepeatEvery: "recurrenceEditorDailyRepeatEvery", recurrenceEditorWeeklyInterval: "recurrenceEditorWeeklyInterval", recurrenceEditorWeeklyRepeatEvery: "recurrenceEditorWeeklyRepeatEvery", recurrenceEditorWeeklyRepeatOn: "recurrenceEditorWeeklyRepeatOn", recurrenceEditorMonthlyDay: "recurrenceEditorMonthlyDay", recurrenceEditorMonthlyInterval: "recurrenceEditorMonthlyInterval", recurrenceEditorMonthlyRepeatEvery: "recurrenceEditorMonthlyRepeatEvery", recurrenceEditorMonthlyRepeatOn: "recurrenceEditorMonthlyRepeatOn", recurrenceEditorYearlyOf: "recurrenceEditorYearlyOf", recurrenceEditorYearlyRepeatEvery: "recurrenceEditorYearlyRepeatEvery", recurrenceEditorYearlyRepeatOn: "recurrenceEditorYearlyRepeatOn", recurrenceEditorYearlyInterval: "recurrenceEditorYearlyInterval", recurrenceEditorFrequenciesDaily: "recurrenceEditorFrequenciesDaily", recurrenceEditorFrequenciesMonthly: "recurrenceEditorFrequenciesMonthly", recurrenceEditorFrequenciesNever: "recurrenceEditorFrequenciesNever", recurrenceEditorFrequenciesWeekly: "recurrenceEditorFrequenciesWeekly", recurrenceEditorFrequenciesYearly: "recurrenceEditorFrequenciesYearly", recurrenceEditorOffsetPositionsFirst: "recurrenceEditorOffsetPositionsFirst", recurrenceEditorOffsetPositionsSecond: "recurrenceEditorOffsetPositionsSecond", recurrenceEditorOffsetPositionsThird: "recurrenceEditorOffsetPositionsThird", recurrenceEditorOffsetPositionsFourth: "recurrenceEditorOffsetPositionsFourth", recurrenceEditorOffsetPositionsLast: "recurrenceEditorOffsetPositionsLast", recurrenceEditorWeekdaysDay: "recurrenceEditorWeekdaysDay", recurrenceEditorWeekdaysWeekday: "recurrenceEditorWeekdaysWeekday", recurrenceEditorWeekdaysWeekendday: "recurrenceEditorWeekdaysWeekendday", recurrenceEditorEndAfter: "recurrenceEditorEndAfter", recurrenceEditorEndOccurrence: "recurrenceEditorEndOccurrence", recurrenceEditorEndLabel: "recurrenceEditorEndLabel", recurrenceEditorEndNever: "recurrenceEditorEndNever", recurrenceEditorEndOn: "recurrenceEditorEndOn", editorTitle: "editorTitle", destroy: "destroy", deleteConfirmation: "deleteConfirmation", editRecurringConfirmation: "editRecurringConfirmation", editOccurrence: "editOccurrence", editSeries: "editSeries", deleteRecurringConfirmation: "deleteRecurringConfirmation", deleteOccurrence: "deleteOccurrence", deleteSeries: "deleteSeries", deleteDialogTitle: "deleteDialogTitle", deleteRecurringDialogTitle: "deleteRecurringDialogTitle", editRecurringDialogTitle: "editRecurringDialogTitle", selectView: "selectView" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive
         }], propDecorators: { allEvents: [{
@@ -5986,6 +6018,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], agendaViewTitle: [{
                 type: Input
+            }], yearViewTitle: [{
+                type: Input
+            }], yearViewNoEvents: [{
+                type: Input
             }], cancel: [{
                 type: Input
             }], save: [{
@@ -7058,6 +7094,12 @@ SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             i18n-agendaViewTitle="kendo.scheduler.agendaViewTitle|The agenda view title."
             agendaViewTitle="Agenda"
 
+            i18n-yearViewTitle="kendo.scheduler.yearViewTitle|The year view title."
+            yearViewTitle="Year"
+
+            i18n-yearViewNoEvents="kendo.scheduler.yearViewNoEvents|The year view no events message."
+            yearViewNoEvents="No events on this date."
+
             i18n-cancel="kendo.scheduler.cancel|The text similar to 'Cancel' displayed in the Scheduler."
             cancel="Cancel"
 
@@ -7399,6 +7441,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-agendaViewTitle="kendo.scheduler.agendaViewTitle|The agenda view title."
             agendaViewTitle="Agenda"
 
+            i18n-yearViewTitle="kendo.scheduler.yearViewTitle|The year view title."
+            yearViewTitle="Year"
+
+            i18n-yearViewNoEvents="kendo.scheduler.yearViewNoEvents|The year view no events message."
+            yearViewNoEvents="No events on this date."
+
             i18n-cancel="kendo.scheduler.cancel|The text similar to 'Cancel' displayed in the Scheduler."
             cancel="Cancel"
 
@@ -8000,7 +8048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * @hidden
  */
-const createTasks$2 = (periodStart, periodEnd, items) => {
+const createTasks$3 = (periodStart, periodEnd, items) => {
     const tasks = [];
     const utcStart = toUTCDate(periodStart);
     const utcEnd = toUTCDate(periodEnd);
@@ -10060,7 +10108,7 @@ const last = (arr) => arr[arr.length - 1];
 /**
  * @hidden
  */
-const createTasks$1 = (periodStart, periodEnd, items, ranges) => {
+const createTasks$2 = (periodStart, periodEnd, items, ranges) => {
     const tasks = [];
     const utcStart = toUTCDate(periodStart);
     const utcEnd = toUTCDate(periodEnd);
@@ -11581,7 +11629,7 @@ class MonthViewRendererComponent extends BaseView {
     }
     createTasks(items, dateRange) {
         this.weeks = this.createDaySlots(dateRange);
-        return createTasks$1(dateRange.start, dateRange.end, items, this.weeks);
+        return createTasks$2(dateRange.start, dateRange.end, items, this.weeks);
     }
     onTasksChange() {
         updateTaskData(this.tasks);
@@ -13193,7 +13241,7 @@ const isMultiDay = ({ start, end }) => {
 };
 //check start and times or update day ranges to have them
 /** @hidden */
-const createTasks = (periodStart, periodEnd, items, ranges) => {
+const createTasks$1 = (periodStart, periodEnd, items, ranges) => {
     const tasks = [];
     const utcStart = toUTCDate(periodStart);
     const utcEnd = toUTCDate(periodEnd);
@@ -13987,7 +14035,7 @@ 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$1(dateRange.start, dateRange.end, items, ranges);
     }
     onTasksChange() {
         this.items.next(this.tasks.filter(task => !task.isAllDay));
@@ -15412,7 +15460,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
         return result;
     }
     createTasks(items, dateRange) {
-        return createTasks$2(dateRange.start, dateRange.end, items);
+        return createTasks$3(dateRange.start, dateRange.end, items);
     }
     onTasksChange() {
         this.items.next(this.tasks);
@@ -15835,11 +15883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class TimelineViewComponent extends TimelineBase {
     constructor(localization, changeDetector, viewContext, viewState) {
         super(localization, changeDetector, viewContext, viewState);
-        /**
-         * Specifies the number of days that the view will render.
-         * @default 1
-         */
-        this.numberOfDays = 1;
+        this._numberOfDays = 1;
         /**
          * The invariant name for this view.
          * @default 'timeline'
@@ -15884,6 +15928,18 @@ class TimelineViewComponent extends TimelineBase {
         }
         return this.numberOfDays && this.numberOfDays > 1 ? '{0:d} - {1:d}' : '{0:d}';
     }
+    /**
+     * Specifies the number of days that the view will render.
+     * > Normalized to `1` if the provided value is <= 0.
+     * @default 1
+     */
+    set numberOfDays(days) {
+        this._numberOfDays = days > 0 ? days : 1;
+    }
+    ;
+    get numberOfDays() {
+        return this._numberOfDays;
+    }
 }
 TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
 TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
@@ -15999,11 +16055,7 @@ class TimelineWeekViewComponent extends TimelineBase {
          * @default '{0:d} - {1:d}'
          */
         this.selectedShortDateFormat = '{0:d} - {1:d}';
-        /**
-        * Specifies the number of weeks that the view will render.
-        * @default 1
-        */
-        this.numberOfWeeks = 1;
+        this._numberOfWeeks = 1;
         /**
          * The invariant name for this view.
          * @default 'timelineWeek'
@@ -16022,6 +16074,17 @@ class TimelineWeekViewComponent extends TimelineBase {
     get title() {
         return this.localization.get('timelineWeekViewTitle');
     }
+    /**
+    * Specifies the number of weeks that the view will render.
+    * @default 1
+    */
+    set numberOfWeeks(weeks) {
+        this._numberOfWeeks = weeks > 0 ? weeks : 1;
+    }
+    ;
+    get numberOfWeeks() {
+        return this._numberOfWeeks;
+    }
 }
 TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1$4.IntlService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
 TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
@@ -16125,11 +16188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class TimelineMonthViewComponent extends TimelineBase {
     constructor(localization, changeDetector, viewContext, viewState) {
         super(localization, changeDetector, viewContext, viewState);
-        /**
-         * Specifies the number of months that the view will render.
-         * @default 1
-         */
-        this.numberOfMonths = 1;
+        this._numberOfMonths = 1;
         /**
          * The invariant name for this view.
          * @default 'timelineMonth'
@@ -16192,6 +16251,18 @@ class TimelineMonthViewComponent extends TimelineBase {
         }
         return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:y} - {1:y}' : '{0:y}';
     }
+    /**
+     * Specifies the number of months that the view will render.
+     * > Normalized to `1` if the provided value is <= 0.
+     * @default 1
+     */
+    set numberOfMonths(months) {
+        this._numberOfMonths = months > 0 ? months : 1;
+    }
+    ;
+    get numberOfMonths() {
+        return this._numberOfMonths;
+    }
 }
 TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
 TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfMonths: "numberOfMonths" }, providers: [{
@@ -16838,6 +16909,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 const isContentWrapper = element => hasClasses(element, 'k-scheduler-content');
+const CALENDAR_TAG = 'KENDO-CALENDAR-HORIZONTAL';
 /**
  * @hidden
  */
@@ -16930,6 +17002,10 @@ class ShortcutsDirective {
             }, {
                 match: e => (e.keyCode === Keys.ArrowUp || e.keyCode === Keys.ArrowLeft) && noModifiers(e) && !isContentWrapper(e.target),
                 action: e => {
+                    //use the MultiViewCalendar navigation for Year View
+                    if (e.target.tagName === CALENDAR_TAG) {
+                        return;
+                    }
                     const prevented = this.scheduler.onNavigationAction({ type: 'focus-prev' });
                     if (!prevented) {
                         const item = this.focusService.activeItem;
@@ -16943,6 +17019,10 @@ class ShortcutsDirective {
             }, {
                 match: e => (e.keyCode === Keys.ArrowDown || e.keyCode === Keys.ArrowRight) && noModifiers(e) && !isContentWrapper(e.target),
                 action: e => {
+                    //use the MultiViewCalendar navigation for Year View
+                    if (e.target.tagName === CALENDAR_TAG) {
+                        return;
+                    }
                     const prevented = this.scheduler.onNavigationAction({ type: 'focus-next' });
                     if (!prevented) {
                         const isInToolbar = this.focusService.activeItem.containerType === 'toolbar';
@@ -17104,6 +17184,579 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Output
             }] } });
 
+/**
+ * @hidden
+ */
+const createTasks = (periodStart, periodEnd, items, ranges) => {
+    const tasks = [];
+    const utcStart = toUTCDateTime(periodStart);
+    const utcEnd = toUTCDateTime(periodEnd);
+    for (let index = 0; index < items.length; index++) {
+        const item = items[index];
+        const data = {};
+        const startTime = item.start.toUTCDate();
+        const end = item.end;
+        const endTime = (item.end.getTime() !== end.getTime() ? end.addDays(1) : end).toUTCDate();
+        if (intersects(startTime, endTime, utcStart, utcEnd)) {
+            for (let rangeIdx = 0; rangeIdx < ranges.length; rangeIdx++) {
+                const range = ranges[rangeIdx];
+                const rangeStart = toUTCDate(range);
+                const rangeEnd = toUTCDate(addDays(range, 1));
+                if (intersects(startTime, endTime, rangeStart, rangeEnd)) {
+                    const task = {
+                        index,
+                        startTime: startTime > rangeStart ? startTime : rangeStart,
+                        endTime: endTime < rangeEnd ? endTime : rangeEnd,
+                        start: item.start,
+                        end: item.end,
+                        event: item.event,
+                        isAllDay: item.event.isAllDay,
+                        rangeIndex: rangeIdx,
+                        data: data
+                    };
+                    task.head = endTime > rangeEnd && startTime > rangeStart;
+                    task.tail = startTime < rangeStart && endTime < rangeEnd;
+                    task.mid = endTime > rangeEnd && startTime < rangeStart;
+                    task.isMultiDay = task.head || task.mid || task.tail;
+                    tasks.push(task);
+                }
+            }
+        }
+    }
+    return sortTasksByTime(tasks);
+};
+/**
+ * @hidden
+ */
+const noop = (_) => { };
+/**
+ * @hidden
+ */
+const yearEnd = (year) => new Date(year, 11, 31, 23, 59, 59, 999);
+/**
+ * @hidden
+ */
+const yearStart = (year) => new Date(year, 0, 1, 0, 0, 0, 0);
+
+const today = new Date(Date.now());
+const getDateAttribute = (element) => element?.querySelector('span>span[date]')?.getAttribute('date');
+/**
+ * @hidden
+ */
+class YearViewInternalComponent extends BaseView {
+    constructor(localization, focusService, intl, viewContext, viewState, zone, renderer, pdfService, element, slotService, scrollBarWidthService, changeDetector, localeId) {
+        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
+        this.localization = localization;
+        this.focusService = focusService;
+        this.intl = intl;
+        this.localeId = localeId;
+        this.caretAltLeftIcon = caretAltLeftIcon;
+        this.caretAltRightIcon = caretAltRightIcon;
+        this.eventsPerSelectedDay = [];
+        this.days = [];
+        this.tds = [];
+        this.isTooltipClicked = false;
+        this.slotByIndex = (slotIndex, args) => noop(slotIndex);
+        this.dragHintSize = (startSlot, endSlot) => noop(startSlot);
+        this.dragRanges = (slot) => noop(slot);
+        this.slotByPosition = (x, y, container) => noop(x);
+        this.cachedTds = [];
+    }
+    get arrowIcons() {
+        return !this.localization.rtl
+            ? ['caret-alt-left', 'caret-alt-right']
+            : ['caret-alt-right', 'caret-alt-left'];
+    }
+    get arrowSVGIcons() {
+        return !this.localization.rtl
+            ? [this.caretAltLeftIcon, this.caretAltRightIcon]
+            : [this.caretAltRightIcon, this.caretAltLeftIcon];
+    }
+    ngAfterViewInit() {
+        this.updateTds();
+        super.ngAfterViewInit();
+    }
+    getSlotClass(date) {
+        if (this.slotClass) {
+            return this.slotClass({
+                start: date,
+                end: addDays(date, 1),
+                events: this.eventsPerDay(date),
+            });
+        }
+    }
+    getEventClasses(item, resources, isAllDay) {
+        if (this.eventClass) {
+            return this.eventClass({
+                event: item.event,
+                resources,
+                isAllDay,
+            });
+        }
+    }
+    onBlur() {
+        if (!this.isTooltipClicked) {
+            this.tooltip.hide();
+        }
+        this.isTooltipClicked = false;
+    }
+    getDate(element) {
+        return new Date(getDateAttribute(element.nativeElement));
+    }
+    eventTitle(event) {
+        const startTime = toLocalDate(event.startTime);
+        const endTime = toLocalDate(event.endTime);
+        const time = formatEventTime(startTime, endTime, event.isAllDay, this.localeId);
+        return `${time}, ${event.event.title}`;
+    }
+    onClick(event) {
+        if (event.target.tagName === 'SPAN') {
+            const clickedDate = getDateAttribute(event.target.closest('td.k-calendar-td'));
+            if (clickedDate === getDateAttribute(this.currentTd)) {
+                this.tooltip.show(this.currentTd);
+            }
+        }
+        else {
+            this.tooltip.hide();
+        }
+    }
+    onMouseDown() {
+        this.isTooltipClicked = true;
+    }
+    onKeydown(event) {
+        if (event.key === 'Backspace' || event.key === 'Delete') {
+            this.tooltip.hide();
+        }
+        if (event.key === 'Enter' && !this.tooltip.popupRef) {
+            this.tooltip.show(this.currentTd);
+            return;
+        }
+        if (event.key === 'Enter' && this.tooltip.popupRef && (getDateAttribute(this.currentTd) === this.calendar.focusedDate.toString())) {
+            this.navigateToDay(new Date(getDateAttribute(this.currentTd)));
+        }
+    }
+    navigateToDay(date) {
+        this.tooltip.hide();
+        this.zone.run(() => {
+            this.viewState.navigateTo({ viewName: 'day', date: new Date(date) });
+        });
+    }
+    eventsPerDay(date) {
+        return this.tasksPerDay(date)?.map((task) => task.event) || [];
+    }
+    tasksPerDay(date) {
+        if (this.resources?.length > 0) {
+            return this.tasks?.filter((event) => event.resources.length > 0 &&
+                event.startTime.getUTCDate() === date.getDate() &&
+                event.startTime.getUTCMonth() === date.getMonth());
+        }
+        else {
+            return this.tasks?.filter((event) => event.startTime.getUTCDate() === date.getDate() && event.startTime.getUTCMonth() === date.getMonth());
+        }
+    }
+    onValueChange(date) {
+        this.eventsPerSelectedDay = this.tasksPerDay(date);
+        this.currentTd = this.tds.find((td) => getDateAttribute(td) === date.toString());
+        if (this.tooltip.popupRef) {
+            this.tooltip.hide();
+        }
+    }
+    hasEvent(date) {
+        return this.tasksPerDay(date).length > 0;
+    }
+    createPDFElement() {
+        const element = this.element.nativeElement.cloneNode(true);
+        element.style.width = `${this.element.nativeElement.offsetWidth}px`;
+        element.querySelector('.k-scheduler-layout').style.height = 'auto';
+        this.pdfService.elementReady.emit({
+            element: element,
+        });
+    }
+    onSelectDate(date) {
+        const year = date.getFullYear();
+        this.focusedDate = new Date(year, today.getMonth(), today.getDate());
+        const start = yearStart(year);
+        this.selectedDate = start;
+        const dateRange = this.dateRange(date);
+        this.viewState.notifyDateRange(dateRange);
+        this.days = this.createDaySlots(dateRange);
+        if (this.calendar) {
+            this.calendar.min = start;
+            this.calendar.max = yearEnd(start.getFullYear());
+            this.updateTds();
+        }
+    }
+    onAction(e) {
+        const now = this.selectedDate;
+        if (e.type === 'next' || e.type === 'prev') {
+            const offset = e.type === 'next' ? 1 : -1;
+            const next = addYears(now, offset);
+            this.viewState.notifyNextDate(next);
+            this.calendar.min = next;
+            this.calendar.max = yearEnd(next.getFullYear());
+            this.focusedDate = new Date(next.getFullYear(), today.getMonth(), today.getDate());
+        }
+    }
+    createTasks(items, dateRange) {
+        this.days = this.createDaySlots(dateRange);
+        return createTasks(dateRange.start, dateRange.end, items, this.days);
+    }
+    reflow() {
+        this.updateContentHeight();
+        const content = this.content.nativeElement;
+        if (this.contentHeight === 'auto') {
+            // bigger size changes cause the table to overflow the container and in horizontal scrollbars
+            // this changes the table and slots size during rendering before the browser re-adjusts the 100% table width
+            content.style.overflow = 'visible';
+        }
+        if (this.contentHeight === 'auto') {
+            content.style.overflow = '';
+        }
+    }
+    dateRange(date = this.selectedDate) {
+        return this.dateRangeFn(date);
+    }
+    onTasksChange() {
+        this.items.next(this.tasks);
+    }
+    createDaySlots({ start }) {
+        const days = [];
+        const monthsPerYear = 12;
+        let date = start;
+        for (let idx = 0; idx < monthsPerYear; idx++) {
+            const monthTotalDays = this.getLastDayOfMonth(date.getFullYear(), date.getMonth());
+            for (let dayIdx = 0; dayIdx < monthTotalDays; dayIdx++) {
+                days.push(date);
+                const nextDay = addDays(date, 1);
+                date = nextDay;
+            }
+        }
+        return days;
+    }
+    getLastDayOfMonth(year, month) {
+        return new Date(year, month + 1, 0).getDate();
+    }
+    updateTds() {
+        this.cachedTds.forEach((td) => {
+            this.renderer.setAttribute(td, 'class', 'k-calendar-td');
+        });
+        this.cachedTds = [];
+        this.tds = Array.from(this.calendar.element.nativeElement.querySelectorAll('.k-calendar-td:not(.k-other-month)'));
+        if (this.slotClass) {
+            this.tds.forEach((td) => {
+                const date = toUTCDate(new Date(getDateAttribute(td)));
+                const userClass = this.getSlotClass(date);
+                if (userClass) {
+                    this.renderer.addClass(td, userClass);
+                    this.cachedTds.push(td);
+                }
+            });
+        }
+    }
+}
+YearViewInternalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewInternalComponent, deps: [{ token: i1$1.LocalizationService }, { token: FocusService }, { token: i1$4.IntlService }, { token: ViewContextService }, { token: ViewStateService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: PDFService }, { token: i0.ElementRef }, { token: MonthSlotService }, { token: i7.ScrollbarWidthService }, { token: i0.ChangeDetectorRef }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
+YearViewInternalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: YearViewInternalComponent, selector: "year-view-internal", inputs: { newRange: "newRange", dateRangeFn: "dateRangeFn", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [MonthSlotService], viewQueries: [{ propertyName: "calendar", first: true, predicate: MultiViewCalendarComponent, descendants: true }, { propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <div #content class="k-scheduler-layout k-scheduler-layout-flex k-scheduler-yearview">
+            <div class="k-scheduler-body">
+                <kendo-multiviewcalendar
+                    [showOtherMonthDates]="false"
+                    [showCalendarHeader]="false"
+                    [showViewHeader]="true"
+                    [views]="12"
+                    [focusedDate]="focusedDate"
+                    kendoTooltip
+                    filter=".k-calendar-td"
+                    showOn="none"
+                    [tooltipTemplate]="template"
+                    position="right"
+                    tooltipContentClass="k-scheduler-tooltip"
+                    [tooltipWidth]="220"
+                    [collision]="{ horizontal: 'flip', vertical: 'flip' }"
+                    (valueChange)="onValueChange($event)"
+                    (blur)="onBlur()"
+                >
+                    <ng-template kendoCalendarMonthCellTemplate let-date let-context="cellContext">
+                        <span *ngIf="!context.isOtherMonth" [attr.date]="date">{{ date.getDate() }}</span>
+                        <span *ngIf="!context.isOtherMonth && hasEvent(date)" class="k-day-indicator"></span>
+                    </ng-template>
+                </kendo-multiviewcalendar>
+            </div>
+        </div>
+        <ng-template #template let-anchor>
+            <div
+                class="k-tooltip-title k-text-center"
+                (click)="navigateToDay(getDate(anchor))"
+                (mousedown)="onMouseDown()"
+            >
+                <div class="k-month">{{ intl.formatDate(getDate(anchor), 'MMM') }}</div>
+                <div class="k-link k-day k-text-primary">{{ intl.formatDate(getDate(anchor), 'dd') }}</div>
+            </div>
+            <div class="k-tooltip-events-container" (mousedown)="onMouseDown()">
+                <div class="k-tooltip-events">
+                    <div
+                        *ngFor="let event of eventsPerSelectedDay"
+                        class="k-tooltip-event k-event"
+                        [title]="eventTitle(event)"
+                        [ngClass]="getEventClasses(event, event.resources)"
+                        [ngStyle]="getEventStyles(event, event.resources[0], event.isAllDay)"
+                    >
+                        <kendo-icon-wrapper
+                            *ngIf="event.tail || event.mid"
+                            [name]="arrowIcons[0]"
+                            [svgIcon]="arrowSVGIcons[0]"
+                        >
+                        </kendo-icon-wrapper>
+                        <div class="k-event-title k-text-ellipsis">{{ event.event.title }}</div>
+                        <span class="k-spacer"></span>
+                        <span
+                            class="k-event-time"
+                            *ngIf="(event.isMultiDay && event.head && !event.isAllDay) || !event.isMultiDay"
+                            >{{ intl.formatDate(event.start, 't') }}</span
+                        >
+                        <kendo-icon-wrapper
+                            *ngIf="event.head || event.mid"
+                            [name]="arrowIcons[1]"
+                            [svgIcon]="arrowSVGIcons[1]"
+                        >
+                        </kendo-icon-wrapper>
+                    </div>
+                </div>
+            </div>
+            <div *ngIf="eventsPerSelectedDay.length === 0" class="k-no-data k-text-center">
+                {{ localization.get('yearViewNoEvents') }}
+            </div>
+        </ng-template>
+    `, isInline: true, components: [{ type: i2.MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDates", "showCalendarHeader", "id", "focusedDate", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { type: i4$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i11$1.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "tooltipContentClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }, { type: i2.MonthCellTemplateDirective, selector: "[kendoCalendarMonthCellTemplate]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewInternalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'year-view-internal',
+                    providers: [MonthSlotService],
+                    template: `
+        <div #content class="k-scheduler-layout k-scheduler-layout-flex k-scheduler-yearview">
+            <div class="k-scheduler-body">
+                <kendo-multiviewcalendar
+                    [showOtherMonthDates]="false"
+                    [showCalendarHeader]="false"
+                    [showViewHeader]="true"
+                    [views]="12"
+                    [focusedDate]="focusedDate"
+                    kendoTooltip
+                    filter=".k-calendar-td"
+                    showOn="none"
+                    [tooltipTemplate]="template"
+                    position="right"
+                    tooltipContentClass="k-scheduler-tooltip"
+                    [tooltipWidth]="220"
+                    [collision]="{ horizontal: 'flip', vertical: 'flip' }"
+                    (valueChange)="onValueChange($event)"
+                    (blur)="onBlur()"
+                >
+                    <ng-template kendoCalendarMonthCellTemplate let-date let-context="cellContext">
+                        <span *ngIf="!context.isOtherMonth" [attr.date]="date">{{ date.getDate() }}</span>
+                        <span *ngIf="!context.isOtherMonth && hasEvent(date)" class="k-day-indicator"></span>
+                    </ng-template>
+                </kendo-multiviewcalendar>
+            </div>
+        </div>
+        <ng-template #template let-anchor>
+            <div
+                class="k-tooltip-title k-text-center"
+                (click)="navigateToDay(getDate(anchor))"
+                (mousedown)="onMouseDown()"
+            >
+                <div class="k-month">{{ intl.formatDate(getDate(anchor), 'MMM') }}</div>
+                <div class="k-link k-day k-text-primary">{{ intl.formatDate(getDate(anchor), 'dd') }}</div>
+            </div>
+            <div class="k-tooltip-events-container" (mousedown)="onMouseDown()">
+                <div class="k-tooltip-events">
+                    <div
+                        *ngFor="let event of eventsPerSelectedDay"
+                        class="k-tooltip-event k-event"
+                        [title]="eventTitle(event)"
+                        [ngClass]="getEventClasses(event, event.resources)"
+                        [ngStyle]="getEventStyles(event, event.resources[0], event.isAllDay)"
+                    >
+                        <kendo-icon-wrapper
+                            *ngIf="event.tail || event.mid"
+                            [name]="arrowIcons[0]"
+                            [svgIcon]="arrowSVGIcons[0]"
+                        >
+                        </kendo-icon-wrapper>
+                        <div class="k-event-title k-text-ellipsis">{{ event.event.title }}</div>
+                        <span class="k-spacer"></span>
+                        <span
+                            class="k-event-time"
+                            *ngIf="(event.isMultiDay && event.head && !event.isAllDay) || !event.isMultiDay"
+                            >{{ intl.formatDate(event.start, 't') }}</span
+                        >
+                        <kendo-icon-wrapper
+                            *ngIf="event.head || event.mid"
+                            [name]="arrowIcons[1]"
+                            [svgIcon]="arrowSVGIcons[1]"
+                        >
+                        </kendo-icon-wrapper>
+                    </div>
+                </div>
+            </div>
+            <div *ngIf="eventsPerSelectedDay.length === 0" class="k-no-data k-text-center">
+                {{ localization.get('yearViewNoEvents') }}
+            </div>
+        </ng-template>
+    `,
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: FocusService }, { type: i1$4.IntlService }, { type: ViewContextService }, { type: ViewStateService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: PDFService }, { type: i0.ElementRef }, { type: MonthSlotService }, { type: i7.ScrollbarWidthService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; }, propDecorators: { newRange: [{
+                type: Input
+            }], dateRangeFn: [{
+                type: Input
+            }], calendar: [{
+                type: ViewChild,
+                args: [MultiViewCalendarComponent]
+            }], tooltip: [{
+                type: ViewChild,
+                args: [TooltipDirective]
+            }], selectedDateFormat: [{
+                type: Input
+            }], selectedShortDateFormat: [{
+                type: Input
+            }] } });
+
+/**
+ * The component for rendering the **Year** view.
+ */
+class YearViewComponent extends ConfigurationViewBase {
+    constructor(localization, changeDetector, viewContext, viewState, intl) {
+        super(localization, changeDetector, viewContext, viewState);
+        this.intl = intl;
+        /**
+         * The long-date format for displaying the
+         * selected year in the Scheduler toolbar.
+         * For more information, see [Parsing and Formatting Dates and Numbers]({% slug parsingandformatting_intl %}#toc-date-formatting).
+         * @default '{0:yyy}'
+         */
+        this.selectedDateFormat = '{0:yyy}';
+        /**
+         * The short-date format for displaying the
+         * selected year in the Scheduler toolbar.
+         * For more information, see [Parsing and Formatting Dates and Numbers]({% slug parsingandformatting_intl %}#toc-date-formatting).
+         * @default '{0:yyy}'
+         */
+        this.selectedShortDateFormat = '{0:yyy}';
+        /**
+         * The invariant name for this view.
+         * @default 'year'
+         */
+        this.name = 'year';
+    }
+    /**
+     * @hidden
+     */
+    get title() {
+        return this.localization.get('yearViewTitle');
+    }
+    /**
+     * @hidden
+     */
+    dateRange(date) {
+        const year = date.getFullYear();
+        const start = yearStart(year);
+        const end = yearEnd(year);
+        const text = this.intl.format(this.selectedDateFormat, start);
+        const shortText = this.intl.format(this.selectedShortDateFormat, start);
+        return { start, end, text, shortText };
+    }
+    /**
+     * @hidden
+     */
+    newRange(date, direction = 1) {
+        return new Date(addYears(date, direction));
+    }
+}
+YearViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i1$4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+YearViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: YearViewComponent, selector: "kendo-scheduler-year-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+            provide: SchedulerView,
+            useExisting: forwardRef(() => YearViewComponent)
+        }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #content>
+            <year-view-internal
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [dateRangeFn]="dateRange"
+                [newRange]="newRange">
+            </year-view-internal>
+        </ng-template>
+    `, isInline: true, components: [{ type: YearViewInternalComponent, selector: "year-view-internal", inputs: ["newRange", "dateRangeFn", "selectedDateFormat", "selectedShortDateFormat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-scheduler-year-view',
+                    providers: [{
+                            provide: SchedulerView,
+                            useExisting: forwardRef(() => YearViewComponent)
+                        }],
+                    template: `
+        <ng-template #content>
+            <year-view-internal
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [dateRangeFn]="dateRange"
+                [newRange]="newRange">
+            </year-view-internal>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: ViewContextService }, { type: ViewStateService }, { type: i1$4.IntlService }]; }, propDecorators: { selectedDateFormat: [{
+                type: Input
+            }], selectedShortDateFormat: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class YearViewModule {
+}
+YearViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+YearViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewModule, declarations: [YearViewComponent,
+        YearViewInternalComponent], imports: [ViewsSharedModule,
+        CalendarsModule,
+        TooltipsModule,
+        IntlModule], exports: [YearViewComponent] });
+YearViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewModule, imports: [[
+            ViewsSharedModule,
+            CalendarsModule,
+            TooltipsModule,
+            IntlModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: YearViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ViewsSharedModule,
+                        CalendarsModule,
+                        TooltipsModule,
+                        IntlModule
+                    ],
+                    exports: [
+                        YearViewComponent
+                    ],
+                    declarations: [
+                        YearViewComponent,
+                        YearViewInternalComponent
+                    ]
+                }]
+        }] });
+
 const TEMPLATES = [
     AgendaDateTemplateDirective,
     AgendaTimeTemplateDirective,
@@ -17149,6 +17802,7 @@ const declarations$1 = [
 const publicDirectives = [
     AgendaViewComponent,
     MonthViewModule,
+    YearViewComponent,
     MultiDayViewModule,
     ReactiveEditingDirective,
     TimelineViewModule,
@@ -17233,7 +17887,8 @@ SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         ResizeSensorModule,
         MonthViewModule,
         TimelineViewModule,
-        WatermarkModule, ButtonsModule,
+        WatermarkModule,
+        YearViewModule, ButtonsModule,
         CheckBoxModule,
         TextAreaModule,
         DateInputsModule,
@@ -17246,6 +17901,7 @@ SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         LabelModule,
         FormFieldModule], exports: [AgendaViewComponent,
         MonthViewModule,
+        YearViewComponent,
         MultiDayViewModule,
         ReactiveEditingDirective,
         TimelineViewModule, ToolbarNavigationComponent, ToolbarTemplateDirective, ToolbarViewSelectorComponent, SchedulerComponent,
@@ -17296,6 +17952,7 @@ SchedulerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             MonthViewModule,
             TimelineViewModule,
             WatermarkModule,
+            YearViewModule,
             ...importedKendoModules
         ], MonthViewModule,
         MultiDayViewModule,
@@ -17312,6 +17969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         MonthViewModule,
                         TimelineViewModule,
                         WatermarkModule,
+                        YearViewModule,
                         ...importedKendoModules
                     ],
                     declarations: declarations$1,
@@ -17868,5 +18526,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddEvent, AgendaDateTemplateDirective, AgendaTimeTemplateDirective, AgendaViewComponent, AllDayEventTemplateDirective, AllDaySlotTemplateDirective, BaseEditService, CancelEvent, CrudOperation, DataBindingDirective, DateChangeEvent, DateHeaderTemplateDirective, DaySlotDirective, DayTimeModule, DayTimeSlotService, DayTimeViewItemComponent, DayViewComponent, DragEndEvent, DragEvent, DragStartEvent, EditDialogComponent, EditDialogTemplateDirective, EditEvent, EditEventBase, EditMode, EndRuleRadioButtonDirective, EventClickEvent, EventKeydownEvent, EventTemplateDirective, FocusService, FocusableDirective, GroupHeaderTemplateDirective, HintContainerComponent, IsSlotSelectedArgs, LoadingComponent, LocalizedMessagesDirective, MajorTimeHeaderTemplateDirective, MinorTimeHeaderTemplateDirective, MonthDaySlotTemplateDirective, MonthViewComponent, MonthViewModule, MultiDayViewComponent, MultiDayViewModule, MultiWeekDaySlotTemplateDirective, MultiWeekViewComponent, MultipleResourceEditorComponent, NavigateEvent, PDFCommandDirective, PDFComponent, PDFExportEvent, PDFModule, PDFService, ReactiveEditingDirective, RecurrenceEditorComponent, RecurrenceEditorCustomMessagesComponent, RecurrenceEditorLocalizedMessagesDirective, RecurrenceEndRuleEditorComponent, RecurrenceFrequencyEditorComponent, RecurrenceIntervalEditorComponent, RecurrenceMonthlyYearlyEditorComponent, RecurrenceWeekdayRuleEditorComponent, RemoveEvent, RepeatOnRadioButtonDirective, RepeatPipe, ResizeEndEvent, ResizeEvent, ResizeHintComponent, ResizeStartEvent, ResourceIteratorPipe, SaveEvent, SchedulerComponent, SchedulerCustomMessagesComponent, SchedulerDateTimePickerComponent, SchedulerModule, SchedulerView, SchedulerViewDirective, SharedModule, ShortcutsDirective, SingleResourceEditorComponent, SlotClickEvent, SlotDragEndEvent, SlotDragEvent, SlotDragStartEvent, SlotSelectableDirective, SortPipe, TimeSlotDirective, TimeSlotTemplateDirective, TimeZoneEditorComponent, TimelineBase, TimelineMonthViewComponent, TimelineMultiDayViewComponent, TimelineViewComponent, TimelineViewModule, TimelineWeekViewComponent, ToolbarNavigationComponent, ToolbarService, ToolbarTemplateDirective, ToolbarViewSelectorComponent, VIEW_EVENT_MAP, ViewContextService, ViewFooterComponent, ViewStateService, ViewsSharedModule, WeekViewComponent, WorkHoursFooterDirective, WorkWeekViewComponent };
+export { AddEvent, AgendaDateTemplateDirective, AgendaTimeTemplateDirective, AgendaViewComponent, AllDayEventTemplateDirective, AllDaySlotTemplateDirective, BaseEditService, CancelEvent, CrudOperation, DataBindingDirective, DateChangeEvent, DateHeaderTemplateDirective, DaySlotDirective, DayTimeModule, DayTimeSlotService, DayTimeViewItemComponent, DayViewComponent, DragEndEvent, DragEvent, DragStartEvent, EditDialogComponent, EditDialogTemplateDirective, EditEvent, EditEventBase, EditMode, EndRuleRadioButtonDirective, EventClickEvent, EventKeydownEvent, EventTemplateDirective, FocusService, FocusableDirective, GroupHeaderTemplateDirective, HintContainerComponent, IsSlotSelectedArgs, LoadingComponent, LocalizedMessagesDirective, MajorTimeHeaderTemplateDirective, MinorTimeHeaderTemplateDirective, MonthDaySlotTemplateDirective, MonthViewComponent, MonthViewModule, MultiDayViewComponent, MultiDayViewModule, MultiWeekDaySlotTemplateDirective, MultiWeekViewComponent, MultipleResourceEditorComponent, NavigateEvent, PDFCommandDirective, PDFComponent, PDFExportEvent, PDFModule, PDFService, ReactiveEditingDirective, RecurrenceEditorComponent, RecurrenceEditorCustomMessagesComponent, RecurrenceEditorLocalizedMessagesDirective, RecurrenceEndRuleEditorComponent, RecurrenceFrequencyEditorComponent, RecurrenceIntervalEditorComponent, RecurrenceMonthlyYearlyEditorComponent, RecurrenceWeekdayRuleEditorComponent, RemoveEvent, RepeatOnRadioButtonDirective, RepeatPipe, ResizeEndEvent, ResizeEvent, ResizeHintComponent, ResizeStartEvent, ResourceIteratorPipe, SaveEvent, SchedulerComponent, SchedulerCustomMessagesComponent, SchedulerDateTimePickerComponent, SchedulerModule, SchedulerView, SchedulerViewDirective, SharedModule, ShortcutsDirective, SingleResourceEditorComponent, SlotClickEvent, SlotDragEndEvent, SlotDragEvent, SlotDragStartEvent, SlotSelectableDirective, SortPipe, TimeSlotDirective, TimeSlotTemplateDirective, TimeZoneEditorComponent, TimelineBase, TimelineMonthViewComponent, TimelineMultiDayViewComponent, TimelineViewComponent, TimelineViewModule, TimelineWeekViewComponent, ToolbarNavigationComponent, ToolbarService, ToolbarTemplateDirective, ToolbarViewSelectorComponent, VIEW_EVENT_MAP, ViewContextService, ViewFooterComponent, ViewStateService, ViewsSharedModule, WeekViewComponent, WorkHoursFooterDirective, WorkWeekViewComponent, YearViewComponent };