@progress/kendo-angular-scheduler 3.0.3-dev.202204061046 → 4.0.0-dev.202204140813

package/esm2015/scheduler.module.js

@@ -0,0 +1,281 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { CldrIntlService, IntlService } from '@progress/kendo-angular-intl';
+import { ResizeSensorModule } from '@progress/kendo-angular-common';
+import { DataBindingDirective } from './data-binding.directive';
+import { SchedulerCustomMessagesComponent } from './localization/custom-messages.component';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { SchedulerComponent } from './scheduler.component';
+import { publicDirectives as toolbarDirectives, ToolbarModule } from './toolbar/toolbar.module';
+import { AgendaViewComponent } from './views/agenda/agenda-view.component';
+import { AgendaViewModule } from './views/agenda/agenda-view.module';
+import { MonthViewModule } from './views/month/month-view.module';
+import { MultiDayViewModule } from './views/multi-day/multi-day-view.module';
+import { SchedulerViewDirective } from './views/scheduler-view.directive';
+import { AgendaDateTemplateDirective } from './views/templates/agenda-date-template.directive';
+import { AgendaTimeTemplateDirective } from './views/templates/agenda-time-template.directive';
+import { AllDayEventTemplateDirective } from './views/templates/all-day-event-template.directive';
+import { AllDaySlotTemplateDirective } from './views/templates/all-day-slot-template.directive';
+import { DateHeaderTemplateDirective } from './views/templates/date-header-template.directive';
+import { EventTemplateDirective } from './views/templates/event-template.directive';
+import { GroupHeaderTemplateDirective } from './views/templates/group-header-template.directive';
+import { MajorTimeHeaderTemplateDirective } from './views/templates/major-time-header-template.directive';
+import { MinorTimeHeaderTemplateDirective } from './views/templates/minor-time-header-template.directive';
+import { MonthDaySlotTemplateDirective } from './views/templates/month-day-slot-template.directive';
+import { TimeSlotTemplateDirective } from './views/templates/time-slot-template.directive';
+import { TimelineViewModule } from './views/timeline/timeline-view.module';
+import { ReactiveEditingDirective } from './editing-directives/reactive-editing.directive';
+import { DialogModule } from '@progress/kendo-angular-dialog';
+import { EditDialogComponent } from './editing/edit-dialog.component';
+import { ReactiveFormsModule } from '@angular/forms';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
+import { CheckBoxModule, NumericTextBoxModule, TextAreaModule, TextBoxModule } from '@progress/kendo-angular-inputs';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
+import { SchedulerDateTimePickerComponent } from './editing/date-time-picker.component';
+import { RecurrenceEditorComponent } from './editing/recurrence/recurrence-editor.component';
+import { RecurrenceFrequencyEditorComponent } from './editing/recurrence/recurrence-frequency-editor.component';
+import { RecurrenceEndRuleEditorComponent } from './editing/recurrence/recurrence-end-rule-editor.component';
+import { RecurrenceIntervalEditorComponent } from './editing/recurrence/recurrence-interval-editor.component';
+import { RecurrenceMonthlyYearlyEditorComponent } from './editing/recurrence/recurrence-monthly-yearly-editor.component';
+import { RecurrenceWeekdayRuleEditorComponent } from './editing/recurrence/recurrence-weekday-rule-editor.component';
+import { RecurrenceEditorCustomMessagesComponent } from './editing/recurrence/localization/custom-messages.component';
+import { RecurrenceEditorLocalizedMessagesDirective } from './editing/recurrence/localization/localized-messages.directive';
+import { EndRuleRadioButtonDirective } from './editing/recurrence/end-rule-radio-button.directive';
+import { RepeatOnRadioButtonDirective } from './editing/recurrence/repeat-on-radio-button.directive';
+import { MultipleResourceEditorComponent } from './editing/resource-multiple-editor.component';
+import { SingleResourceEditorComponent } from './editing/resource-single-editor.component';
+import { TimeZoneEditorComponent } from './editing/timezone-editor.component';
+import { EditDialogTemplateDirective } from './editing/edit-dialog-template.directive';
+import { LoadingComponent } from './loading.component';
+import { SharedModule } from './shared.module';
+import { ShortcutsDirective } from './navigation/shortcuts.directive';
+import { SlotSelectableDirective } from './views/common/slot-selectable.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./toolbar/navigation.component";
+import * as i2 from "./toolbar/toolbar-template.directive";
+import * as i3 from "./toolbar/view-selector.component";
+const TEMPLATES = [
+    AgendaDateTemplateDirective,
+    AgendaTimeTemplateDirective,
+    AllDayEventTemplateDirective,
+    AllDaySlotTemplateDirective,
+    DateHeaderTemplateDirective,
+    EventTemplateDirective,
+    EditDialogTemplateDirective,
+    GroupHeaderTemplateDirective,
+    MajorTimeHeaderTemplateDirective,
+    MinorTimeHeaderTemplateDirective,
+    MonthDaySlotTemplateDirective,
+    TimeSlotTemplateDirective
+];
+const declarations = [
+    SchedulerComponent,
+    SchedulerViewDirective,
+    DataBindingDirective,
+    ShortcutsDirective,
+    ReactiveEditingDirective,
+    SlotSelectableDirective,
+    SchedulerDateTimePickerComponent,
+    RecurrenceEditorComponent,
+    RecurrenceEndRuleEditorComponent,
+    RecurrenceFrequencyEditorComponent,
+    RecurrenceIntervalEditorComponent,
+    RecurrenceMonthlyYearlyEditorComponent,
+    RecurrenceWeekdayRuleEditorComponent,
+    EndRuleRadioButtonDirective,
+    RepeatOnRadioButtonDirective,
+    MultipleResourceEditorComponent,
+    SingleResourceEditorComponent,
+    TimeZoneEditorComponent,
+    EditDialogComponent,
+    SchedulerCustomMessagesComponent,
+    LocalizedMessagesDirective,
+    RecurrenceEditorCustomMessagesComponent,
+    RecurrenceEditorLocalizedMessagesDirective,
+    LoadingComponent,
+    ...TEMPLATES
+];
+const publicDirectives = [
+    AgendaViewComponent,
+    MonthViewModule,
+    MultiDayViewModule,
+    ReactiveEditingDirective,
+    TimelineViewModule,
+    toolbarDirectives,
+    ...declarations
+];
+const importedKendoModules = [
+    ButtonsModule,
+    CheckBoxModule,
+    TextAreaModule,
+    DateInputsModule,
+    DialogModule,
+    NumericTextBoxModule,
+    TextBoxModule,
+    DropDownsModule,
+    ReactiveFormsModule,
+    SharedModule
+];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Scheduler component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the Scheduler module
+ * import { SchedulerModule } from '@progress/kendo-angular-scheduler';
+ *
+ * import { AppComponent } from './app.component';
+ *
+ * _@NgModule({
+ *     declarations: [
+ *         AppComponent
+ *     ],
+ *     imports: [
+ *         BrowserModule,
+ *
+ *         // Import the Scheduler module
+ *         SchedulerModule
+ *     ],
+ *     bootstrap: [
+ *         AppComponent
+ *     ]
+ * })
+ * export class AppModule { }
+ * ```
+ */
+export class SchedulerModule {
+}
+SchedulerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SchedulerModule, declarations: [SchedulerComponent,
+        SchedulerViewDirective,
+        DataBindingDirective,
+        ShortcutsDirective,
+        ReactiveEditingDirective,
+        SlotSelectableDirective,
+        SchedulerDateTimePickerComponent,
+        RecurrenceEditorComponent,
+        RecurrenceEndRuleEditorComponent,
+        RecurrenceFrequencyEditorComponent,
+        RecurrenceIntervalEditorComponent,
+        RecurrenceMonthlyYearlyEditorComponent,
+        RecurrenceWeekdayRuleEditorComponent,
+        EndRuleRadioButtonDirective,
+        RepeatOnRadioButtonDirective,
+        MultipleResourceEditorComponent,
+        SingleResourceEditorComponent,
+        TimeZoneEditorComponent,
+        EditDialogComponent,
+        SchedulerCustomMessagesComponent,
+        LocalizedMessagesDirective,
+        RecurrenceEditorCustomMessagesComponent,
+        RecurrenceEditorLocalizedMessagesDirective,
+        LoadingComponent, AgendaDateTemplateDirective,
+        AgendaTimeTemplateDirective,
+        AllDayEventTemplateDirective,
+        AllDaySlotTemplateDirective,
+        DateHeaderTemplateDirective,
+        EventTemplateDirective,
+        EditDialogTemplateDirective,
+        GroupHeaderTemplateDirective,
+        MajorTimeHeaderTemplateDirective,
+        MinorTimeHeaderTemplateDirective,
+        MonthDaySlotTemplateDirective,
+        TimeSlotTemplateDirective], imports: [CommonModule,
+        ToolbarModule,
+        AgendaViewModule,
+        MultiDayViewModule,
+        ResizeSensorModule,
+        MonthViewModule,
+        TimelineViewModule, ButtonsModule,
+        CheckBoxModule,
+        TextAreaModule,
+        DateInputsModule,
+        DialogModule,
+        NumericTextBoxModule,
+        TextBoxModule,
+        DropDownsModule,
+        ReactiveFormsModule,
+        SharedModule], exports: [AgendaViewComponent,
+        MonthViewModule,
+        MultiDayViewModule,
+        ReactiveEditingDirective,
+        TimelineViewModule, i1.ToolbarNavigationComponent, i2.ToolbarTemplateDirective, i3.ToolbarViewSelectorComponent, SchedulerComponent,
+        SchedulerViewDirective,
+        DataBindingDirective,
+        ShortcutsDirective,
+        ReactiveEditingDirective,
+        SlotSelectableDirective,
+        SchedulerDateTimePickerComponent,
+        RecurrenceEditorComponent,
+        RecurrenceEndRuleEditorComponent,
+        RecurrenceFrequencyEditorComponent,
+        RecurrenceIntervalEditorComponent,
+        RecurrenceMonthlyYearlyEditorComponent,
+        RecurrenceWeekdayRuleEditorComponent,
+        EndRuleRadioButtonDirective,
+        RepeatOnRadioButtonDirective,
+        MultipleResourceEditorComponent,
+        SingleResourceEditorComponent,
+        TimeZoneEditorComponent,
+        EditDialogComponent,
+        SchedulerCustomMessagesComponent,
+        LocalizedMessagesDirective,
+        RecurrenceEditorCustomMessagesComponent,
+        RecurrenceEditorLocalizedMessagesDirective,
+        LoadingComponent, AgendaDateTemplateDirective,
+        AgendaTimeTemplateDirective,
+        AllDayEventTemplateDirective,
+        AllDaySlotTemplateDirective,
+        DateHeaderTemplateDirective,
+        EventTemplateDirective,
+        EditDialogTemplateDirective,
+        GroupHeaderTemplateDirective,
+        MajorTimeHeaderTemplateDirective,
+        MinorTimeHeaderTemplateDirective,
+        MonthDaySlotTemplateDirective,
+        TimeSlotTemplateDirective] });
+SchedulerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SchedulerModule, providers: [{
+            provide: IntlService,
+            useClass: CldrIntlService
+        }], imports: [[
+            CommonModule,
+            ToolbarModule,
+            AgendaViewModule,
+            MultiDayViewModule,
+            ResizeSensorModule,
+            MonthViewModule,
+            TimelineViewModule,
+            ...importedKendoModules
+        ], MonthViewModule,
+        MultiDayViewModule,
+        TimelineViewModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SchedulerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ToolbarModule,
+                        AgendaViewModule,
+                        MultiDayViewModule,
+                        ResizeSensorModule,
+                        MonthViewModule,
+                        TimelineViewModule,
+                        ...importedKendoModules
+                    ],
+                    declarations: declarations,
+                    exports: publicDirectives,
+                    providers: [{
+                            provide: IntlService,
+                            useClass: CldrIntlService
+                        }]
+                }]
+        }] });

package/esm2015/shared.module.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { FocusableDirective } from './navigation';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class SharedModule {
+    static exports() {
+        return [
+            FocusableDirective
+        ];
+    }
+}
+SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, declarations: [FocusableDirective], exports: [FocusableDirective] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FocusableDirective
+                    ],
+                    exports: [
+                        FocusableDirective
+                    ]
+                }]
+        }] });

package/esm2015/toolbar/navigation.component.js

@@ -0,0 +1,285 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewChild } from '@angular/core';
+import { PopupService } from '@progress/kendo-angular-popup';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "./toolbar.service";
+import * as i3 from "@progress/kendo-angular-l10n";
+import * as i4 from "@progress/kendo-angular-dateinputs";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@angular/common";
+/**
+ * A toolbar component which contains the controls for date navigation
+ * ([see example]({% slug toolbar_scheduler %}#toc-including-the-built-in-components)).
+ *
+ * To render the **Previous**, **Today**, **Next**, and **Date picker**
+ * buttons, include the component in the
+ * [toolbar template]({% slug api_scheduler_toolbartemplatedirective %}).
+ *
+ * {% meta height:700 %}
+ * {% embed_file toolbar/template/app.component.ts preview %}
+ * {% embed_file toolbar/template/my-navigation.component.ts %}
+ * {% embed_file toolbar/template/app.module.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% endmeta %}
+ */
+export class ToolbarNavigationComponent {
+    constructor(popupService, toolbarService, localization, cd) {
+        this.popupService = popupService;
+        this.toolbarService = toolbarService;
+        this.localization = localization;
+        /**
+         * @hidden
+         * TODO: Drop in next MAJOR version
+         */
+        this.inlineDisplayStyle = 'flex';
+        /**
+         * @hidden
+         * TODO: Drop in next MAJOR version
+         */
+        this.inlineFlexFlowStyle = 'inherit';
+        /**
+         * @hidden
+         * TODO: Drop in next MAJOR version
+         */
+        this.inlineGapStyle = 'inherit';
+        this.subs = this.localization.changes.subscribe(() => {
+            cd.markForCheck();
+        });
+    }
+    set calendar(calendar) {
+        if (calendar) {
+            calendar.focus();
+        }
+    }
+    /**
+     * @hidden
+     */
+    get todayText() {
+        return this.localization.get('today');
+    }
+    /**
+     * @hidden
+     */
+    get calendarTodayText() {
+        return this.localization.get('calendarToday');
+    }
+    /**
+     * @hidden
+     */
+    get nextText() {
+        return this.localization.get('nextTitle');
+    }
+    /**
+     * @hidden
+     */
+    get previousText() {
+        return this.localization.get('previousTitle');
+    }
+    /**
+     * @hidden
+     */
+    get ctx() {
+        return this.toolbarService.context;
+    }
+    /**
+     * @hidden
+     */
+    onBlur() {
+        this.closePopup();
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+        this.closePopup();
+    }
+    /**
+     * @hidden
+     */
+    toggleSelectedDate(anchor, template) {
+        if (this.popupRef) {
+            this.closePopup();
+        }
+        else {
+            const popupSettings = {
+                anchor: anchor,
+                content: template
+            };
+            if (this.localization.rtl) {
+                popupSettings.popupClass = 'k-rtl';
+            }
+            this.popupRef = this.popupService.open(popupSettings);
+        }
+        return false;
+    }
+    /**
+     * @hidden
+     */
+    selectDate(value) {
+        this.closePopup();
+        this.toolbarService.navigate({
+            type: 'select-date',
+            date: value
+        });
+    }
+    /**
+     * @hidden
+     */
+    prevClick() {
+        this.toolbarService.navigate({
+            type: 'prev'
+        });
+        return false;
+    }
+    /**
+     * @hidden
+     */
+    nextClick() {
+        this.toolbarService.navigate({
+            type: 'next'
+        });
+        return false;
+    }
+    /**
+     * @hidden
+     */
+    todayClick() {
+        this.toolbarService.navigate({
+            type: 'today'
+        });
+        return false;
+    }
+    closePopup() {
+        if (this.popupRef) {
+            this.popupRef.close();
+            this.popupRef = null;
+        }
+    }
+}
+ToolbarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarNavigationComponent, deps: [{ token: i1.PopupService }, { token: i2.ToolbarService }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max" }, host: { properties: { "style.display": "this.inlineDisplayStyle", "style.flex-flow": "this.inlineFlexFlowStyle", "style.gap": "this.inlineGapStyle" } }, providers: [
+        PopupService
+    ], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: `
+        <span class="k-scheduler-navigation k-button-group">
+            <button kendoButton
+                (click)="todayClick()"
+                class="k-nav-today"
+                [attr.title]="todayText"
+            >
+                <span class="k-button-text">{{todayText}}</span>
+            </button>
+            <button kendoButton
+                (click)="prevClick()"
+                class="k-nav-prev"
+                icon="arrow-60-left"
+                [attr.title]="previousText"
+                [attr.aria-label]="previousText"
+            >
+            </button>
+            <button kendoButton
+                (click)="nextClick()"
+                type="button"
+                class="k-nav-next"
+                icon="arrow-60-right"
+                [attr.title]="nextText"
+                [attr.aria-label]="nextText"
+            >
+            </button>
+        </span>
+
+        <a #anchor
+            (click)="toggleSelectedDate({ nativeElement: anchor }, template)"
+            role="button"
+            href="#"
+            class="k-nav-current"
+            tabindex="-1"
+        >
+            <span class="k-icon k-i-calendar"></span>
+            <span class="k-sm-date-format">{{ (ctx.dateRange | async)?.shortText }}</span>
+            <span class="k-lg-date-format">{{ (ctx.dateRange | async)?.text }}</span>
+        </a>
+
+        <ng-template #template>
+            <kendo-calendar #calendar (blur)="onBlur()" (valueChange)="selectDate($event)" [value]="ctx.selectedDate | async" [min]="min" [max]="max">
+                <kendo-calendar-messages [today]="calendarTodayText">
+                </kendo-calendar-messages>
+            </kendo-calendar>
+        </ng-template>
+    `, isInline: true, components: [{ type: i4.CalendarComponent, selector: "kendo-calendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "valueChange"], exportAs: ["kendo-calendar"] }, { type: i4.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }], directives: [{ type: i5.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarNavigationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoSchedulerToolbarNavigation]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        PopupService
+                    ],
+                    template: `
+        <span class="k-scheduler-navigation k-button-group">
+            <button kendoButton
+                (click)="todayClick()"
+                class="k-nav-today"
+                [attr.title]="todayText"
+            >
+                <span class="k-button-text">{{todayText}}</span>
+            </button>
+            <button kendoButton
+                (click)="prevClick()"
+                class="k-nav-prev"
+                icon="arrow-60-left"
+                [attr.title]="previousText"
+                [attr.aria-label]="previousText"
+            >
+            </button>
+            <button kendoButton
+                (click)="nextClick()"
+                type="button"
+                class="k-nav-next"
+                icon="arrow-60-right"
+                [attr.title]="nextText"
+                [attr.aria-label]="nextText"
+            >
+            </button>
+        </span>
+
+        <a #anchor
+            (click)="toggleSelectedDate({ nativeElement: anchor }, template)"
+            role="button"
+            href="#"
+            class="k-nav-current"
+            tabindex="-1"
+        >
+            <span class="k-icon k-i-calendar"></span>
+            <span class="k-sm-date-format">{{ (ctx.dateRange | async)?.shortText }}</span>
+            <span class="k-lg-date-format">{{ (ctx.dateRange | async)?.text }}</span>
+        </a>
+
+        <ng-template #template>
+            <kendo-calendar #calendar (blur)="onBlur()" (valueChange)="selectDate($event)" [value]="ctx.selectedDate | async" [min]="min" [max]="max">
+                <kendo-calendar-messages [today]="calendarTodayText">
+                </kendo-calendar-messages>
+            </kendo-calendar>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.ToolbarService }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { calendar: [{
+                type: ViewChild,
+                args: ['calendar', { static: false }]
+            }], inlineDisplayStyle: [{
+                type: HostBinding,
+                args: ['style.display']
+            }], inlineFlexFlowStyle: [{
+                type: HostBinding,
+                args: ['style.flex-flow']
+            }], inlineGapStyle: [{
+                type: HostBinding,
+                args: ['style.gap']
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }] } });

