devextreme-angular/fesm2022/devextreme-angular-ui-scheduler.mjs.map

Angular UI and visualization components based on DevExtreme widgets

{"version":3,"file":"devextreme-angular-ui-scheduler.mjs","sources":["../../../dist/ui/scheduler/index.ts","../../../dist/ui/scheduler/devextreme-angular-ui-scheduler.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 24.2.6\n * Build date: Mon Mar 17 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    TransferState,\r\n    Component,\r\n    NgModule,\r\n    ElementRef,\r\n    NgZone,\r\n    PLATFORM_ID,\r\n    Inject,\r\n\r\n    Input,\r\n    Output,\r\n    OnDestroy,\r\n    EventEmitter,\r\n    OnChanges,\r\n    DoCheck,\r\n    SimpleChanges,\r\n    ContentChildren,\r\n    QueryList\r\n} from '@angular/core';\r\n\r\n\r\nimport dxScheduler from 'devextreme/ui/scheduler';\r\nimport dxSortable from 'devextreme/ui/sortable';\r\nimport dxDraggable from 'devextreme/ui/draggable';\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport { AllDayPanelMode, ViewType, dxSchedulerAppointment, CellAppointmentsLimit, AppointmentAddedEvent, AppointmentAddingEvent, AppointmentClickEvent, AppointmentContextMenuEvent, AppointmentDblClickEvent, AppointmentDeletedEvent, AppointmentDeletingEvent, AppointmentFormOpeningEvent, AppointmentRenderedEvent, AppointmentTooltipShowingEvent, AppointmentUpdatedEvent, AppointmentUpdatingEvent, CellClickEvent, CellContextMenuEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, RecurrenceEditMode, dxSchedulerScrolling } from 'devextreme/ui/scheduler';\r\nimport { event } from 'devextreme/events/events.types';\r\nimport { DataSourceOptions } from 'devextreme/data/data_source';\r\nimport { Store } from 'devextreme/data/store';\r\nimport { FirstDayOfWeek, Orientation } from 'devextreme/common';\r\n\r\nimport DxScheduler from 'devextreme/ui/scheduler';\r\n\r\n\r\nimport {\r\n    DxComponent,\r\n    DxTemplateHost,\r\n    DxIntegrationModule,\r\n    DxTemplateModule,\r\n    NestedOptionHost,\r\n    IterableDifferHelper,\r\n    WatcherHelper\r\n} from 'devextreme-angular/core';\r\n\r\nimport { DxoAppointmentDraggingModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoEditingModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiResourceModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoScrollingModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiViewModule } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxoSchedulerAppointmentDraggingModule } from 'devextreme-angular/ui/scheduler/nested';\r\nimport { DxoSchedulerEditingModule } from 'devextreme-angular/ui/scheduler/nested';\r\nimport { DxiSchedulerResourceModule } from 'devextreme-angular/ui/scheduler/nested';\r\nimport { DxoSchedulerScrollingModule } from 'devextreme-angular/ui/scheduler/nested';\r\nimport { DxiSchedulerViewModule } from 'devextreme-angular/ui/scheduler/nested';\r\n\r\nimport { DxiResourceComponent } from 'devextreme-angular/ui/nested';\r\nimport { DxiViewComponent } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxiSchedulerResourceComponent } from 'devextreme-angular/ui/scheduler/nested';\r\nimport { DxiSchedulerViewComponent } from 'devextreme-angular/ui/scheduler/nested';\r\n\r\n\r\n/**\r\n * The Scheduler is a UI component that represents scheduled data and allows a user to manage and edit it.\r\n\r\n */\r\n@Component({\r\n    selector: 'dx-scheduler',\r\n    template: '',\r\n    host: { ngSkipHydration: 'true' },\r\n    providers: [\r\n        DxTemplateHost,\r\n        WatcherHelper,\r\n        NestedOptionHost,\r\n        IterableDifferHelper\r\n    ]\r\n})\r\nexport class DxSchedulerComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n    instance: DxScheduler = null;\r\n\r\n    /**\r\n     * Specifies the shortcut key that sets focus on the UI component.\r\n    \r\n     */\r\n    @Input()\r\n    get accessKey(): string | undefined {\r\n        return this._getOption('accessKey');\r\n    }\r\n    set accessKey(value: string | undefined) {\r\n        this._setOption('accessKey', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component adapts to small screens.\r\n    \r\n     */\r\n    @Input()\r\n    get adaptivityEnabled(): boolean {\r\n        return this._getOption('adaptivityEnabled');\r\n    }\r\n    set adaptivityEnabled(value: boolean) {\r\n        this._setOption('adaptivityEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment.\r\n    \r\n     */\r\n    @Input()\r\n    get allDayExpr(): string {\r\n        return this._getOption('allDayExpr');\r\n    }\r\n    set allDayExpr(value: string) {\r\n        this._setOption('allDayExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the display mode for the All day panel.\r\n    \r\n     */\r\n    @Input()\r\n    get allDayPanelMode(): AllDayPanelMode {\r\n        return this._getOption('allDayPanelMode');\r\n    }\r\n    set allDayPanelMode(value: AllDayPanelMode) {\r\n        this._setOption('allDayPanelMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for cell overflow indicators.\r\n    \r\n     */\r\n    @Input()\r\n    get appointmentCollectorTemplate(): any {\r\n        return this._getOption('appointmentCollectorTemplate');\r\n    }\r\n    set appointmentCollectorTemplate(value: any) {\r\n        this._setOption('appointmentCollectorTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Configures appointment reordering using drag and drop gestures.\r\n    \r\n     */\r\n    @Input()\r\n    get appointmentDragging(): { autoScroll?: boolean, data?: any | undefined, group?: string | undefined, onAdd?: ((e: { component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any }) => void), onDragEnd?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any, toItemData: any }) => void), onDragMove?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any }) => void), onDragStart?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromData: any, itemData: any, itemElement: any }) => void), onRemove?: ((e: { component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable }) => void), scrollSensitivity?: number, scrollSpeed?: number } {\r\n        return this._getOption('appointmentDragging');\r\n    }\r\n    set appointmentDragging(value: { autoScroll?: boolean, data?: any | undefined, group?: string | undefined, onAdd?: ((e: { component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any }) => void), onDragEnd?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any, toItemData: any }) => void), onDragMove?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any }) => void), onDragStart?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromData: any, itemData: any, itemElement: any }) => void), onRemove?: ((e: { component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable }) => void), scrollSensitivity?: number, scrollSpeed?: number }) {\r\n        this._setOption('appointmentDragging', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for appointments.\r\n    \r\n     */\r\n    @Input()\r\n    get appointmentTemplate(): any {\r\n        return this._getOption('appointmentTemplate');\r\n    }\r\n    set appointmentTemplate(value: any) {\r\n        this._setOption('appointmentTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for tooltips displayed when users click an appointment or cell overflow indicator.\r\n    \r\n     */\r\n    @Input()\r\n    get appointmentTooltipTemplate(): any {\r\n        return this._getOption('appointmentTooltipTemplate');\r\n    }\r\n    set appointmentTooltipTemplate(value: any) {\r\n        this._setOption('appointmentTooltipTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies cell duration in minutes. This property&apos;s value should divide the interval between startDayHour and endDayHour into even parts.\r\n    \r\n     */\r\n    @Input()\r\n    get cellDuration(): number {\r\n        return this._getOption('cellDuration');\r\n    }\r\n    set cellDuration(value: number) {\r\n        this._setOption('cellDuration', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether or not an end user can scroll the view in both directions at the same time.\r\n    \r\n     */\r\n    @Input()\r\n    get crossScrollingEnabled(): boolean {\r\n        return this._getOption('crossScrollingEnabled');\r\n    }\r\n    set crossScrollingEnabled(value: boolean) {\r\n        this._setOption('crossScrollingEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the current date.\r\n    \r\n     */\r\n    @Input()\r\n    get currentDate(): Date | number | string {\r\n        return this._getOption('currentDate');\r\n    }\r\n    set currentDate(value: Date | number | string) {\r\n        this._setOption('currentDate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the displayed view. Accepts name or type of a view available in the views array.\r\n    \r\n     */\r\n    @Input()\r\n    get currentView(): string | ViewType {\r\n        return this._getOption('currentView');\r\n    }\r\n    set currentView(value: string | ViewType) {\r\n        this._setOption('currentView', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Customizes the date navigator&apos;s text.\r\n    \r\n     */\r\n    @Input()\r\n    get customizeDateNavigatorText(): ((info: { endDate: Date, startDate: Date, text: string }) => string) | undefined {\r\n        return this._getOption('customizeDateNavigatorText');\r\n    }\r\n    set customizeDateNavigatorText(value: ((info: { endDate: Date, startDate: Date, text: string }) => string) | undefined) {\r\n        this._setOption('customizeDateNavigatorText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for table cells.\r\n    \r\n     */\r\n    @Input()\r\n    get dataCellTemplate(): any {\r\n        return this._getOption('dataCellTemplate');\r\n    }\r\n    set dataCellTemplate(value: any) {\r\n        this._setOption('dataCellTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Binds the UI component to data.\r\n    \r\n     */\r\n    @Input()\r\n    get dataSource(): Array<dxSchedulerAppointment> | DataSource | DataSourceOptions | null | Store | string {\r\n        return this._getOption('dataSource');\r\n    }\r\n    set dataSource(value: Array<dxSchedulerAppointment> | DataSource | DataSourceOptions | null | Store | string) {\r\n        this._setOption('dataSource', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for day scale items.\r\n    \r\n     */\r\n    @Input()\r\n    get dateCellTemplate(): any {\r\n        return this._getOption('dateCellTemplate');\r\n    }\r\n    set dateCellTemplate(value: any) {\r\n        this._setOption('dateCellTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the format in which date-time values should be sent to the server.\r\n    \r\n     */\r\n    @Input()\r\n    get dateSerializationFormat(): string | undefined {\r\n        return this._getOption('dateSerializationFormat');\r\n    }\r\n    set dateSerializationFormat(value: string | undefined) {\r\n        this._setOption('dateSerializationFormat', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field whose value holds the description of the corresponding appointment.\r\n    \r\n     */\r\n    @Input()\r\n    get descriptionExpr(): string {\r\n        return this._getOption('descriptionExpr');\r\n    }\r\n    set descriptionExpr(value: string) {\r\n        this._setOption('descriptionExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component responds to user interaction.\r\n    \r\n     */\r\n    @Input()\r\n    get disabled(): boolean {\r\n        return this._getOption('disabled');\r\n    }\r\n    set disabled(value: boolean) {\r\n        this._setOption('disabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for tooltips displayed when users click a cell overflow indicator.\r\n    \r\n     * @deprecated Use the appointmentTooltipTemplate option instead.\r\n    \r\n     */\r\n    @Input()\r\n    get dropDownAppointmentTemplate(): any {\r\n        return this._getOption('dropDownAppointmentTemplate');\r\n    }\r\n    set dropDownAppointmentTemplate(value: any) {\r\n        this._setOption('dropDownAppointmentTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies which editing operations a user can perform on appointments.\r\n    \r\n     */\r\n    @Input()\r\n    get editing(): boolean | { allowAdding?: boolean, allowDeleting?: boolean, allowDragging?: boolean, allowResizing?: boolean, allowTimeZoneEditing?: boolean, allowUpdating?: boolean } {\r\n        return this._getOption('editing');\r\n    }\r\n    set editing(value: boolean | { allowAdding?: boolean, allowDeleting?: boolean, allowDragging?: boolean, allowResizing?: boolean, allowTimeZoneEditing?: boolean, allowUpdating?: boolean }) {\r\n        this._setOption('editing', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the global attributes to be attached to the UI component&apos;s container element.\r\n    \r\n     */\r\n    @Input()\r\n    get elementAttr(): Record<string, any> {\r\n        return this._getOption('elementAttr');\r\n    }\r\n    set elementAttr(value: Record<string, any>) {\r\n        this._setOption('elementAttr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field that defines the ending of an appointment.\r\n    \r\n     */\r\n    @Input()\r\n    get endDateExpr(): string {\r\n        return this._getOption('endDateExpr');\r\n    }\r\n    set endDateExpr(value: string) {\r\n        this._setOption('endDateExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field that defines the timezone of the appointment end date.\r\n    \r\n     */\r\n    @Input()\r\n    get endDateTimeZoneExpr(): string {\r\n        return this._getOption('endDateTimeZoneExpr');\r\n    }\r\n    set endDateTimeZoneExpr(value: string) {\r\n        this._setOption('endDateTimeZoneExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the last hour on the time scale. Accepts integer values from 0 to 24.\r\n    \r\n     */\r\n    @Input()\r\n    get endDayHour(): number {\r\n        return this._getOption('endDayHour');\r\n    }\r\n    set endDayHour(value: number) {\r\n        this._setOption('endDayHour', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the first day of a week. Does not apply to the agenda view.\r\n    \r\n     */\r\n    @Input()\r\n    get firstDayOfWeek(): FirstDayOfWeek | undefined {\r\n        return this._getOption('firstDayOfWeek');\r\n    }\r\n    set firstDayOfWeek(value: FirstDayOfWeek | undefined) {\r\n        this._setOption('firstDayOfWeek', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component can be focused using keyboard navigation.\r\n    \r\n     */\r\n    @Input()\r\n    get focusStateEnabled(): boolean {\r\n        return this._getOption('focusStateEnabled');\r\n    }\r\n    set focusStateEnabled(value: boolean) {\r\n        this._setOption('focusStateEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * If true, appointments are grouped by date first and then by resource; opposite if false. Applies only if appointments are grouped and groupOrientation is &apos;horizontal&apos;.\r\n    \r\n     */\r\n    @Input()\r\n    get groupByDate(): boolean {\r\n        return this._getOption('groupByDate');\r\n    }\r\n    set groupByDate(value: boolean) {\r\n        this._setOption('groupByDate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the resource kinds by which the scheduler&apos;s appointments are grouped in a timetable.\r\n    \r\n     */\r\n    @Input()\r\n    get groups(): Array<string> {\r\n        return this._getOption('groups');\r\n    }\r\n    set groups(value: Array<string>) {\r\n        this._setOption('groups', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the UI component&apos;s height.\r\n    \r\n     */\r\n    @Input()\r\n    get height(): (() => number | string) | number | string | undefined {\r\n        return this._getOption('height');\r\n    }\r\n    set height(value: (() => number | string) | number | string | undefined) {\r\n        this._setOption('height', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies text for a hint that appears when a user pauses on the UI component.\r\n    \r\n     */\r\n    @Input()\r\n    get hint(): string | undefined {\r\n        return this._getOption('hint');\r\n    }\r\n    set hint(value: string | undefined) {\r\n        this._setOption('hint', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the time interval between when the date-time indicator changes its position, in milliseconds.\r\n    \r\n     */\r\n    @Input()\r\n    get indicatorUpdateInterval(): number {\r\n        return this._getOption('indicatorUpdateInterval');\r\n    }\r\n    set indicatorUpdateInterval(value: number) {\r\n        this._setOption('indicatorUpdateInterval', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * The latest date the UI component allows you to select.\r\n    \r\n     */\r\n    @Input()\r\n    get max(): Date | number | string | undefined {\r\n        return this._getOption('max');\r\n    }\r\n    set max(value: Date | number | string | undefined) {\r\n        this._setOption('max', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the limit of full-sized appointments displayed per cell. Applies to all views except &apos;agenda&apos;.\r\n    \r\n     */\r\n    @Input()\r\n    get maxAppointmentsPerCell(): CellAppointmentsLimit | number {\r\n        return this._getOption('maxAppointmentsPerCell');\r\n    }\r\n    set maxAppointmentsPerCell(value: CellAppointmentsLimit | number) {\r\n        this._setOption('maxAppointmentsPerCell', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * The earliest date the UI component allows you to select.\r\n    \r\n     */\r\n    @Input()\r\n    get min(): Date | number | string | undefined {\r\n        return this._getOption('min');\r\n    }\r\n    set min(value: Date | number | string | undefined) {\r\n        this._setOption('min', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the text or HTML markup displayed by the UI component if the item collection is empty. Available for the Agenda view only.\r\n    \r\n     */\r\n    @Input()\r\n    get noDataText(): string {\r\n        return this._getOption('noDataText');\r\n    }\r\n    set noDataText(value: string) {\r\n        this._setOption('noDataText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the minute offset within Scheduler indicating the starting point of a day.\r\n    \r\n     */\r\n    @Input()\r\n    get offset(): number {\r\n        return this._getOption('offset');\r\n    }\r\n    set offset(value: number) {\r\n        this._setOption('offset', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the edit mode for recurring appointments.\r\n    \r\n     */\r\n    @Input()\r\n    get recurrenceEditMode(): RecurrenceEditMode {\r\n        return this._getOption('recurrenceEditMode');\r\n    }\r\n    set recurrenceEditMode(value: RecurrenceEditMode) {\r\n        this._setOption('recurrenceEditMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field that defines exceptions for the current recurring appointment.\r\n    \r\n     */\r\n    @Input()\r\n    get recurrenceExceptionExpr(): string {\r\n        return this._getOption('recurrenceExceptionExpr');\r\n    }\r\n    set recurrenceExceptionExpr(value: string) {\r\n        this._setOption('recurrenceExceptionExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments.\r\n    \r\n     */\r\n    @Input()\r\n    get recurrenceRuleExpr(): string {\r\n        return this._getOption('recurrenceRuleExpr');\r\n    }\r\n    set recurrenceRuleExpr(value: string) {\r\n        this._setOption('recurrenceRuleExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether filtering is performed on the server or client side.\r\n    \r\n     */\r\n    @Input()\r\n    get remoteFiltering(): boolean {\r\n        return this._getOption('remoteFiltering');\r\n    }\r\n    set remoteFiltering(value: boolean) {\r\n        this._setOption('remoteFiltering', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for resource headers.\r\n    \r\n     */\r\n    @Input()\r\n    get resourceCellTemplate(): any {\r\n        return this._getOption('resourceCellTemplate');\r\n    }\r\n    set resourceCellTemplate(value: any) {\r\n        this._setOption('resourceCellTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies an array of resources available in the scheduler.\r\n    \r\n     */\r\n    @Input()\r\n    get resources(): { allowMultiple?: boolean, colorExpr?: string, dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string, displayExpr?: ((resource: any) => string) | string, fieldExpr?: string, label?: string, useColorAsDefault?: boolean, valueExpr?: Function | string }[] {\r\n        return this._getOption('resources');\r\n    }\r\n    set resources(value: { allowMultiple?: boolean, colorExpr?: string, dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string, displayExpr?: ((resource: any) => string) | string, fieldExpr?: string, label?: string, useColorAsDefault?: boolean, valueExpr?: Function | string }[]) {\r\n        this._setOption('resources', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Switches the UI component to a right-to-left representation.\r\n    \r\n     */\r\n    @Input()\r\n    get rtlEnabled(): boolean {\r\n        return this._getOption('rtlEnabled');\r\n    }\r\n    set rtlEnabled(value: boolean) {\r\n        this._setOption('rtlEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Configures scrolling.\r\n    \r\n     */\r\n    @Input()\r\n    get scrolling(): dxSchedulerScrolling {\r\n        return this._getOption('scrolling');\r\n    }\r\n    set scrolling(value: dxSchedulerScrolling) {\r\n        this._setOption('scrolling', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * The data of the currently selected cells.\r\n    \r\n     */\r\n    @Input()\r\n    get selectedCellData(): Array<any> {\r\n        return this._getOption('selectedCellData');\r\n    }\r\n    set selectedCellData(value: Array<any>) {\r\n        this._setOption('selectedCellData', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether to apply shading to cover the timetable up to the current time.\r\n    \r\n     */\r\n    @Input()\r\n    get shadeUntilCurrentTime(): boolean {\r\n        return this._getOption('shadeUntilCurrentTime');\r\n    }\r\n    set shadeUntilCurrentTime(value: boolean) {\r\n        this._setOption('shadeUntilCurrentTime', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the &apos;All-day&apos; panel&apos;s visibility. Setting this property to false hides the panel along with the all-day appointments.\r\n    \r\n     */\r\n    @Input()\r\n    get showAllDayPanel(): boolean {\r\n        return this._getOption('showAllDayPanel');\r\n    }\r\n    set showAllDayPanel(value: boolean) {\r\n        this._setOption('showAllDayPanel', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the current date-time indicator&apos;s visibility.\r\n    \r\n     */\r\n    @Input()\r\n    get showCurrentTimeIndicator(): boolean {\r\n        return this._getOption('showCurrentTimeIndicator');\r\n    }\r\n    set showCurrentTimeIndicator(value: boolean) {\r\n        this._setOption('showCurrentTimeIndicator', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field that defines the start of an appointment.\r\n    \r\n     */\r\n    @Input()\r\n    get startDateExpr(): string {\r\n        return this._getOption('startDateExpr');\r\n    }\r\n    set startDateExpr(value: string) {\r\n        this._setOption('startDateExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field that defines the timezone of the appointment start date.\r\n    \r\n     */\r\n    @Input()\r\n    get startDateTimeZoneExpr(): string {\r\n        return this._getOption('startDateTimeZoneExpr');\r\n    }\r\n    set startDateTimeZoneExpr(value: string) {\r\n        this._setOption('startDateTimeZoneExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the first hour on the time scale. Accepts integer values from 0 to 24.\r\n    \r\n     */\r\n    @Input()\r\n    get startDayHour(): number {\r\n        return this._getOption('startDayHour');\r\n    }\r\n    set startDayHour(value: number) {\r\n        this._setOption('startDayHour', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the number of the element when the Tab key is used for navigating.\r\n    \r\n     */\r\n    @Input()\r\n    get tabIndex(): number {\r\n        return this._getOption('tabIndex');\r\n    }\r\n    set tabIndex(value: number) {\r\n        this._setOption('tabIndex', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the name of the data source item field that holds the subject of an appointment.\r\n    \r\n     */\r\n    @Input()\r\n    get textExpr(): string {\r\n        return this._getOption('textExpr');\r\n    }\r\n    set textExpr(value: string) {\r\n        this._setOption('textExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for time scale items.\r\n    \r\n     */\r\n    @Input()\r\n    get timeCellTemplate(): any {\r\n        return this._getOption('timeCellTemplate');\r\n    }\r\n    set timeCellTemplate(value: any) {\r\n        this._setOption('timeCellTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the time zone for the Scheduler&apos;s grid. Accepts values from the IANA time zone database.\r\n    \r\n     */\r\n    @Input()\r\n    get timeZone(): string {\r\n        return this._getOption('timeZone');\r\n    }\r\n    set timeZone(value: string) {\r\n        this._setOption('timeZone', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether a user can switch views using tabs or a drop-down menu.\r\n    \r\n     */\r\n    @Input()\r\n    get useDropDownViewSwitcher(): boolean {\r\n        return this._getOption('useDropDownViewSwitcher');\r\n    }\r\n    set useDropDownViewSwitcher(value: boolean) {\r\n        this._setOption('useDropDownViewSwitcher', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies and configures the views to be available in the view switcher.\r\n    \r\n     */\r\n    @Input()\r\n    get views(): Array<Record<string, any> | string> | { agendaDuration?: number, allDayPanelMode?: AllDayPanelMode, appointmentCollectorTemplate?: any, appointmentTemplate?: any, appointmentTooltipTemplate?: any, cellDuration?: number, dataCellTemplate?: any, dateCellTemplate?: any, dropDownAppointmentTemplate?: any, endDayHour?: number, firstDayOfWeek?: FirstDayOfWeek | undefined, groupByDate?: boolean, groupOrientation?: Orientation, groups?: Array<string>, intervalCount?: number, maxAppointmentsPerCell?: CellAppointmentsLimit | number, name?: string | undefined, offset?: number, resourceCellTemplate?: any, scrolling?: dxSchedulerScrolling, startDate?: Date | number | string | undefined, startDayHour?: number, timeCellTemplate?: any, type?: undefined | ViewType }[] {\r\n        return this._getOption('views');\r\n    }\r\n    set views(value: Array<Record<string, any> | string> | { agendaDuration?: number, allDayPanelMode?: AllDayPanelMode, appointmentCollectorTemplate?: any, appointmentTemplate?: any, appointmentTooltipTemplate?: any, cellDuration?: number, dataCellTemplate?: any, dateCellTemplate?: any, dropDownAppointmentTemplate?: any, endDayHour?: number, firstDayOfWeek?: FirstDayOfWeek | undefined, groupByDate?: boolean, groupOrientation?: Orientation, groups?: Array<string>, intervalCount?: number, maxAppointmentsPerCell?: CellAppointmentsLimit | number, name?: string | undefined, offset?: number, resourceCellTemplate?: any, scrolling?: dxSchedulerScrolling, startDate?: Date | number | string | undefined, startDayHour?: number, timeCellTemplate?: any, type?: undefined | ViewType }[]) {\r\n        this._setOption('views', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component is visible.\r\n    \r\n     */\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the UI component&apos;s width.\r\n    \r\n     */\r\n    @Input()\r\n    get width(): (() => number | string) | number | string | undefined {\r\n        return this._getOption('width');\r\n    }\r\n    set width(value: (() => number | string) | number | string | undefined) {\r\n        this._setOption('width', value);\r\n    }\r\n\r\n    /**\r\n    \r\n     * A function that is executed after an appointment is added to the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentAdded: EventEmitter<AppointmentAddedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before an appointment is added to the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentAdding: EventEmitter<AppointmentAddingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when an appointment is clicked or tapped.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentClick: EventEmitter<AppointmentClickEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a user attempts to open the browser&apos;s context menu for an appointment. Allows you to replace this context menu with a custom context menu.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentContextMenu: EventEmitter<AppointmentContextMenuEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when an appointment is double-clicked or double-tapped.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentDblClick: EventEmitter<AppointmentDblClickEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed after an appointment is deleted from the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentDeleted: EventEmitter<AppointmentDeletedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before an appointment is deleted from the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentDeleting: EventEmitter<AppointmentDeletingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before an appointment details form appears. Use this function to customize the form.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentFormOpening: EventEmitter<AppointmentFormOpeningEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when an appointment is rendered.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentRendered: EventEmitter<AppointmentRenderedEvent>;\r\n\r\n    /**\r\n    \r\n     * Occurs before showing an appointment&apos;s tooltip.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentTooltipShowing: EventEmitter<AppointmentTooltipShowingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed after an appointment is updated in the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentUpdated: EventEmitter<AppointmentUpdatedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before an appointment is updated in the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onAppointmentUpdating: EventEmitter<AppointmentUpdatingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a view cell is clicked.\r\n    \r\n    \r\n     */\r\n    @Output() onCellClick: EventEmitter<CellClickEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a user attempts to open the browser&apos;s context menu for a cell. Allows you to replace this context menu with a custom context menu.\r\n    \r\n    \r\n     */\r\n    @Output() onCellContextMenu: EventEmitter<CellContextMenuEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when the UI component is rendered and each time the component is repainted.\r\n    \r\n    \r\n     */\r\n    @Output() onContentReady: EventEmitter<ContentReadyEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before the UI component is disposed of.\r\n    \r\n    \r\n     */\r\n    @Output() onDisposing: EventEmitter<DisposingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function used in JavaScript frameworks to save the UI component instance.\r\n    \r\n    \r\n     */\r\n    @Output() onInitialized: EventEmitter<InitializedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed after a UI component property is changed.\r\n    \r\n    \r\n     */\r\n    @Output() onOptionChanged: EventEmitter<OptionChangedEvent>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() accessKeyChange: EventEmitter<string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() adaptivityEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() allDayExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() allDayPanelModeChange: EventEmitter<AllDayPanelMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() appointmentCollectorTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() appointmentDraggingChange: EventEmitter<{ autoScroll?: boolean, data?: any | undefined, group?: string | undefined, onAdd?: ((e: { component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any }) => void), onDragEnd?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any, toItemData: any }) => void), onDragMove?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable, toData: any }) => void), onDragStart?: ((e: { cancel: boolean, component: dxScheduler, event: event, fromData: any, itemData: any, itemElement: any }) => void), onRemove?: ((e: { component: dxScheduler, event: event, fromComponent: dxSortable | dxDraggable, fromData: any, itemData: any, itemElement: any, toComponent: dxSortable | dxDraggable }) => void), scrollSensitivity?: number, scrollSpeed?: number }>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() appointmentTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() appointmentTooltipTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() cellDurationChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() crossScrollingEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() currentDateChange: EventEmitter<Date | number | string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() currentViewChange: EventEmitter<string | ViewType>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() customizeDateNavigatorTextChange: EventEmitter<((info: { endDate: Date, startDate: Date, text: string }) => string) | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() dataCellTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() dataSourceChange: EventEmitter<Array<dxSchedulerAppointment> | DataSource | DataSourceOptions | null | Store | string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() dateCellTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() dateSerializationFormatChange: EventEmitter<string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() descriptionExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() disabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() dropDownAppointmentTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() editingChange: EventEmitter<boolean | { allowAdding?: boolean, allowDeleting?: boolean, allowDragging?: boolean, allowResizing?: boolean, allowTimeZoneEditing?: boolean, allowUpdating?: boolean }>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() elementAttrChange: EventEmitter<Record<string, any>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() endDateExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() endDateTimeZoneExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() endDayHourChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() firstDayOfWeekChange: EventEmitter<FirstDayOfWeek | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() focusStateEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() groupByDateChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() groupsChange: EventEmitter<Array<string>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() heightChange: EventEmitter<(() => number | string) | number | string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() hintChange: EventEmitter<string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() indicatorUpdateIntervalChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() maxChange: EventEmitter<Date | number | string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() maxAppointmentsPerCellChange: EventEmitter<CellAppointmentsLimit | number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() minChange: EventEmitter<Date | number | string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() noDataTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() offsetChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() recurrenceEditModeChange: EventEmitter<RecurrenceEditMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() recurrenceExceptionExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() recurrenceRuleExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() remoteFilteringChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() resourceCellTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() resourcesChange: EventEmitter<{ allowMultiple?: boolean, colorExpr?: string, dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string, displayExpr?: ((resource: any) => string) | string, fieldExpr?: string, label?: string, useColorAsDefault?: boolean, valueExpr?: Function | string }[]>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() rtlEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() scrollingChange: EventEmitter<dxSchedulerScrolling>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() selectedCellDataChange: EventEmitter<Array<any>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() shadeUntilCurrentTimeChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() showAllDayPanelChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() showCurrentTimeIndicatorChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() startDateExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() startDateTimeZoneExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() startDayHourChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() tabIndexChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() textExprChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() timeCellTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() timeZoneChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() useDropDownViewSwitcherChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() viewsChange: EventEmitter<Array<Record<string, any> | string> | { agendaDuration?: number, allDayPanelMode?: AllDayPanelMode, appointmentCollectorTemplate?: any, appointmentTemplate?: any, appointmentTooltipTemplate?: any, cellDuration?: number, dataCellTemplate?: any, dateCellTemplate?: any, dropDownAppointmentTemplate?: any, endDayHour?: number, firstDayOfWeek?: FirstDayOfWeek | undefined, groupByDate?: boolean, groupOrientation?: Orientation, groups?: Array<string>, intervalCount?: number, maxAppointmentsPerCell?: CellAppointmentsLimit | number, name?: string | undefined, offset?: number, resourceCellTemplate?: any, scrolling?: dxSchedulerScrolling, startDate?: Date | number | string | undefined, startDayHour?: number, timeCellTemplate?: any, type?: undefined | ViewType }[]>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used direc