@bryntum/calendar-vue-3 7.1.1

package/src/components/BryntumCalendar.vue

@@ -0,0 +1,3027 @@
+<!-- Vue 3 wrapper for Bryntum Calendar -->
+
+<template>
+    <div ref="refElement">
+
+        <!-- Container for Vue components used in cells, hidden from view -->
+        <div
+            ref="teleportsHolder"
+            style="display: none"
+        >
+            <!-- Vue components rendered in the grid cells -->
+            <teleport
+                v-for="item in teleports.values()"
+                :key="item.key"
+                :to="item.to"
+            >
+                <component
+                    :is="item.is"
+                    :ref="item.key"
+                    :data-key="item.key"
+                    :data-generation="item.generation"
+                    v-bind="item.bind"
+                    data-vue
+                    v-on="item.on"
+                />
+            </teleport>
+        </div>
+
+    </div>
+</template>
+
+<script setup lang="ts">
+
+import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
+
+import type { AgendaViewConfig, AlignSpec, AssignmentModel, AssignmentModelConfig, AssignmentStore, AssignmentStoreConfig, Base, ButtonConfig, CalendarDatePickerConfig, CalendarDrag, CalendarDragConfig, CalendarListeners, CalendarToolbarConfig, CalendarView, Column, Container, ContainerConfig, ContainerItemConfig, ContainerLayoutConfig, CrudManagerConfig, DatePickerConfig, DayAgendaViewConfig, DayCell, DayResourceViewConfig, DayViewConfig, DomConfig, DragContext, EventBuffer, EventBufferConfig, EventCopyPaste, EventCopyPasteConfig, EventEdit, EventEditConfig, EventListConfig, EventMenu, EventMenuConfig, EventModel, EventModelConfig, EventStore, EventStoreConfig, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, ExternalEventSource, ExternalEventSourceConfig, KeyMapConfig, LoadOnDemand, LoadOnDemandConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, MonthAgendaViewConfig, MonthGridConfig, MonthViewConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Print, PrintConfig, ProjectConsumer, ProjectModel, ProjectModelConfig, ProjectModelMixin, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, ResourceFilterConfig, ResourceModel, ResourceModelConfig, ResourceStore, ResourceStoreConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceViewConfig, ScheduleMenu, ScheduleMenuConfig, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerCrudManager, SchedulerEventEdit, Scroller, ScrollerConfig, StateProvider, Store, TabConfig, TextFieldConfig, TimeRangeModel, TimeRangeModelConfig, TimeRangeStore, TimeRangeStoreConfig, TimeRanges, TimeRangesConfig, TimeSpan, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, ValidateCreateResult, WeekExpander, WeekExpanderConfig, WeekViewConfig, Widget, XLSColumn, YearViewConfig } from '@bryntum/calendar';
+import { Calendar } from '@bryntum/calendar';
+
+import { WrapperHelper } from '../helper/WrapperHelper';
+
+defineProps<{
+    // Configs
+    /**
+     * An optional CSS class name to add to calendar date cells which encapsulate the calendar's
+     * active [date](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#property-date).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-activeDateCls)
+     */
+    activeDateCls ? : string
+    /**
+     * Element (or element id) to adopt as this Widget's encapsulating element. The widget's
+     * content will be placed inside this element.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-adopt)
+     */
+    adopt ? : HTMLElement|string
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-align)
+     */
+    align ? : AlignSpec|string
+    /**
+     * When this widget is a child of a [Container](https://bryntum.com/products/calendar/docs/api/Core/widget/Container), it will by default be participating in a
+     * flexbox layout. This config allows you to set this widget's
+     * [align-self](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) style.
+     */
+    alignSelf ? : string
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating) and being shown through [showBy](#Core/widget/Widget#function-showBy).*
+     * `true` to show a connector arrow pointing to the align target.
+     */
+    anchor ? : Boolean
+    /**
+     * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
+     * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-element).
+     */
+    appendTo ? : HTMLElement|string
+    /**
+     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
+     * into an element which will be linked using the `aria-describedby` attribute.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-ariaDescription)
+     */
+    ariaDescription ? : string
+    /**
+     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
+     * the `aria-label` attribute.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-ariaLabel)
+     */
+    ariaLabel ? : string
+    /**
+     * Inline assignments, will be loaded into the [assignmentStore](https://bryntum.com/products/calendar/docs/api/Calendar/mixin/CalendarStores#property-assignmentStore).
+     */
+    assignments ? : AssignmentModel[]|AssignmentModelConfig[]
+    /**
+     * The [AssignmentStore](https://bryntum.com/products/calendar/docs/api/Scheduler/data/AssignmentStore) or a reconfiguring object for a store which will hold assignments linking resources to events.
+     */
+    assignmentStore ? : AssignmentStore|AssignmentStoreConfig
+    /**
+     * If this config is set, then the `gesture` configured (which defaults to `dblclick`) creates a
+     * new event at the mouse or touch event's time point.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-autoCreate)
+     */
+    autoCreate ? : {
+        gesture?: string
+        newName?: Function|string
+        step?: string
+        duration?: string
+        startHour?: number|string
+    }|string|Boolean
+    /**
+     * A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/calendar/docs/api/Core/widget/Toolbar),
+     * or array of config objects representing the child items of a Toolbar. Another way to add a bbar is to use [strips](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-strips).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-bbar)
+     */
+    bbar ? : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null
+    /**
+     * Custom CSS classes to add to the panel's body element.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-bodyCls)
+     */
+    bodyCls ? : string|object
+    /**
+     * An object where property names with a truthy value indicate which events should bubble up the ownership
+     * hierarchy when triggered.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-bubbleEvents)
+     */
+    bubbleEvents ? : object
+    /**
+     * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-callOnFunctions)
+     */
+    callOnFunctions ? : Boolean
+    /**
+     * By default, if an event handler throws an exception, the error propagates up the stack and the
+     * application state is undefined. Code which follows the event handler will *not* be executed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-catchEventHandlerExceptions)
+     */
+    catchEventHandlerExceptions ? : Boolean
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating).*
+     * Set to `true` to centre the Widget in browser viewport space.
+     */
+    centered ? : Boolean
+    /**
+     * Custom CSS classes to add to element.
+     * May be specified as a space separated string, or as an object in which property names
+     * with truthy values are used as the class names:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-cls)
+     */
+    cls ? : string|object
+    /**
+     * Controls whether the panel is collapsed (the body of the panel is hidden while only the header is
+     * visible). Only valid if the panel is [collapsible](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-collapsible).
+     */
+    collapsed ? : Boolean
+    /**
+     * This config enables collapsibility for the panel. See [collapsed](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-collapsed).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-collapsible)
+     */
+    collapsible ? : Boolean|PanelCollapserConfig|PanelCollapserOverlayConfig
+    /**
+     * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
+     * `style` block.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-color)
+     */
+    color ? : string
+    /**
+     * Programmatic control over which column to start in when used in a grid layout.
+     */
+    column ? : number
+    config ? : object
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating) or [positioned](#Core/widget/Widget#config-positioned).*
+     * Element, Widget or Rectangle to which this Widget is constrained.
+     */
+    constrainTo ? : HTMLElement|Widget|Rectangle
+    /**
+     * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-contentElement).
+     * May be specified as a space separated string, or as an object in which property names
+     * with truthy values are used as the class names:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-contentElementCls)
+     */
+    contentElementCls ? : string|object
+    /**
+     * Event which is used to show context menus via the context menu features
+     * [EventMenu](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventMenu) and [ScheduleMenu](#Calendar/feature/ScheduleMenu).
+     * Available options are: 'contextmenu', 'click', 'dblclick'.
+     */
+    contextMenuTriggerEvent ? : 'contextmenu'|'click'|'dblclick'
+    /**
+     * Supply a [CrudManager](https://bryntum.com/products/calendar/docs/api/Scheduler/data/CrudManager) instance or a config object if you want to use
+     * CrudManager for handling data.
+     */
+    crudManager ? : CrudManagerConfig|SchedulerCrudManager
+    /**
+     * Class that should be used to instantiate a CrudManager in case it's provided as a simple object to
+     * [crudManager](https://bryntum.com/products/calendar/docs/api/Calendar/mixin/CalendarStores#config-crudManager) config.
+     */
+    crudManagerClass ? : SchedulerCrudManager
+    /**
+     * When this Widget configuration is used in the Grid's RowExpander feature's `widget` config, provide the
+     * field on the expanded record to use for populating this widget's store (if applicable)
+     */
+    dataField ? : string
+    /**
+     * Object to apply to elements dataset (each key will be used as a data-attribute on the element)
+     */
+    dataset ? : Record<string, string>
+    /**
+     * The date which the Calendar, its [sidebar](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#property-sidebar)'s date picker, and
+     * its active view should encapsulate upon creation.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-date)
+     */
+    date ? : Date|string
+    /**
+     * A [DateHelper](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper) format string to use to create date output for
+     * view descriptions.
+     */
+    dateFormat ? : string
+    /**
+     * An optional config object to configure the [CalendarDatePicker](https://bryntum.com/products/calendar/docs/api/Calendar/widget/CalendarDatePicker) which is
+     * shown in the [sidebar](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#property-sidebar) next to the calendar views.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-datePicker)
+     * @param {boolean,'count','dots'} datePicker.showEvents Displays the presence of events in each cell. values may be:  * `false` - Do not show events in cells. * `true` - Show a themeable bullet to indicate the presence of events for a date. * `'count'` - Show a themeable badge containing the event count for a date. * '`dots'` - Show small event-coloured bullets (to a maximum of three) below the date.
+     * @param {boolean} datePicker.collapsible `true` to enable collapse into a header.
+     * @param {string} datePicker.title The text to place in a header above the picker.
+     * @param {boolean} datePicker.editMonth `true` to enable setting the date using the controls in the DatePicker header.
+     * @param {boolean,'range'} multiSelect The DatePicker can select [multiple dates](https://bryntum.com/products/calendar/docs/api/Core/widget/DatePicker#config-multiSelect) in two modes:  * `true` to mean many discontiguous dates may be selected. * `'range'` to mean that a start date and end date may be selected.  If set up to multi select, views which are not fixed to a date duration will obey the date selection by using a [dateFilter](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#property-dateFilter) to skip days which are not selected. These include:  * AgendaView      (mode type `'agenda'`) * DayViews        (view type `'dayview'`) which you add to the modes - The default `day` and `week` modes have a fixed duration. * ResourceView    (view type `'resourceview'`) * DayResourceView (view type `'dayresourceview'`)  The `MonthView`, and the `WeekView` and the built-in single day `DayView` <strong>mode</strong> all have fixed duration and will not participate in this. If you select a discontiguous range, then the views which are amenable to being controlled in this way will switch their range to encompass what you have selected. For example, if you select the first to the last days of a month, the view's [range](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DateRangeOwner#property-range) will be set to `'1 month'`. This choice will be maintained, and by navigating using the next and previous tbar buttons, the views will move by exactly one month. If your set of selected dates is enclosed within a two week block, then the [range](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DateRangeOwner#property-range) of the views will be set to `{ unit : 'week', magnitude : 2 }`. If you select the 1st, 3th and 5th of the month, and those days are all on one week row, the [range](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DateRangeOwner#property-range) of the views will be set to `{ unit : 'week', magnitude : 1 }`. For selection ranges other than exactly one month, navigation in time will be in increments of one week for intuitive navigation up and down the date picker. When navigating in time, the selected block of dates moves and *follows the time navigation* so that there are always dates in view, even if they are empty.
+     */
+    datePicker ? : CalendarDatePickerConfig|Boolean|null
+    /**
+     * The name of the property to set when a single value is to be applied to this Widget. Such as when used
+     * in a grid WidgetColumn, this is the property to which the column's `field` is applied.
+     */
+    defaultBindProperty ? : string
+    /**
+     * The calendar ([Resource](https://bryntum.com/products/calendar/docs/api/Scheduler/model/ResourceModel)), (or its `id`) to use as the
+     * default calendar for new events created using [dblclick](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-autoCreate)
+     * or [drag-create](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag), or [dragging in](#Calendar/feature/ExternalEventSource).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-defaultCalendar)
+     */
+    defaultCalendar ? : string|ResourceModel
+    /**
+     * A [query](https://bryntum.com/products/calendar/docs/api/Core/widget/Container#function-query) selector function which can identify the descendant widget to which
+     * focus should be directed by default.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-defaultFocus)
+     * @param {Core.widget.Widget} widget Widget passed to method
+     * @returns {boolean} truthy value if widget is the default one
+     */
+    defaultFocus ? : ((widget: Widget) => Boolean)|string
+    /**
+     * A config object containing default settings to apply to all child widgets.
+     */
+    defaults ? : ContainerItemConfig
+    /**
+     * Configure as `false` to preserve selection when clicking the empty schedule area.
+     */
+    deselectAllOnScheduleClick ? : Boolean
+    /**
+     * Configure as `true` to deselect a selected event upon click.
+     */
+    deselectOnClick ? : Boolean
+    /**
+     * Configure as `true` to destroy the Project and stores when `this` is destroyed.
+     */
+    destroyStores ? : Boolean
+    /**
+     * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-detectCSSCompatibilityIssues)
+     */
+    detectCSSCompatibilityIssues ? : Boolean
+    /**
+     * Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
+     * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-disabled)
+     */
+    disabled ? : Boolean|'inert'
+    /**
+     * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel)
+     * [strips collection](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
+     * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
+     * body. Such widgets are called "edge strips".
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-dock)
+     */
+    dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating).*
+     * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
+     * property which controls when a drag should start.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-draggable)
+     */
+    draggable ? : Boolean|{
+        handleSelector?: string
+    }
+    /**
+     * Make this Panel a docked drawer which slides out from one side of the browser viewport by default.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-drawer)
+     * @param {'start','left','end','right','top','bottom'} side The side of the viewport to dock the drawer to.  * `'start'` means the `inline-start` side. * `'end'` means the `inline-end` side.
+     * @param {string,number} size The size of the drawer in its collapsible axis.
+     * @param {boolean} inline If using the [appendTo](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-appendTo) config to place the drawer inside a host widget, this may be set to `true` to make the drawer inline within that host. Note that, if using this, the layout of the host element must have `flex-direction` set appropriately.
+     * @param {boolean,object} autoClose Specifies what user actions should automatically close the drawer. Defaults to closing when the user clicks outside of the drawer or when focus moves outside of the drawer.
+     * @param {boolean,string} autoClose.mousedown If the user clicks outside of the drawer, the drawer will automatically be hidden. If the value is a string, it is used as a CSS selector to filter clicks which should close the drawer.
+     * @param {boolean,string} autoClose.focusout If focus moves outside of the drawer, the drawer will automatically be hidden.
+     * @param {string} autoClose.mouseout Hides the drawer when the mouse leaves the drawer after the `autoCloseDelay` period.
+     * @param {number} autoCloseDelay When using `mouseout`, this is the delay in milliseconds
+     */
+    drawer ? : Boolean|{side?: 'start'|'left'|'end'|'right'|'top'|'bottom', size?: string|number, inline?: Boolean, autoClose: { mousedown?: Boolean|string, focusout?: Boolean|string, mouseout?: string }, autoCloseDelay?: number}
+    /**
+     * An object specifying attributes to assign to the root element of this widget.
+     * Set `null` value to attribute to remove it.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-elementAttributes)
+     */
+    elementAttributes ? : Record<string, string|null>
+    /**
+     * Allow using [Delete] and [Backspace] to remove events/assignments
+     */
+    enableDeleteKey ? : Boolean
+    /**
+     * Enables events being recurring and also adds extra recurrence UI fields in the built-in event editor.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-enableRecurringEvents)
+     */
+    enableRecurringEvents ? : Boolean|{
+        defaultAction?: 'single'|'future'
+    }
+    /**
+     * Set to `true` to listen for CTRL-Z (CMD-Z on Mac OS) keyboard event and trigger undo (redo when SHIFT is pressed).
+     * Only applicable when using a [StateTrackingManager](https://bryntum.com/products/calendar/docs/api/Core/data/stm/StateTrackingManager).
+     */
+    enableUndoRedoKeys ? : Boolean
+    /**
+     * Inline events, will be loaded into the [eventStore](https://bryntum.com/products/calendar/docs/api/Calendar/mixin/CalendarStores#property-eventStore).
+     */
+    events ? : EventModel[]|EventModelConfig[]
+    /**
+     * Configure as `true`, or set property to `true` to disable event selection.
+     */
+    eventSelectionDisabled ? : Boolean
+    /**
+     * The [EventStore](https://bryntum.com/products/calendar/docs/api/Scheduler/data/EventStore) or a reconfiguring object for a store which will hold
+     * the events to be rendered into the Calendar.
+     */
+    eventStore ? : EventStore|EventStoreConfig
+    extraData ? : any
+    /**
+     * If this is set to `true`, then when determining which assigned resource of a multi assigned event
+     * to use to create the event UI, the first resource which is still selected in the
+     * [resourceFilter](https://bryntum.com/products/calendar/docs/api/Calendar/widget/Sidebar#property-resourceFilter) is used.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-filterEventResources)
+     */
+    filterEventResources ? : Boolean
+    /**
+     * When this widget is a child of a [Container](https://bryntum.com/products/calendar/docs/api/Core/widget/Container), it will by default be participating in a
+     * flexbox layout. This config allows you to set this widget's
+     * [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) style.
+     * This may be configured as a single number or a `&lt;flex-grow&gt; &lt;flex-shrink&gt; &lt;flex-basis&gt;` format string.
+     * numeric-only values are interpreted as the `flex-grow` value.
+     */
+    flex ? : number|string
+    /**
+     * Set to `true` to move the widget out of the document flow and position it
+     * absolutely in browser viewport space.
+     */
+    floating ? : Boolean
+    /**
+     * Config object of a footer. May contain a `dock`, `html` and a `cls` property. A footer is not a widget,
+     * but rather plain HTML that follows the last element of the panel's body and [strips](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-strips).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-footer)
+     */
+    footer ? : {
+        dock?: 'top'|'right'|'bottom'|'left'|'start'|'end'
+        html?: string
+        cls?: string
+    }|string
+    /**
+     * A config [object](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#typedef-PanelHeader) for the panel's header or a string in place of a `title`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-header)
+     */
+    header ? : string|Boolean|PanelHeader
+    /**
+     * Widget's height, used to set element `style.height`. Either specify a valid height string or a number,
+     * which will get 'px' appended. We recommend using CSS as the primary way to control height, but in some
+     * cases this config is convenient.
+     */
+    height ? : string|number
+    /**
+     * Configure with true to make widget initially hidden.
+     */
+    hidden ? : Boolean
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-hideAnimation)
+     */
+    hideAnimation ? : Boolean|object
+    /**
+     * Configure as `true` to hide [nonWorkingDays](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-nonWorkingDays) for each calendar view
+     */
+    hideNonWorkingDays ? : Boolean
+    /**
+     * Specify `true` to make this container hide when it has no visible children (Either empty
+     * or all children hidden).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-hideWhenEmpty)
+     */
+    hideWhenEmpty ? : Boolean
+    /**
+     * Configure this as `true` to make picking a date in the [sidebar](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-sidebar)'s
+     * date picker highlight the date cell in the active view.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-highlightDate)
+     * @param {Date} date Cell date
+     * @returns {boolean} Returns `true` to make picking a date in a date picker
+     */
+    highlightDate ? : Boolean|((date: Date) => Boolean)
+    /**
+     * Configure as `true`, or set property to `true` to highlight dependent events as well when selecting an event.
+     */
+    highlightPredecessors ? : Boolean
+    /**
+     * Configure as `true`, or set property to `true` to highlight dependent events as well when selecting an event.
+     */
+    highlightSuccessors ? : Boolean
+    /**
+     * An icon to show before the [title](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-title). Either pass a CSS class as a string, or pass a
+     * [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) object describing an element to represent the icon.
+     */
+    icon ? : string|DomConfig
+    /**
+     * Widget id, if not specified one will be generated. Also used for lookups through Widget.getById
+     */
+    id ? : string
+    /**
+     * Determines if the widgets read-only state should be controlled by its parent.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-ignoreParentReadOnly)
+     */
+    ignoreParentReadOnly ? : Boolean
+    /**
+     * Set to `true` to show the "Weekends" toggle button of the mode selector. Alternatively, this config
+     * can be a [Button](https://bryntum.com/products/calendar/docs/api/Core/widget/Button) config object to configure the button.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-includeWeekendsButton)
+     */
+    includeWeekendsButton ? : Boolean|ButtonConfig
+    /**
+     * Convenience setting to align input fields of child widgets. By default, the Field input element is
+     * placed immediately following the `label`. If you prefer to have all input fields aligned to the
+     * right, set this config to `'end'`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-inputFieldAlign)
+     */
+    inputFieldAlign ? : 'start'|'end'
+    /**
+     * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     */
+    insertBefore ? : HTMLElement|string
+    /**
+     * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     */
+    insertFirst ? : HTMLElement|string
+    /**
+     * A template method (empty by default) allowing you to control if an event can be selected or not.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-isEventSelectable)
+     * @param {Scheduler.model.EventModel} event The event record
+     * @returns {boolean} true if event can be selected, otherwise false
+     */
+    isEventSelectable ? : (event: EventModel) => Boolean
+    /**
+     * An optional CSS class to add to child items of this container.
+     */
+    itemCls ? : string
+    /**
+     * The child items of the Calendar view.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-items)
+     */
+    items ? : object
+    /**
+     * The default key shortcuts for the Calendar.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-keyMap)
+     */
+    keyMap ? : Record<string, KeyMapConfig>
+    /**
+     * Convenience setting to use same label placement on all child widgets.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-labelPosition)
+     */
+    labelPosition ? : 'before'|'above'|'align-before'|'auto'|null
+    /**
+     * The short name of a helper class which manages rendering and styling of child items.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-layout)
+     */
+    layout ? : string|ContainerLayoutConfig
+    /**
+     * The CSS style properties to apply to the [contentElement](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-contentElement).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-layoutStyle)
+     */
+    layoutStyle ? : object
+    /**
+     * An array of [child item](https://bryntum.com/products/calendar/docs/api/Core/widget/Container#config-items) *config objects* which is to be converted into
+     * instances only when this Container is rendered, rather than eagerly at construct time.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-lazyItems)
+     */
+    lazyItems ? : Record<string, ContainerItemConfig>|ContainerItemConfig[]|Widget[]
+    /**
+     * The listener set for this object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-listeners)
+     */
+    listeners ? : CalendarListeners
+    /**
+     * A [Mask](https://bryntum.com/products/calendar/docs/api/Core/widget/Mask) config object, or a message to be shown when a store is performing a remote
+     * operation, or Crud Manager is loading data from the sever. Set to `null` to disable default load mask.
+     */
+    loadMask ? : string|MaskConfig|null
+    /**
+     * A [Mask](https://bryntum.com/products/calendar/docs/api/Core/widget/Mask) config object to adjust the [maskDefaults](#Core/widget/Widget#config-maskDefaults)
+     * when data is loading. The message and optional configuration from the
+     * [loadMask](https://bryntum.com/products/calendar/docs/api/Core/mixin/LoadMaskable#config-loadMask) config take priority over these options, just as they do
+     * for `maskDefaults`, respectively.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-loadMaskDefaults)
+     */
+    loadMaskDefaults ? : MaskConfig
+    /**
+     * A [Mask](https://bryntum.com/products/calendar/docs/api/Core/widget/Mask) config object to adjust the [maskDefaults](#Core/widget/Widget#config-maskDefaults)
+     * when an error occurs loading data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-loadMaskError)
+     */
+    loadMaskError ? : MaskConfig|Mask|Boolean
+    /**
+     * A class translations of which are used for translating this entity.
+     * This is often used when translations of an item are defined on its container class.
+     * For example:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-localeClass)
+     */
+    localeClass ? : typeof Base
+    /**
+     * Set to `false` to disable localization of this object.
+     */
+    localizable ? : Boolean
+    /**
+     * List of properties which values should be translated automatically upon a locale applying.
+     * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
+     * you could use 'localeKey' meta configuration.
+     * Example:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-localizableProperties)
+     */
+    localizableProperties ? : string[]
+    /**
+     * This flag controls whether Scheduler should preserve its selection of events when loading a new dataset
+     * (if selected event ids are included in the newly loaded dataset).
+     */
+    maintainSelectionOnDatasetChange ? : Boolean
+    /**
+     * Widget's margin. This may be configured as a single number or a `TRBL` format string.
+     * numeric-only values are interpreted as pixels.
+     */
+    margin ? : number|string
+    /**
+     * This config object contains the defaults for the [Mask](https://bryntum.com/products/calendar/docs/api/Core/widget/Mask) created for the
+     * [masked](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-masked) config. Any properties specified in the `masked` config will override these
+     * values.
+     */
+    maskDefaults ? : MaskConfig
+    /**
+     * Set to `true` to apply the default mask to the widget. Alternatively, this can be the mask message or a
+     * [Mask](https://bryntum.com/products/calendar/docs/api/Core/widget/Mask) config object.
+     */
+    masked ? : Boolean|string|MaskConfig
+    /**
+     * The maximum date to which the `endDate` of any child view may be navigated.
+     */
+    maxDate ? : Date|string
+    /**
+     * The element's maxHeight. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [height](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
+     */
+    maxHeight ? : string|number
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-maximizeOnMobile)
+     */
+    maximizeOnMobile ? : number|string
+    /**
+     * The elements maxWidth. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [width](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
+     */
+    maxWidth ? : string|number
+    /**
+     * The minimum date to which the `startDate` of any child view may be navigated.
+     */
+    minDate ? : Date|string
+    /**
+     * The element's minHeight. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [height](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
+     */
+    minHeight ? : string|number
+    /**
+     * The elements minWidth. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [width](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
+     */
+    minWidth ? : string|number
+    /**
+     * Which of the built-in [modes](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-modes) should be the initially active view.
+     */
+    mode ? : 'agenda'|'year'|'month'|'week'|'day'|'list'|'resource'|'dayresource'|'dayagenda'|'monthagenda'|'monthgrid'|string
+    /**
+     * An object to use to configure common properties for all [modes](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-modes) prior to their construction.
+     */
+    modeDefaults ? : object
+    /**
+     * Configures the view modes which are to be available in this Calendar.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-modes)
+     */
+    modes ? : {
+        [mode: string]: ContainerItemConfig|Boolean|null|undefined
+        agenda?: AgendaViewConfig|Boolean|null
+        year?: YearViewConfig|Boolean|null
+        month?: MonthViewConfig|Boolean|null
+        week?: WeekViewConfig|Boolean|null
+        day?: DayViewConfig|Boolean|null
+        list?: EventListConfig|Boolean|null
+        resource?: ResourceViewConfig|Boolean|null
+        dayresourceview?: DayResourceViewConfig|Boolean|null
+        dayagenda?: DayAgendaViewConfig|Boolean|null
+        monthagenda?: MonthAgendaViewConfig|Boolean|null
+        monthgrid?: MonthGridConfig|Boolean|null
+    }
+    /**
+     * When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
+     * is used to monitor this element for size changes caused by either style manipulation, or by CSS
+     * layout.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-monitorResize)
+     */
+    monitorResize ? : Boolean|{
+        immediate?: Boolean
+    }
+    /**
+     * Configure as `true` to allow `CTRL/CMD+click` to select multiple events in the scheduler.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-multiEventSelect)
+     */
+    multiEventSelect ? : Boolean|{
+        ctrlKey?: Boolean
+        altKey?: Boolean
+        shiftKey?: Boolean
+    }
+    /**
+     * An object containing default config objects which may be referenced by name in the [items](https://bryntum.com/products/calendar/docs/api/Core/widget/Container#config-items)
+     * config. For example, a specialized [Menu](https://bryntum.com/products/calendar/docs/api/Core/widget/Menu) subclass may have a `namedItems` default
+     * value defined like this:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-namedItems)
+     */
+    namedItems ? : Record<string, ContainerItemConfig>
+    /**
+     * Indicates where the Next/Previous/Today buttons should be placed.
+     */
+    navigatorPlacement ? : 'toolbar'|'sidebar'
+    /**
+     * Non-working days as an object where keys are day indices, 0-6 (Sunday-Saturday), and the value is `true`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-nonWorkingDays)
+     */
+    nonWorkingDays ? : Record<number, Boolean>
+    /**
+     * By default, the [sidebar](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#property-sidebar) expands and collapses taking width from the
+     * calendar UI. Configure `overlaySidebar` as `true` to have it start collapsed, and then
+     * <strong>overlay</strong> the calendar UI when the expand/collapse button is toggled.
+     */
+    overlaySidebar ? : Boolean
+    /**
+     * The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the
+     * [items](https://bryntum.com/products/calendar/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case
+     * the owner is <strong>always</strong> the encapsulating Container.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-owner)
+     */
+    owner ? : Widget|any
+    /**
+     * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-contentElement), but must
+     * not participate in the standard layout of that widget, and must be positioned relatively to that
+     * widget's [contentElement](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-contentElement).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-positioned)
+     */
+    positioned ? : Boolean
+    /**
+     * Prevent tooltip from being displayed on touch devices. Useful for example for buttons that display a
+     * menu on click etc, since the tooltip would be displayed at the same time.
+     */
+    preventTooltipOnTouch ? : Boolean
+    /**
+     * A [ProjectModel](https://bryntum.com/products/calendar/docs/api/Scheduler/model/ProjectModel) instance or a config object. The project holds all Scheduler data.
+     * Can be omitted in favor of individual store configs or [crudManager](https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/SchedulerStores#config-crudManager) config.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-project)
+     */
+    project ? : ProjectModel|ProjectModelConfig|object
+    /**
+     * The names of properties which are propagated down from the Calendar to child views
+     * unless the view has its own value for that property.
+     */
+    propagatedConfigs ? : string[]
+    /**
+     * Configure as `true` to make the calendar read-only, by disabling any UIs for modifying data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-readOnly)
+     */
+    readOnly ? : Boolean
+    /**
+     * The confirmation dialog shown when a recurring event is edited.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-recurrenceConfirmationPopup)
+     */
+    recurrenceConfirmationPopup ? : RecurrenceConfirmationPopupConfig|RecurrenceConfirmationPopup
+    relayStoreEvents ? : Boolean
+    /**
+     * Either a default `rendition` to apply to all child widgets, or a map of renditions keyed by child widget
+     * `type`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-rendition)
+     */
+    rendition ? : string|Record<string, string>|null
+    /**
+     * Path to load resource images from. Used by the resource headers in ResourceView and by
+     * [showResourceAvatars](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showResourceAvatars) in event-displaying
+     * modes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-resourceImagePath)
+     */
+    resourceImagePath ? : string
+    /**
+     * Inline resources, will be loaded into the [resourceStore](https://bryntum.com/products/calendar/docs/api/Calendar/mixin/CalendarStores#property-resourceStore).
+     */
+    resources ? : ResourceModel[]|ResourceModelConfig[]
+    /**
+     * The [ResourceStore](https://bryntum.com/products/calendar/docs/api/Scheduler/data/ResourceStore) or a reconfiguring object for a store which will hold the resources to be rendered into the Calendar.
+     */
+    resourceStore ? : ResourceStore|ResourceStoreConfig
+    /**
+     * Inline resource time ranges, will be loaded into [resourceTimeRangeStore](https://bryntum.com/products/calendar/docs/api/Calendar/mixin/CalendarStores#property-resourceTimeRangeStore).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-resourceTimeRanges)
+     */
+    resourceTimeRanges ? : ResourceTimeRangeModel[]|ResourceTimeRangeModelConfig[]
+    /**
+     * The [ResourceTimeRangeStore](https://bryntum.com/products/calendar/docs/api/Scheduler/data/ResourceTimeRangeStore) or a reconfiguring object for a store which will hold resource time ranges.
+     * These may be used by the [TimeRanges](https://bryntum.com/products/calendar/docs/api/Calendar/feature/TimeRanges) feature.
+     */
+    resourceTimeRangeStore ? : ResourceTimeRangeStore|ResourceTimeRangeStoreConfig
+    /**
+     * Specifies the various responsive state objects keyed by their name. Each key (except `'*'`, see below) in
+     * this object is a state name (see [responsiveState](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveState)) and its corresponding value is the
+     * associated [ResponsiveState](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#typedef-ResponsiveState) object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-responsive)
+     */
+    responsive ? : object
+    /**
+     * Set to `true` to mark this instance as the default [responsiveTarget](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveTarget) for descendants that do
+     * not specify an explicit [responsiveTarget](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveTarget) of their own.
+     */
+    responsiveRoot ? : Boolean
+    /**
+     * The name of the active state of the [responsive](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsive) config. This is assigned internally
+     * and should not be assigned directly.
+     */
+    responsiveState ? : string
+    /**
+     * The widget whose size and other properties drive this object's responsive behavior. If this config is not
+     * specified, the closest ancestor that specified [responsiveRoot=true](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveRoot) will be
+     * used. If there is no such ancestor, then the instance using this mixin is used.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-responsiveTarget)
+     */
+    responsiveTarget ? : string|Widget
+    /**
+     * Configure as `true` to have the component display a translucent ripple when its
+     * [focusElement](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
+     * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-ripple)
+     */
+    ripple ? : Boolean|{
+        delegate?: string
+        color?: string
+        radius?: number
+        clip?: string
+    }
+    /**
+     * If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
+     */
+    rootElement ? : ShadowRoot|HTMLElement
+    /**
+     * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-rtl)
+     */
+    rtl ? : Boolean
+    /**
+     * Specifies whether (and optionally in which axes) a Widget may scroll. `true` means this widget may scroll
+     * in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are
+     * applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to
+     * CSS overflow properties thus:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-scrollable)
+     */
+    scrollable ? : Boolean|ScrollerConfig|Scroller
+    /**
+     * Defines what to do if document is scrolled while Widget is visible (only relevant when floating is set to `true`).
+     * Valid values: ´null´: do nothing, ´hide´: hide the widget or ´realign´: realign to the target if possible.
+     */
+    scrollAction ? : 'hide'|'realign'|null
+    /**
+     * Set to `false` to not select the resource of the event when clicking an event bar.
+     */
+    selectResourceOnEventNavigate ? : Boolean
+    /**
+     * Set to `false` to not select the row/resource when clicking the empty area in a time axis cell.
+     */
+    selectResourceOnScheduleClick ? : Boolean
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-showAnimation)
+     */
+    showAnimation ? : Boolean|object
+    /**
+     * Set to `false` to hide recurring fields in event editor, even if the
+     * [Recurring Events](https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/RecurringEvents#config-enableRecurringEvents) is `true`
+     * and a recurring event is being edited.
+     */
+    showRecurringUI ? : Boolean
+    /**
+     * Set to `false` to not show the tooltip when this widget is [disabled](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-disabled)
+     */
+    showTooltipWhenDisabled ? : Boolean
+    /**
+     * An optional config object to configure the [Sidebar](https://bryntum.com/products/calendar/docs/api/Calendar/widget/Sidebar) which is
+     * shown next to the calendar views specified by the [modes](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-modes).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-sidebar)
+     * @param {'left','right'} side Which [side](https://bryntum.com/products/calendar/docs/api/Calendar/widget/Sidebar#config-side) to dock to.
+     * @param {boolean} collapsed May be initially [collapsed](https://bryntum.com/products/calendar/docs/api/Calendar/widget/Sidebar#config-collapsed).
+     * @param {Record<string, ContainerItemConfig>} items Reconfigure or add to the sidebar UI.
+     * @param {ContainerItemConfig} items.custom Settings specific to custom item.
+     * @param {DatePickerConfig} items.datePicker The [DatePicker](https://bryntum.com/products/calendar/docs/api/Core/widget/DatePicker) may be reconfigured using an object, or configured away using `null`. Its default [weight](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-weight) is 100.
+     * @param {TextFieldConfig} items.eventFilter The eventFilter is a [TextField](https://bryntum.com/products/calendar/docs/api/Core/widget/TextField) which may be used to filter the events by matched name. It may be reconfigured using an object, or configured away using `null`. Its default [weight](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-weight) is 150.
+     * @param {ResourceFilterConfig} items.resourceFilter The [ResourceFilter](https://bryntum.com/products/calendar/docs/api/Scheduler/widget/ResourceFilter) may be reconfigured using an object, or configured away using `null`. Its default [weight](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-weight) is 200.
+     */
+    sidebar ? : {side?: 'left'|'right', collapsed?: Boolean, items: { [mode: string]: ContainerItemConfig|null|undefined, datePicker?: DatePickerConfig, eventFilter?: TextFieldConfig, resourceFilter?: ResourceFilterConfig }}|Boolean
+    /**
+     * Programmatic control over how many columns to span when used in a grid layout.
+     */
+    span ? : number
+    /**
+     * This value can be one of the following:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-stateful)
+     */
+    stateful ? : Boolean|object|string[]
+    /**
+     * The events that, when fired by this component, should trigger it to save its state by calling
+     * [saveState](https://bryntum.com/products/calendar/docs/api/Core/mixin/State#function-saveState).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-statefulEvents)
+     */
+    statefulEvents ? : object|string[]
+    /**
+     * The key to use when saving this object's state in the [stateProvider](https://bryntum.com/products/calendar/docs/api/Core/mixin/State#config-stateProvider). If this config is
+     * not assigned, and [stateful](https://bryntum.com/products/calendar/docs/api/Core/mixin/State#config-stateful) is not set to `false`, the [id](#Core/widget/Widget#config-id)
+     * (if explicitly specified) will be used as the `stateId`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-stateId)
+     */
+    stateId ? : string
+    /**
+     * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/calendar/docs/api/Core/mixin/State#property-state). By default, `state`
+     * will be saved using the [default state provider](https://bryntum.com/products/calendar/docs/api/Core/state/StateProvider#property-instance-static).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-stateProvider)
+     */
+    stateProvider ? : StateProvider
+    /**
+     * Specify `true` to match fields by their `name` property only when assigning a [record](https://bryntum.com/products/calendar/docs/api/Core/widget/Container#config-record),
+     * without falling back to `ref`.
+     */
+    strictRecordMapping ? : Boolean
+    /**
+     * An object containing widgets keyed by name. By default (when no `type` is given), strips are
+     * [toolbars](https://bryntum.com/products/calendar/docs/api/Core/widget/Toolbar). If you want to pass an array, you can use
+     * the toolbar's [items](https://bryntum.com/products/calendar/docs/api/Core/widget/Container#config-items).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-strips)
+     */
+    strips ? : Record<string, ContainerItemConfig>
+    /**
+     * A [Mask](https://bryntum.com/products/calendar/docs/api/Core/widget/Mask) config object, or a message to be shown when Crud Manager
+     * is persisting changes on the server. Set to `null` to disable default sync mask.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-syncMask)
+     */
+    syncMask ? : string|MaskConfig|null
+    /**
+     * A configuration for the [tab](https://bryntum.com/products/calendar/docs/api/Core/widget/Tab) created for this widget when it is placed in a
+     * [TabPanel](https://bryntum.com/products/calendar/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
+     * this widget:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-tab)
+     */
+    tab ? : Boolean|TabConfig
+    /**
+     * When this container is used as a tab in a TabPanel, these items are added to the
+     * [TabBar](https://bryntum.com/products/calendar/docs/api/Core/widget/TabBar) when this container is the active tab.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-tabBarItems)
+     */
+    tabBarItems ? : ToolbarItems[]|Widget[]
+    /**
+     * The tag name of this Widget's root element
+     */
+    tag ? : string
+    /**
+     * A config object containing definitions of the toolbar of the Calendar.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-tbar)
+     */
+    tbar ? : (ContainerItemConfig|string)[]|ToolbarConfig|CalendarToolbarConfig|null
+    /**
+     * Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-textAlign)
+     */
+    textAlign ? : 'left'|'center'|'right'|'start'|'end'
+    /**
+     * Inline time ranges, will be loaded into the [timeRangeStore](https://bryntum.com/products/calendar/docs/api/Calendar/mixin/CalendarStores#property-timeRangeStore).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-timeRanges)
+     */
+    timeRanges ? : TimeRangeModel[]|TimeRangeModelConfig[]
+    /**
+     * The [TimeRangeStore](https://bryntum.com/products/calendar/docs/api/Calendar/data/TimeRangeStore) or a reconfiguring object for a store which will hold time ranges.
+     * These may be used by the [TimeRanges](https://bryntum.com/products/calendar/docs/api/Calendar/feature/TimeRanges) feature.
+     */
+    timeRangeStore ? : TimeRangeStore|TimeRangeStoreConfig
+    /**
+     * Set to a time zone or a UTC offset. This will set the project's
+     * [timeZone](https://bryntum.com/products/calendar/docs/api/Scheduler/model/ProjectModel#config-timeZone) config accordingly. As this config is only a referer,
+     * please see project's config [documentation](https://bryntum.com/products/calendar/docs/api/Scheduler/model/ProjectModel#config-timeZone) for more
+     * information.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-timeZone)
+     */
+    timeZone ? : string|number
+    /**
+     * A title to display in the header or owning TabPanel. Causes creation and docking of a header
+     * to the top if no header is configured.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-title)
+     */
+    title ? : string
+    /**
+     * The [tools](https://bryntum.com/products/calendar/docs/api/Core/widget/Tool) to add either before or after the `title` in the Panel header. Each
+     * property name is the reference by which an instantiated tool may be retrieved from the live
+     * `[tools](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Toolable#property-tools)` property.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-tools)
+     */
+    tools ? : Record<string, ToolConfig>|null
+    /**
+     * Tooltip for the widget, either as a string or as a Tooltip config object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-tooltip)
+     */
+    tooltip ? : string|TooltipConfig|null
+    /**
+     * By default, tabbing within a Panel is not contained, ie you can TAB out of the Panel
+     * forwards or backwards.
+     * Configure this as `true` to disallow tabbing out of the Panel, and make tabbing circular within this Panel.
+     */
+    trapFocus ? : Boolean
+    /**
+     * Configure as `true` to trigger `selectionChange` when removing a selected event/assignment.
+     */
+    triggerSelectionChangeOnRemove ? : Boolean
+    type ? : 'calendar'
+    /**
+     * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
+     * as a space separated string, an array of strings, or as an object in which property names with truthy
+     * values are used as the class names.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-ui)
+     */
+    ui ? : 'plain'|'toolbar'|string|object
+    /**
+     * By default, the day of week and week of month of the event's start date are used to create
+     * helpful contextual recurrence types when editing a non-recurring event record and choosing
+     * an initial recurrence type.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-useContextualRecurrenceRules)
+     */
+    useContextualRecurrenceRules ? : Boolean
+    /**
+     * Configuration options to change how the subordinate [Container](https://bryntum.com/products/calendar/docs/api/Core/widget/Container) which contains
+     * the calendar's child views is created.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-viewContainer)
+     */
+    viewContainer ? : ContainerConfig
+    /**
+     * The week start day to be used throughout this Calendar, 0 meaning Sunday, 6 meaning Saturday.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-weekStartDay)
+     */
+    weekStartDay ? : number
+    /**
+     * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/calendar/docs/api/Core/widget/Container).
+     * Higher weights go further down.
+     */
+    weight ? : number
+    /**
+     * Widget's width, used to set element `style.width`. Either specify a valid width string or a number, which
+     * will get 'px' appended. We recommend using CSS as the primary way to control width, but in some cases
+     * this config is convenient.
+     */
+    width ? : string|number
+    /**
+     * The x position for the widget.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-x)
+     */
+    x ? : number
+    /**
+     * The y position for the widget.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-y)
+     */
+    y ? : number
+
+    // Features
+    /**
+     * This feature provides drag-based event creation and modification for Calendars. When enabled (which is the default
+     * for calendars), the user can do the following via the mouse or touch screen:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag)
+     */
+    dragFeature ? : object|Boolean|string|CalendarDrag|CalendarDragConfig
+    /**
+     * A Feature that allows showing additional time before &amp; after an event, to visualize things like travel time - or the time you
+     * need to prepare a room for a meeting + clean it up after.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventBuffer)
+     */
+    eventBufferFeature ? : object|Boolean|string|EventBuffer|EventBufferConfig
+    /**
+     * Allow using [Ctrl/CMD + C/X/V] to copy/cut-and-paste events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventCopyPaste)
+     */
+    eventCopyPasteFeature ? : object|Boolean|string|EventCopyPaste|EventCopyPasteConfig
+    /**
+     * Feature that displays a popup containing fields for editing event data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventEdit)
+     */
+    eventEditFeature ? : object|Boolean|string|EventEdit|EventEditConfig
+    /**
+     * A feature which shows a context menu when right-clicking events in the calendar.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventMenu)
+     */
+    eventMenuFeature ? : object|Boolean|string|EventMenu|EventMenuConfig
+    /**
+     * A feature which displays a [tooltip](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventTooltip#config-tooltip) containing extra information. The tooltip can
+     * be triggered by clicking or hovering an event bar element (see [showOn](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventTooltip#config-showOn)).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventTooltip)
+     */
+    eventTooltipFeature ? : object|Boolean|string|EventTooltip|EventTooltipConfig
+    /**
+     * A feature that allows exporting Calendar data to Excel or CSV without involving the server. It uses
+     * [TableExporter](https://bryntum.com/products/calendar/docs/api/Grid/util/TableExporter) class as data provider, 3rd party provider to generate XLS files, and
+     * [Microsoft XML specification](https://msdn.microsoft.com/en-us/library/office/documentformat.openxml.spreadsheet.aspx).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/experimental/ExcelExporter)
+     */
+    excelExporterFeature ? : object|Boolean|string|ExcelExporter|ExcelExporterConfig
+    /**
+     * A Calendar feature which allows new events to be dragged into the Calendar from an external source.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource)
+     */
+    externalEventSourceFeature ? : object|Boolean|string|ExternalEventSource|ExternalEventSourceConfig
+    /**
+     * Loads the host Calendar's [CrudManager](https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/SchedulerStores#config-crudManager) on demand
+     * as the date range required to produce the UI changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/LoadOnDemand)
+     */
+    loadOnDemandFeature ? : object|Boolean|string|LoadOnDemand|LoadOnDemandConfig
+    /**
+     * This feature enables printing of the current Calendar mode.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/print/Print)
+     */
+    printFeature ? : object|Boolean|string|Print|PrintConfig
+    /**
+     * A feature which adds a context menu to the unoccupied parts of calendar views.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ScheduleMenu)
+     */
+    scheduleMenuFeature ? : object|Boolean|string|ScheduleMenu|ScheduleMenuConfig
+    /**
+     * A feature that displays a tooltip containing the time at the mouse position when hovering empty parts of the schedule.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ScheduleTooltip)
+     */
+    scheduleTooltipFeature ? : object|Boolean|string|ScheduleTooltip|ScheduleTooltipConfig
+    /**
+     * This feature provides an easy way to highlight ranges of time in a calendar's day and week views. Each time range is
+     * represented using the [TimeRangeModel](https://bryntum.com/products/calendar/docs/api/Calendar/model/TimeRangeModel).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/TimeRanges)
+     */
+    timeRangesFeature ? : object|Boolean|string|TimeRanges|TimeRangesConfig
+    /**
+     * A Feature which, when present, adds a week row expansion tool to week rows in
+     * [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView)s so that a row which contains overflowing cells
+     * can be expanded to show all events with no overflow.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/WeekExpander)
+     */
+    weekExpanderFeature ? : object|Boolean|string|WeekExpander|WeekExpanderConfig
+
+}>();
+
+const emit = defineEmits<{
+    /**
+     * Fired when a change of view (Calendar mode) has completed. By default, view changes are animated and this
+     * event fires when the view is fully visible.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar instance.
+     * @param {CalendarView} params.event.prevActiveItem The previously active view.
+     * @param {CalendarView} params.event.activeItem The new active view.
+     * @param {boolean} params.event.containedFocus `true` if the outgoing view contained focus.
+     */
+    (e: 'activeItemChange', params: ((event: { source: Calendar, prevActiveItem: CalendarView, activeItem: CalendarView, containedFocus: boolean }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler after editor is closed by any action - save, delete or cancel
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {'save','delete','cancel'} params.event.action The action that was taken to end the edit. One of 'save', 'delete' or 'cancel'
+     * @param {Scheduler.feature.SchedulerEventEdit} params.event.eventEdit The eventEdit feature
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The record that has been edited.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The Resource record for the event. If the event is being created, it will not contain a resource, so this parameter specifies the resource the event is being created for.
+     * @param {HTMLElement} params.event.eventElement The element which represents the event in the scheduler display.
+     * @param {Core.widget.Popup} params.event.editor The editor
+     */
+    (e: 'afterEventEdit', params: ((event: { source: Scheduler, action: 'save'|'delete'|'cancel', eventEdit: SchedulerEventEdit, eventRecord: EventModel, resourceRecord: ResourceModel, eventElement: HTMLElement, editor: Popup }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler after an event is successfully saved
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler instance
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The record about to be saved
+     */
+    (e: 'afterEventSave', params: ((event: { source: Scheduler, eventRecord: EventModel }) => void)|string): void
+    /**
+     * Fired before a change of view (Calendar mode) is initiated.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar instance.
+     * @param {CalendarView} params.event.prevActiveItem The previously active view.
+     * @param {CalendarView} params.event.activeItem The new active view.
+     */
+    (e: 'beforeActiveItemChange', params: ((event: { source: Calendar, prevActiveItem: CalendarView, activeItem: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
+     * case records should be "manually" removed after confirmation:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeAssignmentDelete)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The Scheduler instance
+     * @param {Scheduler.model.AssignmentModel[]} params.event.assignmentRecords The assignment records about to be deleted
+     * @param {object} params.event.context Additional removal context:
+     * @param {Function} params.event.context.finalize Function to call to finalize the removal. Used to asynchronously decide to remove the records or not. Provide `false` to the function to prevent the removal.
+     * @param {boolean} params.event.context.finalize.removeRecords Provide `false` to the function to prevent the removal.
+     */
+    (e: 'beforeAssignmentDelete', params: ((event: { source: Scheduler, assignmentRecords: AssignmentModel[], context: { finalize: { removeRecords?: boolean } } }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired any time there is going to be a change to the assignments selected in the Scheduler.
+     * Returning `false` prevents the change
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler instance.
+     * @param {'select','deselect','update','clear'} params.event.action One of the actions 'select', 'deselect', 'update', 'clear'
+     * @param {Scheduler.model.AssignmentModel[]} params.event.selected An array of assignments that will be added to the selection.
+     * @param {Scheduler.model.AssignmentModel[]} params.event.deselected An array of assignments that will be removed from the selection.
+     * @param {Scheduler.model.AssignmentModel[]} params.event.selection The currently selected assignments, before applying `selected` and `deselected`.
+     */
+    (e: 'beforeAssignmentSelectionChange', params: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires whenever a child view's [autoCreate gesture](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-autoCreate) is detected and also when a [drag-create](#Calendar/feature/CalendarDrag) gesture is detected.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeAutoCreate)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The child view on which the event was initiated.
+     * @param {Event} params.event.domEvent The DOM event which initiated the creation.
+     * @param {Date} params.event.date *DEPRECATED in favour of `startDate`.* The starting time of the event to be created. If this is in a `DayView`, this will be snapped according to the specification in [autoCreate](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-autoCreate)
+     * @param {Date} params.event.startDate The starting time of the event to be created. If this is in a `DayView`, this will be snapped according to the specification in [autoCreate](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-autoCreate)
+     * @param {Date} params.event.endDate The ending time of the event to be created.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource if the UI includes a resource.
+     */
+    (e: 'beforeAutoCreate', params: ((event: { source: CalendarView, domEvent: Event, date: Date, startDate: Date, endDate: Date, resourceRecord: ResourceModel }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Scheduler before a copy action is performed, return `false` to prevent the action
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Owner scheduler
+     * @param {Scheduler.model.EventModel[]} params.event.eventRecords The event records about to be copied
+     * @param {Scheduler.model.AssignmentModel[]} params.event.assignmentRecords The assignment records about to be copied
+     * @param {boolean} params.event.isCut `true` if this is a cut action
+     * @param {string} params.event.entityName 'event' to distinguish this event from other beforeCopy events
+     */
+    (e: 'beforeCopy', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], isCut: boolean, entityName: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before a mode is created. The configuration block is passed to the handler for possible modification.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar
+     * @param {AgendaViewConfig,DayResourceViewConfig,DayViewConfig,EventListConfig,MonthViewConfig,ResourceViewConfig,WeekViewConfig,YearViewConfig,DayAgendaViewConfig,MonthAgendaViewConfig,ContainerItemConfig} params.event.config The configuration block of the mode about to be created. Any property, including the `type` may be changed.
+     */
+    (e: 'beforeCreateMode', params: ((event: { source: Calendar, config: AgendaViewConfig|DayResourceViewConfig|DayViewConfig|EventListConfig|MonthViewConfig|ResourceViewConfig|WeekViewConfig|YearViewConfig|DayAgendaViewConfig|MonthAgendaViewConfig|ContainerItemConfig }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before CSV export starts. Return `false` to cancel the export.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {ExportConfig} params.event.config Export config
+     * @param {Grid.column.Column[]} params.event.columns An array of columns to export
+     * @param {Core.data.Model[]} params.event.rows An array of records to export
+     * @param {string} params.event.lineDelimiter The CSV delimiter to separate lines
+     * @param {string} params.event.columnDelimiter The CSV delimiter to separate values on one line
+     */
+    (e: 'beforeCSVExport', params: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before an object is destroyed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.Base} params.event.source The Object that is being destroyed.
+     */
+    (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void
+    /**
+     * This event fires on the owning Calendar before a drag creation gesture is started. Return `false` to
+     * veto the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag create context.
+     * @param {Event} params.event.domEvent The browser event.
+     * @param {Date} params.event.date The date at the drag DOM event position.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The `ResourceModel` record if the gesture was performed in a resource-type view.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag is being started.
+     */
+    (e: 'beforeDragCreate', params: ((event: { source: Calendar, drag: DragContext, domEvent: Event, date: Date, resourceRecord?: ResourceModel, feature: CalendarDrag, view: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Calendar before a drag creation gesture is completed. Return `false` to
+     * immediately veto the operation or a Promise yielding `true` or `false` for async vetoing.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag create context.
+     * @param {Event} params.event.event The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The `EventModel` record being created that has not yet been added in the store.
+     * @param {Date} params.event.newStartDate The new start date.
+     * @param {Date} params.event.newEndDate The new end date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The `ResourceModel` record if the gesture was performed in a resource-type view.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {boolean,ValidateCreateResult} params.event.validation The result of the [validateCreateFn](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag#config-validateCreateFn) if one was provided.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag completed.
+     */
+    (e: 'beforeDragCreateEnd', params: ((event: { source: Calendar, drag: DragContext, event: Event, eventRecord: EventModel, newStartDate: Date, newEndDate: Date, resourceRecord?: ResourceModel, feature: CalendarDrag, validation: boolean|ValidateCreateResult, view: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Calendar before a drag move gesture is started. Return `false` to
+     * veto the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag move context.
+     * @param {Event} params.event.domEvent The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The `EventModel` record being moved.
+     * @param {Date} params.event.date The date at the drag DOM event position.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The `ResourceModel` record if the gesture was performed in a resource-type view.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag is being started.
+     */
+    (e: 'beforeDragMove', params: ((event: { source: Calendar, drag: DragContext, domEvent: Event, eventRecord: EventModel, date: Date, resourceRecord?: ResourceModel, feature: CalendarDrag, view: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Calendar before a drag move gesture is completed. Return `false` to immediately veto the operation
+     * or a Promise yielding `true` or `false` for async vetoing.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag create context.
+     * @param {Event} params.event.event The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The `EventModel` record that has *not yet been updated* in the store.
+     * @param {Scheduler.model.EventModel} params.event.proxyEventRecord The `EventModel` record that is being used as a proxy for the drag operation and being updated on every pointer move. This will contain changed values based on the drag position.
+     * @param {Date} params.event.newStartDate The new start date.
+     * @param {Date} params.event.newEndDate The new end date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The `ResourceModel` record if the gesture was performed in a resource-type view.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {boolean,ValidateCreateResult} params.event.validation The result of the [validateMoveFn](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag#config-validateMoveFn) if one was provided.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag completed.
+     */
+    (e: 'beforeDragMoveEnd', params: ((event: { source: Calendar, drag: DragContext, event: Event, eventRecord: EventModel, proxyEventRecord: EventModel, newStartDate: Date, newEndDate: Date, resourceRecord?: ResourceModel, feature: CalendarDrag, validation: boolean|ValidateCreateResult, view: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Calendar before a drag resize gesture is started. Return `false` to
+     * veto the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag resize context.
+     * @param {Event} params.event.domEvent The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The `EventModel` record being resized.
+     * @param {Date} params.event.date The date at the drag DOM event position.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The `ResourceModel` record if the gesture was performed in a resource-type view.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag is being started.
+     */
+    (e: 'beforeDragResize', params: ((event: { source: Calendar, drag: DragContext, domEvent: Event, eventRecord: EventModel, date: Date, resourceRecord?: ResourceModel, feature: CalendarDrag, view: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Calendar before a drag resize gesture is completed. Return `false` to immediately veto the operation
+     * or a Promise yielding `true` or `false` for async vetoing.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag create context.
+     * @param {Event} params.event.event The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The `EventModel` record that has *not yet been updated* in the store.
+     * @param {Scheduler.model.EventModel} params.event.proxyEventRecord The `EventModel` record that is being used as a proxy for the drag operation and being updated on every pointer move. This will contain changed values based on the drag position.
+     * @param {Date} params.event.newStartDate The new start date.
+     * @param {Date} params.event.newEndDate The new end date.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {boolean,ValidateCreateResult} params.event.validation The result of the [validateResizeFn](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag#config-validateResizeFn) if one was provided.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag completed.
+     */
+    (e: 'beforeDragResizeEnd', params: ((event: { source: Calendar, drag: DragContext, event: Event, eventRecord: EventModel, proxyEventRecord: EventModel, newStartDate: Date, newEndDate: Date, feature: CalendarDrag, validation: boolean|ValidateCreateResult, view: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event is fired on the owning Calendar when dropping an event from the calendar on the
+     * external source <strong>if the [droppable](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-droppable) was configured</strong>. Returning `false`
+     * prevents the gesture from being completed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeDropExternal)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event record being dragged.
+     * @param {boolean} params.event.dropOnCalendar `true` if the drop gesture is over the client Calendar. This feature also allows drag *out* of the Calendar and onto the external event source if the [droppable](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-droppable) config is set.
+     * @param {HTMLElement} params.event.itemElement The element in which the drag gesture started.
+     * @param {HTMLElement} params.event.targetElement The current over element.
+     * @param {Event} params.event.domEvent The pointer event associated with the drag point.
+     * @param {number} params.event.overIndex *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, the index of the row being moved over;
+     * @param {Core.data.Model} params.event.overRecord *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, the record being moved over;
+     * @param {boolean} params.event.isAbove *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, `true` if the pointer position is above the halfway line of the over row.
+     * @param {boolean} params.event.altKey `true` if the Alt key was down when the last event was processed.
+     * @param {boolean} params.event.ctrlKey `true` if the Ctrl key was down when the last event was processed.
+     * @param {boolean} params.event.metaKey `true` if the Meta key was down when the last event was processed.
+     * @param {boolean} params.event.shiftKey `true` if the Shift key was down when the last event was processed.
+     */
+    (e: 'beforeDropExternal', params: ((event: { eventRecord: EventModel, dropOnCalendar: boolean, itemElement: HTMLElement, targetElement: HTMLElement, domEvent: Event, overIndex: number, overRecord: Model, isAbove: boolean, altKey: boolean, ctrlKey: boolean, metaKey: boolean, shiftKey: boolean }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * event editor. Can for example be used to display a custom dialog to confirm deletion, in which case
+     * records should be "manually" removed after confirmation:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeEventDelete)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance
+     * @param {Scheduler.model.EventModel[]} params.event.eventRecords The records about to be deleted
+     * @param {object} params.event.context Additional removal context:
+     * @param {Function} params.event.context.finalize Function to call to finalize the removal. Used to asynchronously decide to remove the records or not. Provide `false` to the function to prevent the removal.
+     * @param {boolean} params.event.context.finalize.removeRecords Provide `false` to the function to prevent the removal.
+     */
+    (e: 'beforeEventDelete', params: ((event: { source: Calendar, eventRecords: EventModel[], context: { finalize: { removeRecords?: boolean } } }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Scheduler before an event is displayed in an editor.
+     * This may be listened for to allow an application to take over event editing duties. Returning `false`
+     * stops the default editing UI from being shown.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeEventEdit)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {Scheduler.feature.SchedulerEventEdit} params.event.eventEdit The eventEdit feature
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The record about to be shown in the event editor.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The Resource record for the event. If the event is being created, it will not contain a resource, so this parameter specifies the resource the event is being created for.
+     * @param {HTMLElement} params.event.eventElement The element which represents the event in the scheduler display.
+     */
+    (e: 'beforeEventEdit', params: ((event: { source: Scheduler, eventEdit: SchedulerEventEdit, eventRecord: EventModel, resourceRecord: ResourceModel, eventElement: HTMLElement }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Scheduler when the editor for an event is available but before it is populated with
+     * data and shown. Allows manipulating fields etc.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {Scheduler.feature.SchedulerEventEdit} params.event.eventEdit The eventEdit feature
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The record about to be shown in the event editor.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The Resource record for the event. If the event is being created, it will not contain a resource, so this parameter specifies the resource the event is being created for.
+     * @param {HTMLElement} params.event.eventElement The element which represents the event in the scheduler display.
+     * @param {Core.widget.Popup} params.event.editor The editor
+     */
+    (e: 'beforeEventEditShow', params: ((event: { source: Scheduler, eventEdit: SchedulerEventEdit, eventRecord: EventModel, resourceRecord: ResourceModel, eventElement: HTMLElement, editor: Popup }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler before an event is saved.
+     * Return `false` to immediately prevent saving
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeEventSave)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler instance
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The record about to be saved
+     * @param {Scheduler.model.ResourceModel[]} params.event.resourceRecords The resources to which the event is assigned
+     * @param {object} params.event.values The new values
+     * @param {object} params.event.context Extended save context:
+     * @param {boolean} params.event.context.async Set this to `true` in a listener to indicate that the listener will asynchronously decide to prevent or not the event save.
+     * @param {Function} params.event.context.finalize Function to call to finalize the save. Used when `async` is `true`. Provide `false` to the function to prevent the save.
+     */
+    (e: 'beforeEventSave', params: ((event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], values: object, context: { async?: boolean, finalize: Function } }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired any time there is going to be a change to the events selected in the Scheduler.
+     * Returning `false` prevents the change
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler instance.
+     * @param {'select','deselect','update','clear'} params.event.action One of the actions 'select', 'deselect', 'update', 'clear'
+     * @param {Scheduler.model.EventModel[]} params.event.selected An array of events that will be added to the selection.
+     * @param {Scheduler.model.EventModel[]} params.event.deselected An array of events that will be removed from the selection.
+     * @param {Scheduler.model.EventModel[]} params.event.selection The currently selected events, before applying `selected` and `deselected`.
+     */
+    (e: 'beforeEventSelectionChange', params: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: EventModel[], deselected: EventModel[], selection: EventModel[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before Excel export starts. Return `false` to cancel the export.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {ExportConfig} params.event.config Export config
+     * @param {XLSColumn[]} params.event.columns An array of columns to export
+     * @param {any[][]} params.event.rows An array of records to export
+     */
+    (e: 'beforeExcelExport', params: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Triggered before a widget is hidden. Return `false` to prevent the action.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget being hidden.
+     */
+    (e: 'beforeHide', params: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Scheduler before a paste action is performed, return `false` to prevent the action.
+     * Depending on if the EventStore is using [singleAssignment](https://bryntum.com/products/calendar/docs/api/Scheduler/data/EventStore#config-singleAssignment) or the
+     * configuration of [copyPasteAction](https://bryntum.com/products/calendar/docs/api/Scheduler/feature/EventCopyPaste#config-copyPasteAction), either the `eventRecords` or the `assignmentRecords` param
+     * will be populated with record copies.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Owner scheduler
+     * @param {Scheduler.model.EventModel[]} params.event.eventRecords The events about to be pasted
+     * @param {Scheduler.model.AssignmentModel[]} params.event.assignmentRecords The assignments about to be pasted
+     * @param {Scheduler.model.EventModel[]} params.event.originalEventRecords The original event records
+     * @param {Scheduler.model.AssignmentModel[]} params.event.originalAssignmentRecords The original assignment record
+     * @param {Date} params.event.date The date when the pasted events will be scheduled
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record, the clipboard event records will be assigned to this resource.
+     * @param {boolean} params.event.isCut `true` if this is a cut action
+     * @param {string} params.event.entityName 'event' to distinguish this event from other beforePaste events
+     */
+    (e: 'beforePaste', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Calendar before print starts. Return `false` to cancel the print.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {object} params.event.config Print config
+     */
+    (e: 'beforePrint', params: ((event: { config: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Triggered before a new [responsiveState](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveState) is applied.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget whose `responsiveState` is to be changed
+     * @param {string} params.event.state The new value for the widget's `responsiveState`
+     * @param {string} params.event.oldState The previous value for the widget's `responsiveState`
+     */
+    (e: 'beforeResponsiveStateChange', params: ((event: { source: Widget, state: string, oldState: string }) => void)|string): void
+    /**
+     * Fired before this container will load record values into its child fields. This is useful if you
+     * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Container} params.event.source The container
+     * @param {Core.data.Model} params.event.record The record
+     */
+    (e: 'beforeSetRecord', params: ((event: { source: Container, record: Model }) => void)|string): void
+    /**
+     * Triggered before a widget is shown. Return `false` to prevent the action.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget,any} params.event.source The widget being shown
+     */
+    (e: 'beforeShow', params: ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {any} params.event.state State object config
+     */
+    (e: 'beforeStateApply', params: ((event: { state: any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {any} params.event.state State object config
+     */
+    (e: 'beforeStateSave', params: ((event: { state: any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires when any other event is fired from the object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-catchAll)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {{[key: string]: any, type: string}} params.event.event The Object that contains event details
+     * @param {string} params.event.event.type The type of the event which is caught by the listener
+     */
+    (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void
+    /**
+     * Fires when a cell overflow indicator is clicked or activated by the <kbd>ENTER</kbd> key in any view. This will include
+     * the cells of a [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView) and the `+ n more` overflow
+     * indicator of cells in a [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView), and "all day" events section
+     * of a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView).
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date clicked on.
+     */
+    (e: 'cellOverflowClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date }) => void)|string): void
+    /**
+     * Fires when a Panel is collapsed using the [collapsible](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Panel} params.event.source This Panel.
+     */
+    (e: 'collapse', params: ((event: { source: Panel }) => void)|string): void
+    /**
+     * This event fires on the owning widget when an item is selected in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The owning widget
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     */
+    (e: 'contextMenuItem', params: ((event: { source: Widget, menu: Menu, item: MenuItem }) => void)|string): void
+    /**
+     * This event fires on the owning widget when a check item is toggled in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The owning widget
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {boolean} params.event.checked Checked or not
+     */
+    (e: 'contextMenuToggleItem', params: ((event: { source: Widget, menu: Menu, item: MenuItem, checked: boolean }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler after a copy action is performed. Depending on if the EventStore is using
+     * [singleAssignment](https://bryntum.com/products/calendar/docs/api/Scheduler/data/EventStore#config-singleAssignment) or the configuration of
+     * [copyPasteAction](https://bryntum.com/products/calendar/docs/api/Scheduler/feature/EventCopyPaste#config-copyPasteAction), either the `eventRecords` or the `assignmentRecords` param will be populated
+     * with record copies.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Owner scheduler
+     * @param {Scheduler.model.EventModel[]} params.event.eventRecords The event record copies
+     * @param {Scheduler.model.AssignmentModel[]} params.event.assignmentRecords The assignment record copies
+     * @param {Scheduler.model.EventModel[]} params.event.originalEventRecords The event records that were copied
+     * @param {Scheduler.model.AssignmentModel[]} params.event.originalAssignmentRecord The assignment records that were copied
+     * @param {boolean} params.event.isCut `true` if this is a cut action
+     * @param {string} params.event.entityName 'event' to distinguish this event from other copy events
+     */
+    (e: 'copy', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecord: AssignmentModel[], isCut: boolean, entityName: string }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler/Gantt when the line indicating the current time is updated (see [currentTimeLineUpdateInterval](https://bryntum.com/products/calendar/docs/api/Scheduler/feature/TimeRanges#config-currentTimeLineUpdateInterval)).
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {Date} params.event.date The current date
+     */
+    (e: 'currentTimelineUpdate', params: ((event: { source: Scheduler, date: Date }) => void)|string): void
+    /**
+     * Fired when data in any of the projects stores changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dataChange)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {typeof Scheduler.data.mixin.ProjectConsumer,any} params.event.source Owning component
+     * @param {typeof Scheduler.model.mixin.ProjectModelMixin,any} params.event.project Project model
+     * @param {Core.data.Store} params.event.store Affected store
+     * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} params.event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
+     * @param {Core.data.Model} params.event.record Changed record, for actions that affects exactly one record (`'update'`)
+     * @param {Core.data.Model[]} params.event.records Changed records, passed for all actions except `'removeAll'`
+     * @param {object} params.event.changes Passed for the `'update'` action, info on which record fields changed
+     */
+    (e: 'dataChange', params: ((event: { source: typeof ProjectConsumer|any, project: typeof ProjectModelMixin|any, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string): void
+    /**
+     * Fires when the calendar changes the date that it orientates its views around.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dateChange)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar.
+     * @param {Date} params.event.oldDate The previous Calendar date.
+     * @param {Date} params.event.date The new Calendar date.
+     */
+    (e: 'dateChange', params: ((event: { source: Calendar, oldDate: Date, date: Date }) => void)|string): void
+    /**
+     * Fired when the eventStore is queried for events by date range, and the date range
+     * requested is different from the last time the store was queried.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dateRangeChange)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar instance
+     * @param {object} params.event.old The old date range
+     * @param {Date} params.event.old.startDate the old start date
+     * @param {Date} params.event.old.endDate the old end date
+     * @param {object} params.event.new The new date range
+     * @param {Date} params.event.new.startDate the new start date
+     * @param {Date} params.event.new.endDate the new end date
+     */
+    (e: 'dateRangeChange', params: ((event: { source: Calendar, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date } }) => void)|string): void
+    /**
+     * Fires when the [LoadOnDemand](https://bryntum.com/products/calendar/docs/api/Calendar/feature/LoadOnDemand) feature has loaded a range of events.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {object} params.event.response The decoded JSON response.
+     * @param {object} params.event.options The options object passed into the CrudManager [CrudManager](https://bryntum.com/products/calendar/docs/api/Scheduler/data/CrudManager) [load](https://bryntum.com/products/calendar/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) method.
+     * @param {Date} params.event.startDate The start date of the range to request.
+     * @param {Date} params.event.endDate The end date of the range to request. <strong>Note that Dates are timestamps</strong>.
+     */
+    (e: 'dateRangeLoad', params: ((event: { response: object, options: object, startDate: Date, endDate: Date }) => void)|string): void
+    /**
+     * Fired <strong>every</strong> time the eventStore is queried for events by date range.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dateRangeRequested)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar instance
+     * @param {object} params.event.old The old date range
+     * @param {Date} params.event.old.startDate the old start date
+     * @param {Date} params.event.old.endDate the old end date
+     * @param {object} params.event.new The new date range
+     * @param {Date} params.event.new.startDate the new start date
+     * @param {Date} params.event.new.endDate the new end date
+     * @param {boolean} params.event.changed `true` if the date range is different from the last time a request was made
+     */
+    (e: 'dateRangeRequested', params: ((event: { source: Calendar, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date }, changed: boolean }) => void)|string): void
+    /**
+     * Fired by the active view after one day cell's events are collected in sorted order according to the
+     * [eventSorter](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-eventSorter)
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dayCellPopulated)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Scheduler.model.EventModel[]} params.event.events The events to be shown for the passed date
+     * @param {Date} params.event.The date the events are to be shown in.
+     */
+    (e: 'dayCellPopulated', params: ((event: { source: CalendarView, events: EventModel[], The: Date }) => void)|string): void
+    /**
+     * Fires when a day number is clicked or activated by the <kbd>ENTER</kbd> key in a view which shows day numbers.
+     * This will include the cells of a [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView), the cell header of cells
+     * in a [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView), and the day header in a [DayView](#Calendar/widget/DayView).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dayNumberClick)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date clicked on.
+     * @param {DayCell} params.event.cellData An object that contains data about the calendar cell for the date.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'dayNumberClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date, cellData: DayCell, fromOverflowPopup: boolean }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires when an object is destroyed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.Base} params.event.source The Object that is being destroyed.
+     */
+    (e: 'destroy', params: ((event: { source: Base }) => void)|string): void
+    /**
+     * Fires when a field is mutated and the state of the [hasChanges](https://bryntum.com/products/calendar/docs/api/Core/widget/Container#property-hasChanges) property changes
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Container} params.event.source The container.
+     * @param {boolean} params.event.dirty The dirty state of the Container - `true` if there are any fields which have been changed since initial load.
+     */
+    (e: 'dirtyStateChange', params: ((event: { source: Container, dirty: boolean }) => void)|string): void
+    /**
+     * This event fires on the owning Calendar when a drag creation gesture is completed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag create context.
+     * @param {Event} params.event.event The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The new `EventModel` record added in the store.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The `ResourceModel` record if the gesture was performed in a resource-type view.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {boolean,ValidateCreateResult} params.event.validation The result of the [validateCreateFn](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag#config-validateCreateFn) if one was provided.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag completed.
+     */
+    (e: 'dragCreateEnd', params: ((event: { source: Calendar, drag: DragContext, event: Event, eventRecord: EventModel, resourceRecord?: ResourceModel, feature: CalendarDrag, validation: boolean|ValidateCreateResult, view: CalendarView }) => void)|string): void
+    /**
+     * This event fires on the owning Calendar when a drag move gesture is completed. The `eventRecord` has already been added
+     * to the `eventStore` of the owning calendar.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag create context.
+     * @param {Event} params.event.event The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The updated `EventModel` record.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The `ResourceModel` record if the gesture was performed in a resource-type view.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {boolean,ValidateCreateResult} params.event.validation The result of the [validateMoveFn](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag#config-validateMoveFn) if one was provided.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag completed.
+     */
+    (e: 'dragMoveEnd', params: ((event: { source: Calendar, drag: DragContext, event: Event, eventRecord: EventModel, resourceRecord?: ResourceModel, feature: CalendarDrag, validation: boolean|ValidateCreateResult, view: CalendarView }) => void)|string): void
+    /**
+     * This event is fired on the owning Calendar when dragging an event from the calendar over the
+     * external source <strong>if the [droppable](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-droppable) was configured</strong>.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dragMoveExternal)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event record being dragged.
+     * @param {HTMLElement} params.event.itemElement The element in which the drag gesture started.
+     * @param {HTMLElement} params.event.targetElement The current over element.
+     * @param {Event} params.event.domEvent The pointer event associated with the drag point.
+     * @param {number} params.event.overIndex *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, the index of the row being moved over;
+     * @param {Core.data.Model} params.event.overRecord *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, the record being moved over;
+     * @param {boolean} params.event.isAbove *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, `true` if the pointer position is above the halfway line of the over row.
+     * @param {boolean} params.event.altKey `true` if the Alt key was down when the last event was processed.
+     * @param {boolean} params.event.ctrlKey `true` if the Ctrl key was down when the last event was processed.
+     * @param {boolean} params.event.metaKey `true` if the Meta key was down when the last event was processed.
+     * @param {boolean} params.event.shiftKey `true` if the Shift key was down when the last event was processed.
+     */
+    (e: 'dragMoveExternal', params: ((event: { eventRecord: EventModel, itemElement: HTMLElement, targetElement: HTMLElement, domEvent: Event, overIndex: number, overRecord: Model, isAbove: boolean, altKey: boolean, ctrlKey: boolean, metaKey: boolean, shiftKey: boolean }) => void)|string): void
+    /**
+     * This event fires on the owning Calendar when a drag resize gesture is completed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance that fired the event.
+     * @param {Core.util.drag.DragContext} params.event.drag The drag create context.
+     * @param {Event} params.event.event The browser event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The updated `EventModel` record.
+     * @param {Calendar.feature.CalendarDrag} params.event.feature The Calendar drag feature instance.
+     * @param {boolean,ValidateCreateResult} params.event.validation The result of the [validateResizeFn](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag#config-validateResizeFn) if one was provided.
+     * @param {CalendarView} params.event.view The Calendar widget in which the drag completed.
+     */
+    (e: 'dragResizeEnd', params: ((event: { source: Calendar, drag: DragContext, event: Event, eventRecord: EventModel, feature: CalendarDrag, validation: boolean|ValidateCreateResult, view: CalendarView }) => void)|string): void
+    /**
+     * This event is fired on the owning Calendar after dropping an event from the calendar on the
+     * external source has been completed <strong>if the [droppable](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-droppable) was configured</strong>.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dropExternal)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event record that was dropped.
+     * @param {boolean} params.event.dropOnCalendar `true` if the drop gesture is over the client Calendar. This feature also allows drag *out* of the Calendar and onto the external event source if the [droppable](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-droppable) config is set.
+     * @param {HTMLElement} params.event.itemElement The element in which the drag gesture started.
+     * @param {HTMLElement} params.event.targetElement The current over element.
+     * @param {Event} params.event.domEvent The pointer event associated with the drag point.
+     * @param {number} params.event.overIndex *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, the index of the row being moved over;
+     * @param {Core.data.Model} params.event.overRecord *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, the record being moved over;
+     * @param {boolean} params.event.isAbove *If [grid](https://bryntum.com/products/calendar/docs/api/Calendar/feature/ExternalEventSource#config-grid) was specified*, `true` if the pointer position is above the halfway line of the over row.
+     * @param {boolean} params.event.altKey `true` if the Alt key was down when the last event was processed.
+     * @param {boolean} params.event.ctrlKey `true` if the Ctrl key was down when the last event was processed.
+     * @param {boolean} params.event.metaKey `true` if the Meta key was down when the last event was processed.
+     * @param {boolean} params.event.shiftKey `true` if the Shift key was down when the last event was processed.
+     */
+    (e: 'dropExternal', params: ((event: { eventRecord: EventModel, dropOnCalendar: boolean, itemElement: HTMLElement, targetElement: HTMLElement, domEvent: Event, overIndex: number, overRecord: Model, isAbove: boolean, altKey: boolean, ctrlKey: boolean, metaKey: boolean, shiftKey: boolean }) => void)|string): void
+    /**
+     * Triggered when a widget's [element](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-element) is available.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {HTMLElement} params.event.element The Widget's element.
+     */
+    (e: 'elementCreated', params: ((event: { element: HTMLElement }) => void)|string): void
+    /**
+     * Fired when an empty cell content area is clicked on in a [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView) or a
+     * [CalendarRow](https://bryntum.com/products/calendar/docs/api/Calendar/widget/CalendarRow).
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The child view on which the event was initiated.
+     * @param {Event} params.event.domEvent The triggering DOM event.
+     * @param {Date} params.event.date The date which has no visible events
+     */
+    (e: 'emptyCellClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date }) => void)|string): void
+    /**
+     * Fired when an [autoCreate](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-autoCreate) gesture has
+     * created a new event and added it to the event store.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-eventAutoCreated)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The child view on which the event was initiated.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The new event record.
+     */
+    (e: 'eventAutoCreated', params: ((event: { source: CalendarView, eventRecord: EventModel }) => void)|string): void
+    /**
+     * Fires when an event bar is clicked in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event clicked on.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource clicked on if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when an event bar is right-clicked in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event right-clicked on.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource right-clicked on if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventContextMenu', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when an event bar is double clicked in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event double clicked on.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource double clicked on if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventDblClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fired before the editor will load the event record data into its input fields. This is useful if you
+     * want to modify the fields before data is loaded (e.g. set some input field to be readonly)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Container} params.event.source The editor widget
+     * @param {Scheduler.model.EventModel} params.event.record The record
+     */
+    (e: 'eventEditBeforeSetRecord', params: ((event: { source: Container, record: EventModel }) => void)|string): void
+    /**
+     * Fires when a key is pressed while an event bar is focused.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event in which the key event was detected.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource in which the key event was detected if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventKeyDown', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * This event fires on the owning Scheduler before the context menu is shown for an event. Allows manipulation of the items
+     * to show in the same way as in `processItems`. Returning `false` from a listener prevents the menu from
+     * being shown.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Scheduler.model.EventModel} params.event.eventRecord Event record for which the menu was triggered
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord Resource record
+     * @param {Scheduler.model.AssignmentModel} params.event.assignmentRecord Assignment record, if assignments are used
+     * @param {HTMLElement} params.event.eventElement
+     * @param {MouseEvent} params.event.event Pointer event which triggered the context menu (if any)
+     */
+    (e: 'eventMenuBeforeShow', params: ((event: { source: Scheduler, items: Record<string, MenuItemEntry>, eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, eventElement: HTMLElement, event?: MouseEvent }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Scheduler when an item is selected in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source
+     * @param {Core.widget.MenuItem} params.event.item
+     * @param {Scheduler.model.EventModel} params.event.eventRecord
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord
+     * @param {Scheduler.model.AssignmentModel} params.event.assignmentRecord Assignment record, if assignments are used
+     * @param {HTMLElement} params.event.eventElement
+     */
+    (e: 'eventMenuItem', params: ((event: { source: Scheduler, item: MenuItem, eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, eventElement: HTMLElement }) => void)|string): void
+    /**
+     * This event fires on the owning Scheduler after showing the context menu for an event
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Scheduler.model.EventModel} params.event.eventRecord Event record for which the menu was triggered
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord Resource record
+     * @param {Scheduler.model.AssignmentModel} params.event.assignmentRecord Assignment record, if assignments are used
+     * @param {HTMLElement} params.event.eventElement
+     */
+    (e: 'eventMenuShow', params: ((event: { source: Scheduler, menu: Menu, eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, eventElement: HTMLElement }) => void)|string): void
+    /**
+     * Fires when an event bar is mousedowned in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event mousedowned on.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource mousedowned on if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventMouseDown', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when cursor enters an event bar in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event record.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventMouseEnter', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when cursor leaves an event bar in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event record.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventMouseLeave', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when an event bar is mouseouted in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event mouseouted.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource mouseouted if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventMouseOut', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when an event bar is mouseovered in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event mouseovered.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource mouseovered if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventMouseOver', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when an event bar is mouseupped in any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement The UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event mouseupped.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource mouseupped if the UI includes a resource.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'eventMouseUp', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Fires when a day spanning event is found, and the date to which its encapsulating event bar
+     * extends has been calculated.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-eventPropagate)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Date} params.event.eventEndDate The end date for which to calculate the propagate end date.
+     * @param {Date} params.event.propagateEndDate The system-calculated end point of the event bar.
+     * @param {boolean} params.event.isAllDay `true` if the event is an all day event, or spans multiple days.
+     * @param {boolean} params.event.isOverflow `true` if this is being called as part of further propagation.
+     * @param {boolean} params.event.overflows `true` if the event extends into future cells.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord The event record being propagated.
+     * @param {Date} params.event.date The date from which the event is being propagated.
+     */
+    (e: 'eventPropagate', params: ((event: { source: CalendarView, eventEndDate: Date, propagateEndDate: Date, isAllDay: boolean, isOverflow: boolean, overflows: boolean, eventRecord: EventModel, date: Date }) => void)|string): void
+    /**
+     * Fires when a Panel is expanded using the [collapsible](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Panel} params.event.source This Panel.
+     */
+    (e: 'expand', params: ((event: { source: Panel }) => void)|string): void
+    /**
+     * Fired when focus enters this Widget.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source This Widget
+     * @param {HTMLElement} params.event.fromElement The element which lost focus.
+     * @param {HTMLElement} params.event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} params.event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} params.event.toWidget The widget which gained focus.
+     * @param {boolean} params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    (e: 'focusIn', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void
+    /**
+     * Fired when focus exits this Widget's ownership tree. This is different from a `blur` event.
+     * focus moving from within this Widget's ownership tree, even if there are floating widgets
+     * will not trigger this event. This is when focus exits this widget completely.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source This Widget
+     * @param {HTMLElement} params.event.fromElement The element which lost focus.
+     * @param {HTMLElement} params.event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} params.event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} params.event.toWidget The widget which gained focus.
+     * @param {boolean} params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    (e: 'focusOut', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void
+    /**
+     * Triggered after a widget was hidden
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget
+     */
+    (e: 'hide', params: ((event: { source: Widget }) => void)|string): void
+    /**
+     * Fires when the [LoadOnDemand](https://bryntum.com/products/calendar/docs/api/Calendar/feature/LoadOnDemand) feature detects that a request
+     * for data from the server has failed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-loadOnDemandFail)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Response} params.event.rawResponse The HTTP `fetch` response object.
+     * @param {object} params.event.request The CrudManager load data block.
+     * @param {object} params.event.response The decoded JSON response.
+     */
+    (e: 'loadOnDemandFail', params: ((event: { rawResponse: any, request: object, response: object }) => void)|string): void
+    /**
+     * Fires when a month name header in a [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView) or a [MonthGrid](#Calendar/widget/MonthGrid) is clicked
+     * or activated by the <kbd>ENTER</kbd> key.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-monthNameClick)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {number} params.event.month The month index *(zero based)* clicked on.
+     * @param {Date} params.event.date The date of the first of the month clicked on.
+     */
+    (e: 'monthNameClick', params: ((event: { source: CalendarView, domEvent: Event, month: number, date: Date }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired when a user gesture causes the active item to change.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Event} params.event.event The browser event which instigated navigation. May be a click or key or focus event.
+     * @param {HTMLElement,null} params.event.item The newly active item, or `null` if focus moved out.
+     * @param {HTMLElement,null} params.event.oldItem The previously active item, or `null` if focus is moving in.
+     */
+    (e: 'navigate', params: ((event: { event: Event, item: HTMLElement|null, oldItem: HTMLElement|null }) => void)|string): void
+    /**
+     * Triggered when a widget which had been in a non-visible state for any reason
+     * achieves visibility.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-paint)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget being painted.
+     * @param {boolean} params.event.firstPaint `true` if this is the first paint.
+     */
+    (e: 'paint', params: ((event: { source: Widget, firstPaint: boolean }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler after a paste action is performed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Owner scheduler
+     * @param {Scheduler.model.EventModel[]} params.event.eventRecords The pasted event records
+     * @param {Scheduler.model.AssignmentModel[]} params.event.assignmentRecords The pasted assignment records
+     * @param {Scheduler.model.EventModel[]} params.event.pastedEventRecords (DEPRECATED) Use eventRecords instead
+     * @param {Scheduler.model.EventModel[]} params.event.originalEventRecords The original copied event records
+     * @param {Scheduler.model.AssignmentModel[]} params.event.originalAssignmentRecords The original copied assignment records
+     * @param {Date} params.event.date date Pasted to this date
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record
+     * @param {boolean} params.event.isCut `true` if this is a cut action
+     * @param {string} params.event.entityName 'event' to distinguish this event from other paste events
+     */
+    (e: 'paste', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], pastedEventRecords: EventModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler if a paste action is not allowed. Depending on if the EventStore is using
+     * [singleAssignment](https://bryntum.com/products/calendar/docs/api/Scheduler/data/EventStore#config-singleAssignment) or the configuration of
+     * [copyPasteAction](https://bryntum.com/products/calendar/docs/api/Scheduler/feature/EventCopyPaste#config-copyPasteAction), either the `eventRecords` or the `assignmentRecords` param will be populated
+     * with record copies.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Owner scheduler
+     * @param {Scheduler.model.EventModel[]} params.event.eventRecords The event records about to be pasted
+     * @param {Scheduler.model.AssignmentModel[]} params.event.assignmentRecords The assignment records about to be pasted
+     * @param {Scheduler.model.EventModel[]} params.event.originalEventRecords The event records that were copied
+     * @param {Scheduler.model.AssignmentModel[]} params.event.originalAssignmentRecords The assignment records that were copied
+     * @param {Date} params.event.date The paste date
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record
+     * @param {boolean} params.event.isCut `true` if this is a cut action
+     * @param {string} params.event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
+     * @param {'overlappingEvents','resourceReadOnly'} params.event.reason A string id to use for displaying an error message to the user.
+     */
+    (e: 'pasteNotAllowed', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string): void
+    /**
+     * Fired when a Widget's read only state is toggled
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {boolean} params.event.readOnly Read only or not
+     */
+    (e: 'readOnly', params: ((event: { readOnly: boolean }) => void)|string): void
+    /**
+     * This event is fired after a widget's elements have been synchronized due to a direct or indirect call
+     * to [recompose](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#function-recompose), if this results in some change to the widget's rendered DOM elements.
+     */
+    (e: 'recompose', params: (() => void)|string): void
+    /**
+     * Fires when one of the views in this Calendar refreshes.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which refreshed.
+     */
+    (e: 'refresh', params: ((event: { source: CalendarView }) => void)|string): void
+    /**
+     * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source This Widget
+     * @param {number} params.event.width The new width
+     * @param {number} params.event.height The new height
+     * @param {number} params.event.oldWidth The old width
+     * @param {number} params.event.oldHeight The old height
+     */
+    (e: 'resize', params: ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string): void
+    /**
+     * Fires when a click event is received by a view which supports resources.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-resourceClick)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date of the UI element which contains the event.
+     * @param {HTMLElement} params.event.eventElement *If* an event was interacted with, the UI element which represents the event.
+     * @param {Scheduler.model.EventModel} params.event.eventRecord *If* an event was interacted with.
+     * @param {HTMLElement} params.event.resourceElement The UI element which encapsulates the resource.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the target element.
+     * @param {boolean} params.event.fromOverflowPopup `true` if the interaction was through the source view's [overflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellRenderer#property-overflowPopup).
+     */
+    (e: 'resourceClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date, eventElement: HTMLElement, eventRecord: EventModel, resourceElement: HTMLElement, resourceRecord: ResourceModel, fromOverflowPopup: boolean }) => void)|string): void
+    /**
+     * Triggered when a new [responsiveState](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveState) is applied.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget whose `responsiveState` has changed
+     * @param {string} params.event.state The new value for the widget's `responsiveState`
+     * @param {string} params.event.oldState The previous value for the widget's `responsiveState`
+     */
+    (e: 'responsiveStateChange', params: ((event: { source: Widget, state: string, oldState: string }) => void)|string): void
+    /**
+     * Fires when a click made its way through to an empty part of any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date clicked on. _Note that in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this will include granular time information. For other views, this is the *start* of the date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the view if any. Only [ResourceView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/ResourceView) or a [DayResourceView](#Calendar/widget/DayResourceView) will include this.
+     */
+    (e: 'scheduleClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
+    /**
+     * Fires when a context menu made its way through to an empty part of any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date clicked on. _Note that in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this will include granular time information. For other views, this is the *start* of the date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the view if any. Only [ResourceView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/ResourceView) or a [DayResourceView](#Calendar/widget/DayResourceView) will include this.
+     */
+    (e: 'scheduleContextMenu', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
+    /**
+     * Fires when a dblclick made its way through to an empty part of any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date double clicked on. _Note that in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this will include granular time information. For other views, this is the *start* of the date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the view if any. Only [ResourceView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/ResourceView) or a [DayResourceView](#Calendar/widget/DayResourceView) will include this.
+     */
+    (e: 'scheduleDblClick', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
+    /**
+     * This event fires on the owning Scheduler or Gantt widget before the context menu is shown for the schedule.
+     * Allows manipulation of the items to show in the same way as in `processItems`. Returning `false` from a listener
+     * prevents the menu from being shown.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord Resource record
+     * @param {Date} params.event.date Clicked date, rounded according to viewPreset's settings
+     * @param {Scheduler.model.AssignmentModel} params.event.assignmentRecord Assignment record, if assignments are used
+     * @param {HTMLElement} params.event.eventElement
+     */
+    (e: 'scheduleMenuBeforeShow', params: ((event: { source: Scheduler, items: Record<string, MenuItemEntry>, resourceRecord: ResourceModel, date: Date, assignmentRecord: AssignmentModel, eventElement: HTMLElement }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Scheduler or Gantt widget when an item is selected in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source
+     * @param {Core.widget.MenuItem} params.event.item
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord
+     * @param {Date} params.event.date Clicked date, rounded according to viewPreset's settings
+     * @param {HTMLElement} params.event.element
+     */
+    (e: 'scheduleMenuItem', params: ((event: { source: Scheduler, item: MenuItem, resourceRecord: ResourceModel, date: Date, element: HTMLElement }) => void)|string): void
+    /**
+     * This event fires on the owning Scheduler or Gantt widget after showing the context menu for the schedule.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord
+     * @param {Date} params.event.date Clicked date, rounded according to viewPreset's settings
+     * @param {HTMLElement} params.event.targetElement
+     */
+    (e: 'scheduleMenuShow', params: ((event: { source: Scheduler, items: Record<string, MenuItemEntry>, menu: Menu, resourceRecord: ResourceModel, date: Date, targetElement: HTMLElement }) => void)|string): void
+    /**
+     * Fires when a mousedown made its way through to an empty part of any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date mousedowned on. _Note that in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this will include granular time information. For other views, this is the *start* of the date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the view if any. Only [ResourceView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/ResourceView) or a [DayResourceView](#Calendar/widget/DayResourceView) will include this.
+     */
+    (e: 'scheduleMouseDown', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
+    /**
+     * Fires when a mouseout made it's way through to an empty part of any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date mouseouted. _Note that in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this will include granular time information. For other views, this is the *start* of the date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the view if any. Only [ResourceView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/ResourceView) or a [DayResourceView](#Calendar/widget/DayResourceView) will include this.
+     */
+    (e: 'scheduleMouseOut', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
+    /**
+     * Fires when a mouseover made its way through to an empty part of any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date mouseovered. _Note that in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this will include granular time information. For other views, this is the *start* of the date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the view if any. Only [ResourceView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/ResourceView) or a [DayResourceView](#Calendar/widget/DayResourceView) will include this.
+     */
+    (e: 'scheduleMouseOver', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
+    /**
+     * Fires when a mouseup made its way through to an empty part of any view.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {Date} params.event.date The date mouseupped on. _Note that in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this will include granular time information. For other views, this is the *start* of the date.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The resource associated with the view if any. Only [ResourceView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/ResourceView) or a [DayResourceView](#Calendar/widget/DayResourceView) will include this.
+     */
+    (e: 'scheduleMouseUp', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
+    /**
+     * Fired any time there is a change to the events selected in the Calendar.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source The Calendar instance.
+     * @param {'select','deselect','update','clear'} params.event.action One of the actions 'select', 'deselect', 'update', 'clear'
+     * @param {Scheduler.model.EventModel[]} params.event.selected An array of the Events added to the selection.
+     * @param {Scheduler.model.EventModel[]} params.event.deselected An array of the Event removed from the selection.
+     * @param {Scheduler.model.EventModel[]} params.event.selection The new selection.
+     */
+    (e: 'selectionChange', params: ((event: { source: Calendar, action: 'select'|'deselect'|'update'|'clear', selected: EventModel[], deselected: EventModel[], selection: EventModel[] }) => void)|string): void
+    /**
+     * Triggered after a widget is shown.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget
+     */
+    (e: 'show', params: ((event: { source: Widget }) => void)|string): void
+    /**
+     * Fired when the sidebar is collapsed either through the UI or programatically.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar instance
+     */
+    (e: 'sidebarCollapse', params: ((event: { source: Calendar }) => void)|string): void
+    /**
+     * Fired when the sidebar is expanded either through the UI or programatically.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Calendar.view.Calendar} params.event.source This Calendar instance
+     */
+    (e: 'sidebarExpand', params: ((event: { source: Calendar }) => void)|string): void
+    /**
+     * Fired when a time axis of a DayView or WeekView is clicked on. If the handler returns
+     * `false` the current pointer event is not processed further.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The triggering DOM event.
+     * @param {Date} params.event.preciseTime The exact date and time at the clicked position
+     * @param {Date} params.event.time The date and time at the clicked position snapped according to the [increment](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-increment) and [timeSnapType](#Calendar/widget/DayView#config-timeSnapType)
+     */
+    (e: 'timeAxisClick', params: ((event: { source: CalendarView, domEvent: Event, preciseTime: Date, time: Date }) => void)|string): void
+    /**
+     * Fired on the owning Scheduler or Gantt widget when a click happens on a time range header element
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Scheduler instance
+     * @param {Scheduler.model.TimeSpan} params.event.timeRangeRecord The record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'timeRangeHeaderClick', params: ((event: { source: Scheduler, timeRangeRecord: TimeSpan, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Fired on the owning Scheduler or Gantt widget when a right click happens on a time range header element
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Scheduler instance
+     * @param {Scheduler.model.TimeSpan} params.event.timeRangeRecord The record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'timeRangeHeaderContextMenu', params: ((event: { source: Scheduler, timeRangeRecord: TimeSpan, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Fired on the owning Scheduler or Gantt widget when a double click happens on a time range header element
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Scheduler instance
+     * @param {Scheduler.model.TimeSpan} params.event.timeRangeRecord The record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'timeRangeHeaderDblClick', params: ((event: { source: Scheduler, timeRangeRecord: TimeSpan, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * A header [tool](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-tools) has been clicked.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Tool} params.event.source This Panel.
+     * @param {Core.widget.Tool} params.event.tool The tool which is being clicked.
+     */
+    (e: 'toolClick', params: ((event: { source: Tool, tool: Tool }) => void)|string): void
+    /**
+     * Fires when one of the child views is painted. That is when it becomes visible.
+     * Note that due to the slide-in animation, while the view is visible, it will not
+     * yet be in its final position.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The widget being painted
+     * @param {boolean} params.event.firstPaint `true` if this is the first paint
+     */
+    (e: 'viewPaint', params: ((event: { source: CalendarView, firstPaint: boolean }) => void)|string): void
+    /**
+     * Fires when a week number is clicked or activated by the <kbd>ENTER</kbd> key. This will include the week number cells of a
+     * [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView), the week number in the first cell
+     * in each row of a [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView)
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-weekNumberClick)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {CalendarView} params.event.source The view which triggered the event.
+     * @param {Event} params.event.domEvent The initiating DOM event.
+     * @param {number[]} params.event.week The `[year, week]` clicked on.
+     * @param {Date} params.event.date The date clicked on.
+     */
+    (e: 'weekNumberClick', params: ((event: { source: CalendarView, domEvent: Event, week: number[], date: Date }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+}>();
+
+const widgetData = {
+    instanceClass : Calendar,
+    instanceName  : 'Calendar',
+
+    isView : true,
+    dataStores : {
+        'assignmentStore': 'assignments',
+        'dependencyStore': 'dependencies',
+        'eventStore': 'events',
+        'resourceStore': 'resources',
+        'resourceTimeRangeStore': 'resourceTimeRanges',
+        'timeRangeStore': 'timeRanges'
+     },
+    projectStores : true,
+    featureNames : [
+        'dragFeature',
+        'eventBufferFeature',
+        'eventCopyPasteFeature',
+        'eventEditFeature',
+        'eventMenuFeature',
+        'eventTooltipFeature',
+        'excelExporterFeature',
+        'externalEventSourceFeature',
+        'loadOnDemandFeature',
+        'printFeature',
+        'scheduleMenuFeature',
+        'scheduleTooltipFeature',
+        'timeRangesFeature',
+        'weekExpanderFeature'
+    ],
+
+    configNames   : [
+        'adopt',
+        'align',
+        'anchor',
+        'ariaDescription',
+        'ariaLabel',
+        'assignmentStore',
+        'autoCreate',
+        'bbar',
+        'bodyCls',
+        'bubbleEvents',
+        'centered',
+        'collapsible',
+        'color',
+        'config',
+        'constrainTo',
+        'contentElementCls',
+        'contextMenuTriggerEvent',
+        'crudManagerClass',
+        'dataField',
+        'datePicker',
+        'defaultBindProperty',
+        'defaultFocus',
+        'defaults',
+        'deselectOnClick',
+        'destroyStores',
+        'detectCSSCompatibilityIssues',
+        'dock',
+        'draggable',
+        'drawer',
+        'elementAttributes',
+        'enableDeleteKey',
+        'enableRecurringEvents',
+        'enableUndoRedoKeys',
+        'eventSelectionDisabled',
+        'eventStore',
+        'filterEventResources',
+        'floating',
+        'footer',
+        'header',
+        'hideAnimation',
+        'hideWhenEmpty',
+        'highlightDate',
+        'highlightPredecessors',
+        'highlightSuccessors',
+        'icon',
+        'ignoreParentReadOnly',
+        'includeWeekendsButton',
+        'itemCls',
+        'lazyItems',
+        'listeners',
+        'loadMask',
+        'loadMaskDefaults',
+        'loadMaskError',
+        'localeClass',
+        'localizable',
+        'localizableProperties',
+        'maintainSelectionOnDatasetChange',
+        'maskDefaults',
+        'masked',
+        'monitorResize',
+        'multiEventSelect',
+        'namedItems',
+        'navigatorPlacement',
+        'overlaySidebar',
+        'owner',
+        'positioned',
+        'preventTooltipOnTouch',
+        'propagatedConfigs',
+        'relayStoreEvents',
+        'resourceImagePath',
+        'resourceStore',
+        'resourceTimeRangeStore',
+        'responsive',
+        'responsiveRoot',
+        'responsiveState',
+        'responsiveTarget',
+        'ripple',
+        'rootElement',
+        'scrollAction',
+        'showAnimation',
+        'showRecurringUI',
+        'showTooltipWhenDisabled',
+        'sidebar',
+        'stateful',
+        'statefulEvents',
+        'stateId',
+        'stateProvider',
+        'strips',
+        'syncMask',
+        'tab',
+        'tabBarItems',
+        'tag',
+        'tbar',
+        'textAlign',
+        'timeRangeStore',
+        'timeZone',
+        'trapFocus',
+        'triggerSelectionChangeOnRemove',
+        'type',
+        'ui',
+        'viewContainer',
+        'weekStartDay',
+        'weight'
+    ],
+    propertyConfigNames : [
+        'activeDateCls',
+        'alignSelf',
+        'appendTo',
+        'assignments',
+        'callOnFunctions',
+        'catchEventHandlerExceptions',
+        'cls',
+        'collapsed',
+        'column',
+        'crudManager',
+        'dataset',
+        'date',
+        'dateFormat',
+        'defaultCalendar',
+        'deselectAllOnScheduleClick',
+        'disabled',
+        'events',
+        'extraData',
+        'flex',
+        'height',
+        'hidden',
+        'hideNonWorkingDays',
+        'id',
+        'inputFieldAlign',
+        'insertBefore',
+        'insertFirst',
+        'isEventSelectable',
+        'items',
+        'keyMap',
+        'labelPosition',
+        'layout',
+        'layoutStyle',
+        'margin',
+        'maxDate',
+        'maxHeight',
+        'maximizeOnMobile',
+        'maxWidth',
+        'minDate',
+        'minHeight',
+        'minWidth',
+        'mode',
+        'modeDefaults',
+        'modes',
+        'nonWorkingDays',
+        'onActiveItemChange',
+        'onAfterEventEdit',
+        'onAfterEventSave',
+        'onBeforeActiveItemChange',
+        'onBeforeAssignmentDelete',
+        'onBeforeAssignmentSelectionChange',
+        'onBeforeAutoCreate',
+        'onBeforeCopy',
+        'onBeforeCreateMode',
+        'onBeforeCSVExport',
+        'onBeforeDestroy',
+        'onBeforeDragCreate',
+        'onBeforeDragCreateEnd',
+        'onBeforeDragMove',
+        'onBeforeDragMoveEnd',
+        'onBeforeDragResize',
+        'onBeforeDragResizeEnd',
+        'onBeforeDropExternal',
+        'onBeforeEventDelete',
+        'onBeforeEventEdit',
+        'onBeforeEventEditShow',
+        'onBeforeEventSave',
+        'onBeforeEventSelectionChange',
+        'onBeforeExcelExport',
+        'onBeforeHide',
+        'onBeforePaste',
+        'onBeforePrint',
+        'onBeforeResponsiveStateChange',
+        'onBeforeSetRecord',
+        'onBeforeShow',
+        'onBeforeStateApply',
+        'onBeforeStateSave',
+        'onCatchAll',
+        'onCellOverflowClick',
+        'onCollapse',
+        'onContextMenuItem',
+        'onContextMenuToggleItem',
+        'onCopy',
+        'onCurrentTimelineUpdate',
+        'onDataChange',
+        'onDateChange',
+        'onDateRangeChange',
+        'onDateRangeLoad',
+        'onDateRangeRequested',
+        'onDayCellPopulated',
+        'onDayNumberClick',
+        'onDestroy',
+        'onDirtyStateChange',
+        'onDragCreateEnd',
+        'onDragMoveEnd',
+        'onDragMoveExternal',
+        'onDragResizeEnd',
+        'onDropExternal',
+        'onElementCreated',
+        'onEmptyCellClick',
+        'onEventAutoCreated',
+        'onEventClick',
+        'onEventContextMenu',
+        'onEventDblClick',
+        'onEventEditBeforeSetRecord',
+        'onEventKeyDown',
+        'onEventMenuBeforeShow',
+        'onEventMenuItem',
+        'onEventMenuShow',
+        'onEventMouseDown',
+        'onEventMouseEnter',
+        'onEventMouseLeave',
+        'onEventMouseOut',
+        'onEventMouseOver',
+        'onEventMouseUp',
+        'onEventPropagate',
+        'onExpand',
+        'onFocusIn',
+        'onFocusOut',
+        'onHide',
+        'onLoadOnDemandFail',
+        'onMonthNameClick',
+        'onNavigate',
+        'onPaint',
+        'onPaste',
+        'onPasteNotAllowed',
+        'onReadOnly',
+        'onRecompose',
+        'onRefresh',
+        'onResize',
+        'onResourceClick',
+        'onResponsiveStateChange',
+        'onScheduleClick',
+        'onScheduleContextMenu',
+        'onScheduleDblClick',
+        'onScheduleMenuBeforeShow',
+        'onScheduleMenuItem',
+        'onScheduleMenuShow',
+        'onScheduleMouseDown',
+        'onScheduleMouseOut',
+        'onScheduleMouseOver',
+        'onScheduleMouseUp',
+        'onSelectionChange',
+        'onShow',
+        'onSidebarCollapse',
+        'onSidebarExpand',
+        'onTimeAxisClick',
+        'onTimeRangeHeaderClick',
+        'onTimeRangeHeaderContextMenu',
+        'onTimeRangeHeaderDblClick',
+        'onToolClick',
+        'onViewPaint',
+        'onWeekNumberClick',
+        'project',
+        'readOnly',
+        'recurrenceConfirmationPopup',
+        'rendition',
+        'resources',
+        'resourceTimeRanges',
+        'rtl',
+        'scrollable',
+        'selectResourceOnEventNavigate',
+        'selectResourceOnScheduleClick',
+        'span',
+        'strictRecordMapping',
+        'timeRanges',
+        'title',
+        'tools',
+        'tooltip',
+        'useContextualRecurrenceRules',
+        'width',
+        'x',
+        'y'
+    ],
+    propertyNames : [
+        'activeSubView',
+        'activeView',
+        'anchorSize',
+        'focusVisible',
+        'hasChanges',
+        'isEngineReady',
+        'isSettingValues',
+        'isValid',
+        'parent',
+        'record',
+        'selectedEvents',
+        'state',
+        'values',
+        'views'
+    ],
+    eventNames : [
+        'activeItemChange',
+        'afterEventEdit',
+        'afterEventSave',
+        'beforeActiveItemChange',
+        'beforeAssignmentDelete',
+        'beforeAssignmentSelectionChange',
+        'beforeAutoCreate',
+        'beforeCopy',
+        'beforeCreateMode',
+        'beforeCSVExport',
+        'beforeDestroy',
+        'beforeDragCreate',
+        'beforeDragCreateEnd',
+        'beforeDragMove',
+        'beforeDragMoveEnd',
+        'beforeDragResize',
+        'beforeDragResizeEnd',
+        'beforeDropExternal',
+        'beforeEventDelete',
+        'beforeEventEdit',
+        'beforeEventEditShow',
+        'beforeEventSave',
+        'beforeEventSelectionChange',
+        'beforeExcelExport',
+        'beforeHide',
+        'beforePaste',
+        'beforePrint',
+        'beforeResponsiveStateChange',
+        'beforeSetRecord',
+        'beforeShow',
+        'beforeStateApply',
+        'beforeStateSave',
+        'catchAll',
+        'cellOverflowClick',
+        'collapse',
+        'contextMenuItem',
+        'contextMenuToggleItem',
+        'copy',
+        'currentTimelineUpdate',
+        'dataChange',
+        'dateChange',
+        'dateRangeChange',
+        'dateRangeLoad',
+        'dateRangeRequested',
+        'dayCellPopulated',
+        'dayNumberClick',
+        'destroy',
+        'dirtyStateChange',
+        'dragCreateEnd',
+        'dragMoveEnd',
+        'dragMoveExternal',
+        'dragResizeEnd',
+        'dropExternal',
+        'elementCreated',
+        'emptyCellClick',
+        'eventAutoCreated',
+        'eventClick',
+        'eventContextMenu',
+        'eventDblClick',
+        'eventEditBeforeSetRecord',
+        'eventKeyDown',
+        'eventMenuBeforeShow',
+        'eventMenuItem',
+        'eventMenuShow',
+        'eventMouseDown',
+        'eventMouseEnter',
+        'eventMouseLeave',
+        'eventMouseOut',
+        'eventMouseOver',
+        'eventMouseUp',
+        'eventPropagate',
+        'expand',
+        'focusIn',
+        'focusOut',
+        'hide',
+        'loadOnDemandFail',
+        'monthNameClick',
+        'navigate',
+        'paint',
+        'paste',
+        'pasteNotAllowed',
+        'readOnly',
+        'recompose',
+        'refresh',
+        'resize',
+        'resourceClick',
+        'responsiveStateChange',
+        'scheduleClick',
+        'scheduleContextMenu',
+        'scheduleDblClick',
+        'scheduleMenuBeforeShow',
+        'scheduleMenuItem',
+        'scheduleMenuShow',
+        'scheduleMouseDown',
+        'scheduleMouseOut',
+        'scheduleMouseOver',
+        'scheduleMouseUp',
+        'selectionChange',
+        'show',
+        'sidebarCollapse',
+        'sidebarExpand',
+        'timeAxisClick',
+        'timeRangeHeaderClick',
+        'timeRangeHeaderContextMenu',
+        'timeRangeHeaderDblClick',
+        'toolClick',
+        'viewPaint',
+        'weekNumberClick'
+    ]
+};
+
+const instance: {
+    value?: Calendar
+} = {};
+
+const refElement = ref<HTMLDivElement>()!;
+// Storage for teleports (in-cell Vue component instances) automatically renderer by template
+const teleports = ref(new Map());
+
+// Provide teleports for processCellContent
+provide('teleports', teleports);
+
+onMounted(() => {
+
+    const me = getCurrentInstance()!;
+
+    instance.value = WrapperHelper.createWidget<typeof Calendar>({
+        me,
+        widgetData,
+        emit,
+        element              : refElement.value!,
+        processCellContent   : WrapperHelper.processCellContent,
+        processEventContent  : WrapperHelper.processEventContent,
+        processWidgetContent : WrapperHelper.processWidgetContent,
+        hasFrameworkRenderer : WrapperHelper.hasFrameworkRenderer,
+        toRaw
+    });
+    WrapperHelper.relayStores(me.data, instance.value);
+
+    const watcher = (prop: string, callback: any) => watch(() => me.props[prop], callback);
+    WrapperHelper.watchProps(instance.value, widgetData, watcher);
+});
+
+onBeforeUnmount(() => {
+    // @ts-ignore
+    instance.value?.destroy?.();
+});
+
+defineExpose({
+    instance,
+    refElement,
+    teleports
+});
+
+</script>