package/esm2015/toolbar/toolbar-context.js

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

package/esm2015/toolbar/toolbar-template.directive.js

@@ -0,0 +1,48 @@
+/**-----------------------------------------------------------------------------------------
+* 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 toolbar template of the Scheduler. To define a toolbar
+ * template, nest an `<ng-template kendoSchedulerToolbarTemplate>` tag
+ * inside `<kendo-scheduler>`. For more information and examples, refer to the article on
+ * [customizing the toolbar]({% slug toolbar_scheduler %}) of the Scheduler.
+ *
+ * The template context receives the following template variables:
+ * * `selectedDate`&mdash;The currently selected date.
+ * * `dateRange`&mdash;The currently selected [`DateRange`]({% slug api_scheduler_daterange %}).
+ * * `views`&mdash;A [`SchedulerView`]({% slug api_scheduler_schedulerview %}) array with the available views.
+ * * `selectedView`&mdash;The currently selected [`SchedulerView`]({% slug api_scheduler_schedulerview %}).
+ *
+ * You can declare either of the following built-in navigation components in the toolbar template:
+ * * `kendoSchedulerToolbarNavigation`&mdash;Renders navigation buttons, a calendar, and a date-range label.
+ * * `kendoSchedulerToolbarViewSelector`&mdash;Renders the buttons for selecting the view.
+ *
+ * To emit navigation events, the components inside the toolbar can inject
+ * the [`ToolbarService`]({% slug api_scheduler_toolbarservice %}).
+ *
+ * {% meta height:700 %}
+ * {% embed_file toolbar/template/app.component.ts preview %}
+ * {% embed_file toolbar/template/my-navigation.component.ts %}
+ * {% embed_file toolbar/template/app.module.ts %}
+ * {% embed_file shared/events-utc.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% endmeta %}
+ */
+export class ToolbarTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSchedulerToolbarTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });