@bryntum/calendar-angular-thin 7.1.1

package/lib/bryntum-day-agenda-view.component.d.ts

@@ -0,0 +1,1960 @@
+/**
+ * Angular wrapper for Bryntum DayAgendaView
+ */
+import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
+import { AlignSpec, Base, BryntumScrollOptions, ButtonConfig, DomConfig, DurationConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
+import { EventModel, ResourceModel } from '@bryntum/scheduler-thin';
+import { ActionButtonsConfig, CalendarRow, CalendarRowConfig, CalendarView, CalendarContainerItemConfig, CalendarContainerLayoutConfig, DayAgendaView, DayAgendaViewListeners, DayCell, DayCellWithEvents, EventBar, OverflowPopupConfig } from '@bryntum/calendar-thin';
+import * as i0 from "@angular/core";
+export declare type BryntumDayAgendaViewProps = {
+    /**
+     * An object or an array of button specifications which add clickable icon buttons to
+     * the rendered event blocks which contain the following properties.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-actionButtons)
+     */
+    actionButtons?: ActionButtonsConfig[] | Record<string, ActionButtonsConfig>;
+    /**
+     * A key to use to activate this view.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-activationKey)
+     */
+    activationKey?: 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/widget/DayAgendaView#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/widget/DayAgendaView#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;
+    /**
+     * A [CalendarRow](https://bryntum.com/products/calendar/docs/api/Calendar/widget/CalendarRow) widget containing the horizontal series of calendar cells with the
+     * day headers and any all-day, or day-spanning events which fall inside this view's time range.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-allDayEvents)
+     */
+    allDayEvents?: CalendarRow | CalendarRowConfig | null;
+    /**
+     * Configure this as `false` to disable drag-creating events in this view.
+     */
+    allowDragCreate?: boolean;
+    /**
+     * Configure this as `false` to disable drag-moving events in this view.
+     */
+    allowDragMove?: boolean;
+    /**
+     * Configure this as `false` to disable drag-resizing events in this view.
+     */
+    allowDragResize?: boolean;
+    /**
+     * By default, when mousewheel zooming out from *overflowing* the client height, it is not permitted to zoom
+     * further out so that the hours *underflow* the client height.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-allowZoomUnderflow)
+     */
+    allowZoomUnderflow?: boolean;
+    /**
+     * *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;
+    /**
+     * By default, when navigating through time, the next time
+     * block will be animated in from the appropriate direction.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-animateTimeShift)
+     */
+    animateTimeShift?: 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/widget/DayAgendaView#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/widget/DayAgendaView#config-ariaLabel)
+     */
+    ariaLabel?: string;
+    /**
+     * 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/widget/DayAgendaView#config-autoCreate)
+     */
+    autoCreate?: {
+        gesture?: string;
+        newName?: Function | string;
+        step?: string;
+        snapType?: 'round' | 'ceil' | 'floor';
+        duration?: string;
+        startHour?: number;
+    } | 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/widget/DayAgendaView#config-bbar)
+     */
+    bbar?: (CalendarContainerItemConfig | 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/widget/DayAgendaView#config-bodyCls)
+     */
+    bodyCls?: string | object;
+    /**
+     * The color of the borders (if any) between hour rows and day rows.
+     */
+    borderColor?: string;
+    /**
+     * 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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#config-color)
+     */
+    color?: string;
+    /**
+     * Programmatic control over which column to start in when used in a grid layout.
+     */
+    column?: number;
+    /**
+     * A function, or name of a function which is passed the [DayCellWithEvents](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#typedef-DayCellWithEvents) object which
+     * describes the events and details of the day.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-columnHeaderRenderer)
+     * @param {DayCellWithEvents} cellData A data block describing the date and the events for that date.
+     * @returns {string,object}
+     */
+    columnHeaderRenderer?: ((cellData: DayCellWithEvents) => string | object) | string;
+    /**
+     * Configure this property as `true` to show the day name and date headers in a more compact style.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-compactHeader)
+     */
+    compactHeader?: boolean;
+    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/widget/DayAgendaView#config-contentElementCls)
+     */
+    contentElementCls?: string | object;
+    /**
+     * An object containing two properties, `start` and `end` representing the start and
+     * end of core working hours.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-coreHours)
+     * @param {Date} date Date for hours calculation
+     * @returns {object[]}
+     */
+    coreHours?: object | ((date: Date) => object[]) | string;
+    /**
+     * A function, or name of a function which produces a [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) block to create the current time indicator
+     * which is displayed in a day column which represents the current date. It is the developer's responsibility
+     * to add CSS classes and the appropriate CSS rules to produce the desire appearance.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-currentTimeIndicatorRenderer)
+     * @returns {DomConfig} An object which describes the DOM structure of the today indicator element.
+     */
+    currentTimeIndicatorRenderer?: (() => DomConfig) | string;
+    /**
+     * By default, half hour, fifteen minute tick lines are rendered in a lower contrast
+     * colour than hour lines.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-dashedSubticks)
+     */
+    dashedSubticks?: boolean;
+    /**
+     * 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 to orient this view's [range](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DateRangeOwner#config-range) around.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-date)
+     */
+    date?: Date;
+    /**
+     * A callback function, or the name of a function in the ownership hierarchy which an
+     * application may provide to filter out day columns for individual dates.
+     * @param {DayCell} context Information about the day column to be created.
+     * @returns {boolean} Return `false` to not display a column for the passed date.
+     */
+    dateFilter?: ((context: DayCell) => boolean) | string;
+    /**
+     * A [DateHelper](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper) format string/function to use to create date output for view descriptions.
+     * @param {Date} date The date to format.
+     * @returns {string} The formatted date.
+     */
+    dateFormat?: string | ((date: Date) => string);
+    /**
+     * A string used to separate start and end dates in the [descriptionFormat](https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/Describable#config-descriptionFormat).
+     */
+    dateSeparator?: string;
+    /**
+     * A function, or name of a function which is passed the [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) object which
+     * will be used to sync with a day column.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-dayCellRenderer)
+     * @param {DomConfig,object} domConfig A [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) config object which is used to sync the day column element.
+     * @param {object} domConfig.className An object who's truthy property names will be applied as class names.
+     * @param {object} domConfig.style A CSS style definition object.
+     * @param {object} domConfig.dataset The DOM data properties to set.
+     * @param {DomConfig[]} children The [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) definitions for the events in the day.
+     * @param {DayCell} cellData A `DayCell` object that contains data about the cell.
+     * @returns {string}
+     */
+    dayCellRenderer?: ((domConfig: {
+        className: object;
+        style: object;
+        dataset: object;
+    }, children: DomConfig[], cellData: DayCell) => string) | string;
+    /**
+     * Either the end hour of the day, or a *24 hour* `HH:MM` string denoting the end date of the last rendered time block.
+     * You can also set this value to a ms timestamp representing time from midnight.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-dayEndTime)
+     */
+    dayEndTime?: string | number;
+    /**
+     * A function, or name of a function which is passed the [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) object which
+     * will be used to sync with a day cell header <strong>in the all day row</strong>.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-dayHeaderRenderer)
+     * @param {DomConfig,object} headerDomConfig A [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) config object which is used to sync the day header element.
+     * @param {object} headerDomConfig.className An object who's truthy property names will be applied as class names.
+     * @param {object} headerDomConfig.style A CSS style definition object.
+     * @param {object} headerDomConfig.dataset The DOM data properties to set.
+     * @param {DomConfig[]} headerDomConfig.children The [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) definitions the header content. There will be 2 `children` encapsulating the day name and the date.
+     * @param {DayCell} cellData A `DayCell` object that contains data about the cell.
+     * @returns {string}
+     */
+    dayHeaderRenderer?: ((headerDomConfig: {
+        className: object;
+        style: object;
+        dataset: object;
+        children: DomConfig[];
+    }, cellData: DayCell) => string) | string;
+    /**
+     * The [DateHelper](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper) format string/function for day names in the header row (e.g., "ddd" for "Mon", "Tue", ...)
+     * @param {Date} date The date to format.
+     * @returns {string} The formatted date.
+     */
+    dayNameFormat?: string | ((date: Date) => string);
+    /**
+     * Either the start hour of the day, or a *24 hour* `HH:MM` string denoting the start time for days. This
+     * is midnight by default.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-dayStartShift)
+     */
+    dayStartShift?: string | number;
+    /**
+     * Either the start hour of the day, or a *24 hour* `HH:MM` string denoting the start of the first rendered
+     * daily time block. You can also set this value to a ms timestamp representing time from midnight.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-dayStartTime)
+     */
+    dayStartTime?: string | number;
+    /**
+     * 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;
+    /**
+     * 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/widget/DayAgendaView#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?: CalendarContainerItemConfig;
+    /**
+     * Options to add into scroll options when the [scrollTo](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#function-scrollTo) method is called.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-defaultScrollOptions)
+     */
+    defaultScrollOptions?: BryntumScrollOptions;
+    /**
+     * The date format used by the default [descriptionRenderer](https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/Describable#config-descriptionRenderer) for rendering the view's description.
+     * If this value is `null`, the [dateFormat](https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/Describable#config-dateFormat) (and potentially [dateSeparator](#Scheduler/view/mixin/Describable#config-dateSeparator)) will
+     * be used.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-descriptionFormat)
+     * @param {Date} date The date to format.
+     * @returns {string} The formatted date.
+     */
+    descriptionFormat?: string | string[] | boolean[] | ((date: Date) => string) | Function[];
+    /**
+     * A function that provides the textual description for this view. If provided, this function overrides the
+     * [descriptionFormat](https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/Describable#config-descriptionFormat).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-descriptionRenderer)
+     * @param {Core.widget.Widget} view The active view in case the function is in another scope.
+     * @returns {string} Description string
+     */
+    descriptionRenderer?: (view: Widget) => string;
+    /**
+     * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#config-draggable)
+     */
+    draggable?: boolean | {
+        handleSelector?: string;
+    };
+    /**
+     * The [durationUnit](https://bryntum.com/products/calendar/docs/api/Scheduler/model/EventModel#field-durationUnit) to use when drag-creating events
+     * in this view.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-dragUnit)
+     */
+    dragUnit?: 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/widget/DayAgendaView#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/widget/DayAgendaView#config-elementAttributes)
+     */
+    elementAttributes?: Record<string, string | null>;
+    /**
+     * The end date (Time component is zeroed) of this view. Note that in terms of full days,
+     * this is exclusive, ie: 2020-01-012 to 2020-01-08 is *seven* days. The end is 00:00:00 on
+     * the 8th.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-endDate)
+     */
+    endDate?: Date;
+    /**
+     * A function, or the name of a function in the ownership hierarchy to filter which events
+     * are collected into the day cell data blocks.
+     * Return `true` to include the passed event, or a *falsy* value to exclude the event.
+     * @param {Scheduler.model.EventModel} event the passed event
+     * @returns {boolean}
+     */
+    eventFilter?: ((event: EventModel) => boolean) | string;
+    /**
+     * Which direction to flow events in an hour row, vertically (the default), or horizontally.
+     */
+    eventFlowDirection?: 'column' | 'row';
+    /**
+     * A function, or the name of a function in the ownership hierarchy which you
+     * can specify to customize event DOM content.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-eventHeaderRenderer)
+     * @param {object} detail An object that contains data about the event being rendered
+     * @param {CalendarView} detail.view The view rendering the event
+     * @param {Scheduler.model.EventModel} detail.eventRecord The event record
+     * @param {Scheduler.model.ResourceModel} detail.resourceRecord The resource record
+     * @param {object} detail.renderData A data object containing properties that will be used to create the event element
+     * @param {object} detail.renderData.style The style property is an object containing style properties for the event element
+     * @param {object} detail.renderData.cls The cls property is an object whose property names will be added to the event element if the property value is truthy
+     * @param {object} detail.renderData.iconStyle The iconStyle property is an object containing style properties for the icon element if an icon element is to be used
+     * @param {object} detail.renderData.iconCls The iconCls property is an object whose property names will be added to the icon element. Initially set from the event record's [iconCls](https://bryntum.com/products/calendar/docs/api/Scheduler/model/EventModel#field-iconCls). Can be mutated by the renderer. If null, or no properties are set, no icon will be rendered
+     * @param {string} detail.renderData.eventColor Color to be applied to the event
+     * @param {object} detail.renderData.dataset An object which produces the `dataset` of the resulting event bar
+     * @param {boolean} detail.renderData.solidBar This is valid for views which create event bars. This is set to `true` by default for all day and interday events so that these appear as a solid block of background color. An eventRenderer may mutate this flag to change in what manner the event bar is colored - as a solid bar of color, or using the foreground color (text and icons) such as the MonthView, the CalendarRow (all day events in a DayView), and OverflowPopups
+     * @param {string} detail.renderData.bodyColor When used in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this color is applied to the body of the event element. Note that this must be light enough that the text color (From the SASS variable `$dayview-event-color`) is visible
+     * @param {boolean} detail.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour.
+     * @returns {DomConfig,DomConfig[],string,void}
+     */
+    eventHeaderRenderer?: ((detail: {
+        view: CalendarView;
+        eventRecord: EventModel;
+        resourceRecord: ResourceModel;
+        renderData: {
+            style: object;
+            cls: object;
+            iconStyle: object;
+            iconCls: object;
+            eventColor: string;
+            dataset: object;
+            solidBar: boolean;
+            bodyColor: string;
+        };
+        showBullet: boolean;
+    }) => DomConfig | DomConfig[] | string | void) | string;
+    /**
+     * A function, or the name of a function in the ownership hierarchy which you
+     * can specify to customize event DOM content.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-eventRenderer)
+     * @param {object} detail An object that contains data about the event being rendered
+     * @param {CalendarView} detail.view The view rendering the event
+     * @param {Scheduler.model.EventModel} detail.eventRecord The event record
+     * @param {Scheduler.model.ResourceModel} detail.resourceRecord The Resource record
+     * @param {object} detail.renderData A data object containing properties that will be used to create the event element
+     * @param {object} detail.renderData.style The style property is an object containing style properties for the event element
+     * @param {object} detail.renderData.cls The cls property is an object whose property names will be added to the event element if the property value is truthy
+     * @param {object} detail.renderData.iconStyle The iconStyle property is an object containing style properties for the icon element if an icon element is to be used
+     * @param {object} detail.renderData.iconCls The iconCls property is an object whose property names will be added to the icon element. Initially set from the event record's [iconCls](https://bryntum.com/products/calendar/docs/api/Scheduler/model/EventModel#field-iconCls). Can be mutated by the renderer. If null, or no properties are set, no icon will be rendered
+     * @param {string} detail.renderData.eventColor Color to be applied to the event. This may be a CSS color name or a CSS color value in any of the supported CSS color formats such as `#RRGGBB`, `rgb(255, 0, 0)`, or `rgba(255, 0, 0, 0.5)`.
+     * @param {string} detail.renderData.eventBackground A CSS background style to be applied to the event. This is not set by default, but can be set by the renderer to provide a background image or gradient for the event bar. This overrides the `eventColor` property if present.
+     * @param {string} detail.renderData.textColor A CSS color to be applied to the event text. This is not set by default, but can be set by the renderer to provide a custom color for the event name text in the event bar. This may be a CSS color name or a CSS color value in any of the supported CSS color formats such as `#RRGGBB`, `rgb(255, 0, 0)`, or `rgba(255, 0, 0, 0.5)`.
+     * @param {object} detail.renderData.eventInnerStyle The eventInnerStyle property is an object containing style properties for the inner part of the event element, the `.b-cal-event` element.
+     * @param {object} detail.renderData.dataset An object which produces the `dataset` of the resulting event bar
+     * @param {boolean} detail.renderData.solidBar This is valid for views which create event bars. This is set to `true` by default for all day and interday events so that these appear as a solid block of background color. An eventRenderer may mutate this flag to change in what manner the event bar is colored - as a solid bar of color, or using the foreground color (text and icons) such as the MonthView, the CalendarRow (all day events in a DayView), and OverflowPopups
+     * @param {string} detail.renderData.bodyColor When used in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this color is applied to the body of the event element. Note that this must be light enough that the text color (From the SASS variable `$dayview-event-color`) is visible
+     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour.
+     * @returns {DomConfig,DomConfig[],string,void} The content to be used as the event body.
+     */
+    eventRenderer?: ((detail: {
+        view: CalendarView;
+        eventRecord: EventModel;
+        resourceRecord: ResourceModel;
+        renderData: {
+            style: object;
+            cls: object;
+            iconStyle: object;
+            iconCls: object;
+            eventColor: string;
+            eventBackground: string;
+            textColor: string;
+            eventInnerStyle: object;
+            dataset: object;
+            solidBar: boolean;
+            bodyColor: string;
+            showBullet: boolean;
+        };
+    }) => DomConfig | DomConfig[] | string | void) | string;
+    /**
+     * A function which compares events which some views use to decide upon rendering order.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-eventSorter)
+     * @param {Scheduler.model.EventModel,EventBar} lhs The left side value to conpare
+     * @param {Scheduler.model.EventModel,EventBar} rhs The right side value to conpare
+     * @returns {number}
+     */
+    eventSorter?: (lhs: EventModel | EventBar, rhs: EventModel | EventBar) => number;
+    /**
+     * How much vertical space to leave between event bars in a cell.
+     */
+    eventSpacing?: number | string;
+    /**
+     * By default, the end date of an all day event is displayed in the UI as
+     * the last calendar date on which the event falls. For most end users, this is the
+     * expected value.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-extendAllDayEndDay)
+     */
+    extendAllDayEndDay?: boolean;
+    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/widget/DayAgendaView#config-filterEventResources)
+     */
+    filterEventResources?: boolean;
+    /**
+     * By default, reconfiguring the [startDate](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-startDate) maintains the current duration
+     * of the view and moves the [endDate](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-endDate).
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-fixedDuration)
+     */
+    fixedDuration?: 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/widget/DayAgendaView#config-footer)
+     */
+    footer?: {
+        dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
+        html?: string;
+        cls?: string;
+    } | string;
+    /**
+     * A Function (or name of a function in the ownership hierarchy) which returns the
+     * [resource record](https://bryntum.com/products/calendar/docs/api/Scheduler/model/ResourceModel) to use to create the UI for an event.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-getPrimaryResource)
+     * @param {Scheduler.model.EventModel} eventRecord The event from which to extract the primary resource.
+     * @returns {Scheduler.model.ResourceModel} The resource to be used to render the event.
+     */
+    getPrimaryResource?: ((eventRecord: EventModel) => ResourceModel) | string;
+    /**
+     * How much space to leave empty at the right side of day columns to allow interaction such as
+     * double click or drag.
+     */
+    gutterWidth?: number | 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/widget/DayAgendaView#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/widget/DayAgendaView#config-hideAnimation)
+     */
+    hideAnimation?: boolean | object;
+    /**
+     * Set this to true to hide the borders between cells.
+     */
+    hideBorders?: boolean;
+    /**
+     * Configure this as `true` to hide day columns which contain no events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-hideEmptyDays)
+     */
+    hideEmptyDays?: boolean;
+    /**
+     * Set this to true to hide empty hour rows in this day agenda.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-hideEmptyHours)
+     */
+    hideEmptyHours?: boolean;
+    /**
+     * Configure as `true` to hide [nonWorkingDays](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-nonWorkingDays)
+     */
+    hideNonWorkingDays?: boolean;
+    /**
+     * Set this to true to hide the time cells in the day columns.
+     */
+    hideTimeAxis?: 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/widget/DayAgendaView#config-hideWhenEmpty)
+     */
+    hideWhenEmpty?: boolean;
+    /**
+     * The height <strong>in pixels</strong> of an *empty* hour row.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-hourHeight)
+     */
+    hourHeight?: number;
+    /**
+     * An array which encapsulates a set of [hourHeight](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-hourHeight) breakpoints which
+     * dictate when subticks - intervening time indicators - are introduced into the DayView's
+     * time axis.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-hourHeightBreakpoints)
+     */
+    hourHeightBreakpoints?: number[];
+    /**
+     * How much vertical whitespace between the hour cells.
+     */
+    hourSpacing?: number | string;
+    /**
+     * 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/widget/DayAgendaView#config-ignoreParentReadOnly)
+     */
+    ignoreParentReadOnly?: boolean;
+    /**
+     * 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/widget/DayAgendaView#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;
+    /**
+     * By default, drag-moving an event allows the drag gesture to move the event into other day columns.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-interDayDrag)
+     */
+    interDayDrag?: boolean;
+    /**
+     * By default, drag-resizing an event (including creating a new event) allows the drag gesture to span multiple day
+     * columns to make the event an inter day event.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-interDayResize)
+     */
+    interDayResize?: boolean;
+    /**
+     * An optional CSS class to add to child items of this container.
+     */
+    itemCls?: string;
+    /**
+     * An object containing typed child widget config objects or Widgets. May also be specified
+     * as an array.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-items)
+     */
+    items?: Record<string, CalendarContainerItemConfig | MenuItemEntry> | (CalendarContainerItemConfig | MenuItemEntry | Widget)[];
+    /**
+     * An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
+     * and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
+     * are the name of the instance method to call when the keystroke is received.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#config-layout)
+     */
+    layout?: string | CalendarContainerLayoutConfig;
+    /**
+     * 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/widget/DayAgendaView#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/widget/DayAgendaView#config-lazyItems)
+     */
+    lazyItems?: Record<string, CalendarContainerItemConfig> | CalendarContainerItemConfig[] | Widget[];
+    /**
+     * The listener set for this object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-listeners)
+     */
+    listeners?: DayAgendaViewListeners;
+    /**
+     * 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/widget/DayAgendaView#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/widget/DayAgendaView#config-localizableProperties)
+     */
+    localizableProperties?: string[];
+    /**
+     * 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 height the all day event row is allowed to grow within this view
+     * when it is expanded to show all its "all day" events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-maxAllDayHeight)
+     */
+    maxAllDayHeight?: number | string;
+    /**
+     * The maximum date to which the `endDate` of this 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/widget/DayAgendaView#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 this view may be navigated.
+     */
+    minDate?: Date | string;
+    /**
+     * The minimum width of a day column.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-minDayWidth)
+     */
+    minDayWidth?: number | string;
+    /**
+     * The minimum height to which event blocks in a day cell may shrink. If an event has very
+     * short duration, whatever the [hourHeight](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-hourHeight), and regardless of
+     * [timeline zooming](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#function-zoomTo), the event block will never drop below this height.
+     */
+    minEventHeight?: number | string;
+    /**
+     * The minimum event width when [eventFlowDirection](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-eventFlowDirection) is `'row'`.
+     */
+    minEventWidth?: number | 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 minimum height <strong>in pixels</strong> to allow a zoom request to zoom out to.
+     */
+    minHourHeight?: 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;
+    /**
+     * 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/widget/DayAgendaView#config-monitorResize)
+     */
+    monitorResize?: boolean | {
+        immediate?: 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/widget/DayAgendaView#config-namedItems)
+     */
+    namedItems?: Record<string, CalendarContainerItemConfig>;
+    /**
+     * Text or HTML, or a [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) block to display when all dates in the range have been filtered out.
+     */
+    noMatchingDates?: string | DomConfig;
+    /**
+     * Non-working days as an object where keys are day indices, 0-6 (Sunday-Saturday), and the value is `true`.
+     * Defaults to [nonWorkingDays](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper#property-nonWorkingDays-static).
+     */
+    nonWorkingDays?: Record<number, boolean>;
+    /**
+     * A config object used to create the [OverflowPopup](https://bryntum.com/products/calendar/docs/api/Calendar/widget/OverflowPopup) that the
+     * [allDayEvents](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#property-allDayEvents) may show when events for one day overflow the available space.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-overflowPopup)
+     */
+    overflowPopup?: OverflowPopupConfig;
+    /**
+     * 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/widget/DayAgendaView#config-owner)
+     */
+    owner?: Widget | any;
+    /**
+     * The class name to add to events which have an end date in the past. Defaults to `'b-past-event'`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-pastEventCls)
+     */
+    pastEventCls?: string;
+    /**
+     * 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/widget/DayAgendaView#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;
+    /**
+     * The time range around the [date](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DateRangeOwner#config-date) to display events for.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-range)
+     */
+    range?: string | DurationConfig;
+    /**
+     * Whether this widget is read-only.  This is only valid if the widget is an input
+     * field, <strong>or contains input fields at any depth</strong>.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-readOnly)
+     */
+    readOnly?: boolean;
+    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/widget/DayAgendaView#config-rendition)
+     */
+    rendition?: string | Record<string, string> | null;
+    /**
+     * Path to load resource images from. Used by the [showResourceAvatars](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showResourceAvatars) config
+     * to create URLs using the resource's
+     * [image](https://bryntum.com/products/calendar/docs/api/Scheduler/model/ResourceModel#field-image) or
+     * [imageUrl](https://bryntum.com/products/calendar/docs/api/Scheduler/model/ResourceModel#field-imageUrl) fields:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-resourceImagePath)
+     */
+    resourceImagePath?: string;
+    /**
+     * 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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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;
+    /**
+     * A button configuration object to use for the automatically created mode selector button for this mode.
+     */
+    selectorButton?: ButtonConfig;
+    /**
+     * A menu item configuration object to use for the automatically created mode selector menu item for this mode.
+     */
+    selectorMenuItem?: MenuItemConfig;
+    /**
+     * The time range to move by when [next](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DateRangeOwner#function-next) or [previous](#Calendar/widget/mixin/DateRangeOwner#function-previous) is called.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-shiftIncrement)
+     */
+    shiftIncrement?: string | DurationConfig;
+    /**
+     * A [DateHelper](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper) format string/function to use to create date output for
+     * abbreviated view descriptions.
+     * @param {Date} date The date to format.
+     * @returns {string} The formatted date.
+     */
+    shortDateFormat?: string | ((date: Date) => string);
+    /**
+     * A [DateHelper](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper) format string/function to use to create date and time output for
+     * abbreviated view descriptions.
+     * @param {Date} date The date to format.
+     * @returns {string} The formatted date.
+     */
+    shortDateTimeFormat?: string | ((date: Date) => string);
+    /**
+     * Shows an all day header above the main schedule for All Day events.
+     * Set to `false` to not show all day, or multi-day events in an all day header, but
+     * to have them showing wrapping through the day cells.
+     */
+    showAllDayHeader?: 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/widget/DayAgendaView#config-showAnimation)
+     */
+    showAnimation?: boolean | object;
+    /**
+     * <strong>Not applicable in a `DayView`</strong>
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-showBullet)
+     * @param {boolean} bar This is `false` by default. Set this to `true` in modes where a solid event bar should show a bullet icon
+     * @param {boolean} noBar This is `true` by default. Events with no background colour, use this to show the event's defined `eventColor`
+     */
+    showBullet?: boolean | {
+        bar?: boolean;
+        noBar?: boolean;
+    };
+    /**
+     * Configure as `true` to show avatars of the assigned resources (calendars) at the
+     * start of the event bar.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-showResourceAvatars)
+     */
+    showResourceAvatars?: boolean | string;
+    /**
+     * Configure as `false` to hide the start time normally shown at the top of the events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-showTime)
+     */
+    showTime?: boolean | Record<('startTime' | 'endTime' | 'duration'), boolean | string | Function>;
+    /**
+     * 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;
+    /**
+     * Affects drag drop and moving of events with regard to the [increment](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#property-increment)
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-snapRelativeToEventStartDate)
+     */
+    snapRelativeToEventStartDate?: boolean;
+    /**
+     * Programmatic control over how many columns to span when used in a grid layout.
+     */
+    span?: number;
+    /**
+     * Set to `true` to stack multi-day events within each cell in the order of their start time.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-stackMultiDayEvents)
+     */
+    stackMultiDayEvents?: boolean;
+    /**
+     * The start date (Time component is zeroed) of this view.
+     */
+    startDate?: Date;
+    /**
+     * This value can be one of the following:
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#config-strips)
+     */
+    strips?: Record<string, CalendarContainerItemConfig>;
+    /**
+     * The converse of [syncViewDate](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#property-syncViewDate)
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-syncCalendarDate)
+     */
+    syncCalendarDate?: boolean;
+    /**
+     * By default the hours across a multiple day view may have different heights because of different
+     * event loads.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-syncHourHeights)
+     */
+    syncHourHeights?: boolean;
+    /**
+     * The converse of [syncCalendarDate](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#property-syncCalendarDate)
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-syncViewDate)
+     */
+    syncViewDate?: boolean;
+    /**
+     * 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/widget/DayAgendaView#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/widget/DayAgendaView#config-tabBarItems)
+     */
+    tabBarItems?: ToolbarItems[] | Widget[];
+    /**
+     * The tag name of this Widget's root element
+     */
+    tag?: string;
+    /**
+     * 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.
+     * This creates a toolbar docked to the top of the panel immediately below the header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-tbar)
+     */
+    tbar?: (CalendarContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | 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/widget/DayAgendaView#config-textAlign)
+     */
+    textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
+    /**
+     * A function, or name of a function which yields a [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) object to use as a tick background element
+     * for the tick context passed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-tickRenderer)
+     * @param {object} tickContext An object containing the context for the tick being rendered.
+     * @param {Date} tickContext.startTime The start time of the tick.
+     * @param {Date} tickContext.endTime The end time of the tick.
+     * @param {Scheduler.model.EventModel[]} tickContext.events The events that visually intersect with the tick.
+     * @param {number} tickContext.tickIndex The zero-based overall tick index.
+     * @param {number} tickContext.subtickIndex The zero-based subtick index *within* the hour.
+     * @param {number} tickContext.subtickCount The total number of visible subticks in an hour.
+     * @param {Scheduler.model.ResourceModel} tickContext.resourceRecord *If* this view is a resource view, the resource record.
+     * @returns {DomConfig} The DOM config object to use for the tick.
+     */
+    tickRenderer?: ((tickContext: {
+        startTime: Date;
+        endTime: Date;
+        events: EventModel[];
+        tickIndex: number;
+        subtickIndex: number;
+        subtickCount: number;
+        resourceRecord: ResourceModel;
+    }) => DomConfig) | string;
+    /**
+     * A [DateHelper](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper) format string/function used to format the time displayed in the
+     * time axis at the left side of the view.
+     * @param {Date} date The date to format.
+     * @returns {string} The formatted date.
+     */
+    timeAxisTimeFormat?: string | ((date: Date) => string);
+    /**
+     * A [DateHelper](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper) format string/function used to format the time displayed in events
+     * @param {Date} date The date to format.
+     * @returns {string} The formatted date.
+     */
+    timeFormat?: string | ((date: Date) => string);
+    /**
+     * 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/widget/DayAgendaView#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/widget/DayAgendaView#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/widget/DayAgendaView#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;
+    type?: 'dayagenda';
+    /**
+     * 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/widget/DayAgendaView#config-ui)
+     */
+    ui?: 'plain' | 'toolbar' | string | object;
+    /**
+     * Either the start hour of the day, or a *24 hour* `HH:MM` string denoting the initially visible start
+     * time of the day. Defaults to 7am.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-visibleStartTime)
+     */
+    visibleStartTime?: string | number | {
+        time?: string | number;
+        block?: 'start' | 'end' | 'center' | 'nearest';
+        edgeOffset?: number;
+        animate?: object | boolean | number;
+        duration?: number;
+        easing?: string;
+    } | null;
+    /**
+     * The week start day, 0 meaning Sunday, 6 meaning Saturday.
+     * Defaults to [weekStartDay](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper#property-weekStartDay-static).
+     */
+    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/widget/DayAgendaView#config-x)
+     */
+    x?: number;
+    /**
+     * The y position for the widget.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#config-y)
+     */
+    y?: number;
+};
+export declare class BryntumDayAgendaViewComponent implements OnInit, OnDestroy {
+    static instanceClass: typeof DayAgendaView;
+    static instanceName: string;
+    private static bryntumEvents;
+    private static bryntumFeatureNames;
+    private static bryntumConfigs;
+    private static bryntumConfigsOnly;
+    private static bryntumProps;
+    private elementRef;
+    instance: DayAgendaView;
+    private bryntumConfig;
+    constructor(element: ElementRef);
+    actionButtons: ActionButtonsConfig[] | Record<string, ActionButtonsConfig>;
+    activationKey: string;
+    adopt: HTMLElement | string;
+    align: AlignSpec | string;
+    allDayEvents: CalendarRow | CalendarRowConfig | null;
+    anchor: boolean;
+    ariaDescription: string;
+    ariaLabel: string;
+    bbar: (CalendarContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    bodyCls: string | object;
+    bubbleEvents: object;
+    centered: boolean;
+    collapsible: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
+    color: string;
+    columnHeaderRenderer: ((cellData: DayCellWithEvents) => string | object) | string;
+    config: object;
+    constrainTo: HTMLElement | Widget | Rectangle;
+    contentElementCls: string | object;
+    currentTimeIndicatorRenderer: (() => DomConfig) | string;
+    dataField: string;
+    dayCellRenderer: ((domConfig: {
+        className: object;
+        style: object;
+        dataset: object;
+    }, children: DomConfig[], cellData: DayCell) => string) | string;
+    dayHeaderRenderer: ((headerDomConfig: {
+        className: object;
+        style: object;
+        dataset: object;
+        children: DomConfig[];
+    }, cellData: DayCell) => string) | string;
+    dayNameFormat: string | ((date: Date) => string);
+    dayStartShift: string | number;
+    defaultBindProperty: string;
+    defaultFocus: ((widget: Widget) => boolean) | string;
+    defaults: CalendarContainerItemConfig;
+    descriptionRenderer: (view: Widget) => string;
+    detectCSSCompatibilityIssues: boolean;
+    dock: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    draggable: boolean | {
+        handleSelector?: string;
+    };
+    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;
+    };
+    elementAttributes: Record<string, string | null>;
+    endDate: Date;
+    eventFilter: ((event: EventModel) => boolean) | string;
+    eventHeaderRenderer: ((detail: {
+        view: CalendarView;
+        eventRecord: EventModel;
+        resourceRecord: ResourceModel;
+        renderData: {
+            style: object;
+            cls: object;
+            iconStyle: object;
+            iconCls: object;
+            eventColor: string;
+            dataset: object;
+            solidBar: boolean;
+            bodyColor: string;
+        };
+        showBullet: boolean;
+    }) => DomConfig | DomConfig[] | string | void) | string;
+    eventRenderer: ((detail: {
+        view: CalendarView;
+        eventRecord: EventModel;
+        resourceRecord: ResourceModel;
+        renderData: {
+            style: object;
+            cls: object;
+            iconStyle: object;
+            iconCls: object;
+            eventColor: string;
+            eventBackground: string;
+            textColor: string;
+            eventInnerStyle: object;
+            dataset: object;
+            solidBar: boolean;
+            bodyColor: string;
+            showBullet: boolean;
+        };
+    }) => DomConfig | DomConfig[] | string | void) | string;
+    eventSorter: (lhs: EventModel | EventBar, rhs: EventModel | EventBar) => number;
+    floating: boolean;
+    footer: {
+        dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
+        html?: string;
+        cls?: string;
+    } | string;
+    getPrimaryResource: ((eventRecord: EventModel) => ResourceModel) | string;
+    header: string | boolean | PanelHeader;
+    hideAnimation: boolean | object;
+    hideWhenEmpty: boolean;
+    icon: string | DomConfig;
+    ignoreParentReadOnly: boolean;
+    itemCls: string;
+    lazyItems: Record<string, CalendarContainerItemConfig> | CalendarContainerItemConfig[] | Widget[];
+    listeners: DayAgendaViewListeners;
+    localeClass: typeof Base;
+    localizable: boolean;
+    localizableProperties: string[];
+    maskDefaults: MaskConfig;
+    masked: boolean | string | MaskConfig;
+    maxAllDayHeight: number | string;
+    monitorResize: boolean | {
+        immediate?: boolean;
+    };
+    namedItems: Record<string, CalendarContainerItemConfig>;
+    overflowPopup: OverflowPopupConfig;
+    owner: Widget | any;
+    positioned: boolean;
+    preventTooltipOnTouch: boolean;
+    relayStoreEvents: boolean;
+    resourceImagePath: string;
+    responsive: object;
+    responsiveRoot: boolean;
+    responsiveState: string;
+    responsiveTarget: string | Widget;
+    ripple: boolean | {
+        delegate?: string;
+        color?: string;
+        radius?: number;
+        clip?: string;
+    };
+    rootElement: ShadowRoot | HTMLElement;
+    scrollAction: 'hide' | 'realign' | null;
+    selectorButton: ButtonConfig;
+    selectorMenuItem: MenuItemConfig;
+    showAllDayHeader: boolean;
+    showAnimation: boolean | object;
+    showBullet: boolean | {
+        bar?: boolean;
+        noBar?: boolean;
+    };
+    showResourceAvatars: boolean | string;
+    showTooltipWhenDisabled: boolean;
+    startDate: Date;
+    stateful: boolean | object | string[];
+    statefulEvents: object | string[];
+    stateId: string;
+    stateProvider: StateProvider;
+    strips: Record<string, CalendarContainerItemConfig>;
+    tab: boolean | TabConfig;
+    tabBarItems: ToolbarItems[] | Widget[];
+    tag: string;
+    tbar: (CalendarContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    textAlign: 'left' | 'center' | 'right' | 'start' | 'end';
+    tickRenderer: ((tickContext: {
+        startTime: Date;
+        endTime: Date;
+        events: EventModel[];
+        tickIndex: number;
+        subtickIndex: number;
+        subtickCount: number;
+        resourceRecord: ResourceModel;
+    }) => DomConfig) | string;
+    timeAxisTimeFormat: string | ((date: Date) => string);
+    timeFormat: string | ((date: Date) => string);
+    trapFocus: boolean;
+    type: 'dayagenda';
+    ui: 'plain' | 'toolbar' | string | object;
+    visibleStartTime: string | number | {
+        time?: string | number;
+        block?: 'start' | 'end' | 'center' | 'nearest';
+        edgeOffset?: number;
+        animate?: object | boolean | number;
+        duration?: number;
+        easing?: string;
+    } | null;
+    weekStartDay: number;
+    weight: number;
+    alignSelf: string;
+    allowDragCreate: boolean;
+    allowDragMove: boolean;
+    allowDragResize: boolean;
+    allowZoomUnderflow: boolean;
+    animateTimeShift: boolean;
+    appendTo: HTMLElement | string;
+    autoCreate: {
+        gesture?: string;
+        newName?: Function | string;
+        step?: string;
+        snapType?: 'round' | 'ceil' | 'floor';
+        duration?: string;
+        startHour?: number;
+    } | string | boolean;
+    borderColor: string;
+    callOnFunctions: boolean;
+    catchEventHandlerExceptions: boolean;
+    cls: string | object;
+    collapsed: boolean;
+    column: number;
+    compactHeader: boolean;
+    coreHours: object | ((date: Date) => object[]) | string;
+    dashedSubticks: boolean;
+    dataset: object | Record<string, string>;
+    date: Date;
+    dateFilter: ((context: DayCell) => boolean) | string;
+    dateFormat: string | ((date: Date) => string);
+    dateSeparator: string;
+    dayEndTime: string | number;
+    dayStartTime: string | number;
+    defaultScrollOptions: BryntumScrollOptions;
+    descriptionFormat: string | string[] | boolean[] | ((date: Date) => string) | Function[];
+    disabled: boolean | 'inert';
+    dragUnit: string;
+    eventFlowDirection: 'column' | 'row';
+    eventSpacing: number | string;
+    extendAllDayEndDay: boolean;
+    extraData: any;
+    filterEventResources: boolean;
+    fixedDuration: boolean;
+    flex: number | string;
+    gutterWidth: number | string;
+    height: number | string;
+    hidden: boolean;
+    hideBorders: boolean;
+    hideEmptyDays: boolean;
+    hideEmptyHours: boolean;
+    hideNonWorkingDays: boolean;
+    hideTimeAxis: boolean;
+    hourHeight: number;
+    hourHeightBreakpoints: number[];
+    hourSpacing: number | string;
+    id: string;
+    inputFieldAlign: 'start' | 'end';
+    insertBefore: HTMLElement | string;
+    insertFirst: HTMLElement | string;
+    interDayDrag: boolean;
+    interDayResize: boolean;
+    items: (CalendarContainerItemConfig | MenuItemConfig | Widget)[] | Record<string, CalendarContainerItemConfig | MenuItemConfig> | Widget[] | Record<string, CalendarContainerItemConfig | MenuItemEntry> | (CalendarContainerItemConfig | MenuItemEntry | Widget)[];
+    keyMap: Record<string, KeyMapConfig>;
+    labelPosition: 'before' | 'above' | 'align-before' | 'auto' | null;
+    layout: Layout | string | CalendarContainerLayoutConfig;
+    layoutStyle: object;
+    margin: number | string;
+    maxDate: Date | string;
+    maxHeight: string | number;
+    maximizeOnMobile: number | string;
+    maxWidth: string | number;
+    minDate: Date | string;
+    minDayWidth: number | string;
+    minEventHeight: number | string;
+    minEventWidth: number | string;
+    minHeight: string | number;
+    minHourHeight: number;
+    minWidth: string | number;
+    noMatchingDates: string | DomConfig;
+    nonWorkingDays: Record<number, boolean>;
+    pastEventCls: string;
+    range: string | DurationConfig;
+    readOnly: boolean;
+    rendition: string | Record<string, string> | null;
+    rtl: boolean;
+    scrollable: Scroller | boolean | ScrollerConfig;
+    shiftIncrement: string | DurationConfig;
+    shortDateFormat: string | ((date: Date) => string);
+    shortDateTimeFormat: string | ((date: Date) => string);
+    showTime: boolean | Record<('startTime' | 'endTime' | 'duration'), boolean | string | Function>;
+    snapRelativeToEventStartDate: boolean;
+    span: number;
+    stackMultiDayEvents: boolean;
+    strictRecordMapping: boolean;
+    syncCalendarDate: boolean;
+    syncHourHeights: boolean;
+    syncViewDate: boolean;
+    title: string;
+    tools: Record<string, Tool | ToolConfig> | null | Record<string, Tool> | Record<string, ToolConfig>;
+    tooltip: string | TooltipConfig | null;
+    width: number | string;
+    x: number;
+    y: number;
+    anchorSize: number[];
+    dayCellCls: string;
+    firstVisibleCell: HTMLElement;
+    firstVisibleDate: Date;
+    fitHours: boolean | {
+        minHeight?: number;
+    };
+    focusVisible: boolean;
+    hasChanges: boolean;
+    horizontalScroller: Scroller;
+    increment: string | number;
+    isSettingValues: boolean;
+    isValid: boolean;
+    lastVisibleCell: HTMLElement;
+    lastVisibleDate: Date;
+    parent: Widget;
+    record: Model;
+    showCurrentTime: boolean | {
+        fullWidth?: boolean;
+        showTime?: boolean;
+        onTop?: boolean;
+    };
+    sixMinuteTicks: boolean;
+    state: any;
+    timeSnapType: 'round' | 'ceil' | 'floor' | null;
+    values: Record<string, object>;
+    /**
+     * This event fires whenever the [autoCreate gesture](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-autoCreate) is detected
+     * and also when a [drag-create](https://bryntum.com/products/calendar/docs/api/Calendar/feature/CalendarDrag) gesture is detected.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#event-beforeAutoCreate)
+     * @param {object} event Event object
+     * @param {Event} event.domEvent The DOM event which initiated the creation.
+     * @param {Date} 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} 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} event.endDate The ending time of the event to be created.
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The resource if the UI includes a resource.
+     * @param {CalendarView} event.view This view.
+     */
+    onBeforeAutoCreate: any;
+    /**
+     * Triggered before a view's orientating date changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#event-beforeChangeDate)
+     * @param {object} event Event object
+     * @param {Date} event.oldDate The current orientating date of this view.
+     * @param {Date} event.date The new date to which this view is to be orientated.
+     */
+    onBeforeChangeDate: any;
+    /**
+     * Fires before an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    onBeforeDestroy: any;
+    /**
+     * Triggered before a widget is hidden. Return `false` to prevent the action.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget being hidden.
+     */
+    onBeforeHide: any;
+    /**
+     * Triggered before a new [responsiveState](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveState) is applied.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget whose `responsiveState` is to be changed
+     * @param {string} event.state The new value for the widget's `responsiveState`
+     * @param {string} event.oldState The previous value for the widget's `responsiveState`
+     */
+    onBeforeResponsiveStateChange: any;
+    /**
+     * 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 {object} event Event object
+     * @param {Core.widget.Container} event.source The container
+     * @param {Core.data.Model} event.record The record
+     */
+    onBeforeSetRecord: any;
+    /**
+     * Triggered before a widget is shown. Return `false` to prevent the action.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget,any} event.source The widget being shown
+     */
+    onBeforeShow: any;
+    /**
+     * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
+     * @param {object} event Event object
+     * @param {any} event.state State object config
+     */
+    onBeforeStateApply: any;
+    /**
+     * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
+     * @param {object} event Event object
+     * @param {any} event.state State object config
+     */
+    onBeforeStateSave: any;
+    /**
+     * Fires when any other event is fired from the object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#event-catchAll)
+     * @param {object} event Event object
+     * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
+     * @param {string} event.event.type The type of the event which is caught by the listener
+     */
+    onCatchAll: any;
+    /**
+     * Fired when a new set of events has been gathered for this view's date range.
+     * @param {object} event Event object
+     * @param {Map<any, any>} event.cellMap The map of date keys to [day cell](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DayCellCollecter#typedef-DayCell) data blocks.
+     */
+    onCellMapPopulated: any;
+    /**
+     * Fires when a Panel is collapsed using the [collapsible](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {object} event Event object
+     * @param {Core.widget.Panel} event.source This Panel.
+     */
+    onCollapse: any;
+    /**
+     * Fired 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/widget/DayAgendaView#event-dayCellPopulated)
+     * @param {object} event Event object
+     * @param {Scheduler.model.EventModel[]} event.events The events to be shown for the passed date
+     * @param {Date} event.The date the events are to be shown in.
+     */
+    onDayCellPopulated: any;
+    /**
+     * Fires when an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    onDestroy: any;
+    /**
+     * 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 {object} event Event object
+     * @param {Core.widget.Container} event.source The container.
+     * @param {boolean} event.dirty The dirty state of the Container - `true` if there are any fields which have been changed since initial load.
+     */
+    onDirtyStateChange: any;
+    /**
+     * Triggered when a widget's [element](https://bryntum.com/products/calendar/docs/api/Core/widget/Widget#property-element) is available.
+     * @param {object} event Event object
+     * @param {HTMLElement} event.element The Widget's element.
+     */
+    onElementCreated: any;
+    /**
+     * 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/widget/DayAgendaView#event-eventAutoCreated)
+     * @param {object} event Event object
+     * @param {CalendarView} event.source This Calendar view instance.
+     * @param {Scheduler.model.EventModel} event.eventRecord The new event record.
+     */
+    onEventAutoCreated: any;
+    /**
+     * 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/widget/DayAgendaView#event-eventPropagate)
+     * @param {object} event Event object
+     * @param {Date} event.eventEndDate The end date for which to calculate the propagate end date.
+     * @param {Date} event.propagateEndDate The system-calculated end point of the event bar.
+     * @param {boolean} event.isAllDay `true` if the event is an all day event, or spans multiple days.
+     * @param {boolean} event.isOverflow `true` if this is being called as part of further propagation.
+     * @param {boolean} event.overflows `true` if the event extends into future cells.
+     * @param {Scheduler.model.EventModel} event.eventRecord The event record being propagated.
+     * @param {Date} event.date The date from which the event is being propagated.
+     */
+    onEventPropagate: any;
+    /**
+     * Fires when a Panel is expanded using the [collapsible](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {object} event Event object
+     * @param {Core.widget.Panel} event.source This Panel.
+     */
+    onExpand: any;
+    /**
+     * Fired when focus enters this Widget.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source This Widget
+     * @param {HTMLElement} event.fromElement The element which lost focus.
+     * @param {HTMLElement} event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
+     * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    onFocusIn: any;
+    /**
+     * 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 {object} event Event object
+     * @param {Core.widget.Widget} event.source This Widget
+     * @param {HTMLElement} event.fromElement The element which lost focus.
+     * @param {HTMLElement} event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
+     * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    onFocusOut: any;
+    /**
+     * Triggered after a widget was hidden
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget
+     */
+    onHide: any;
+    /**
+     * Fires when this DayView changes an aspect of its layout. This happens when changing
+     * [hourHeight](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#property-hourHeight), [minDayWidth](#Calendar/widget/DayView#property-minDayWidth), and when the available
+     * day container height changes.
+     * @param {object} event Event object
+     * @param {Calendar.widget.DayView} event.source The triggering instance.
+     */
+    onLayoutUpdate: any;
+    /**
+     * 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/widget/DayAgendaView#event-paint)
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget being painted.
+     * @param {boolean} event.firstPaint `true` if this is the first paint.
+     */
+    onPaint: any;
+    /**
+     * Fired when the range of dates encapsulated by this view changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayAgendaView#event-rangeChange)
+     * @param {object} event Event object
+     * @param {typeof DateRangeOwner} event.source This calendar view instance.
+     * @param {object} event.old The old date range <strong>if any</strong>.
+     * @param {Date} event.old.startDate the old start date.
+     * @param {Date} event.old.endDate the old end date.
+     * @param {object} event.new The new date range
+     * @param {Date} event.new.startDate the new start date.
+     * @param {Date} event.new.endDate the new end date.
+     */
+    onRangeChange: any;
+    /**
+     * Fired when a Widget's read only state is toggled
+     * @param {object} event Event object
+     * @param {boolean} event.readOnly Read only or not
+     */
+    onReadOnly: any;
+    /**
+     * 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.
+     */
+    onRecompose: any;
+    /**
+     * Fires when this DayView refreshes.
+     * @param {object} event Event object
+     * @param {Calendar.widget.DayView} event.source The triggering instance.
+     */
+    onRefresh: any;
+    /**
+     * 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 {object} event Event object
+     * @param {Core.widget.Widget} event.source This Widget
+     * @param {number} event.width The new width
+     * @param {number} event.height The new height
+     * @param {number} event.oldWidth The old width
+     * @param {number} event.oldHeight The old height
+     */
+    onResize: any;
+    /**
+     * Triggered when a new [responsiveState](https://bryntum.com/products/calendar/docs/api/Core/widget/mixin/Responsive#config-responsiveState) is applied.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget whose `responsiveState` has changed
+     * @param {string} event.state The new value for the widget's `responsiveState`
+     * @param {string} event.oldState The previous value for the widget's `responsiveState`
+     */
+    onResponsiveStateChange: any;
+    /**
+     * Fired when the [shiftIncrement](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/DateRangeOwner#property-shiftIncrement) of this view changes.
+     * @param {object} event Event object
+     * @param {object} event.old The shift increment *if any*.
+     * @param {object} event.new The shift increment
+     */
+    onShiftIncrementChange: any;
+    /**
+     * Triggered after a widget is shown.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget
+     */
+    onShow: any;
+    /**
+     * Triggered when changing the [hourHeight](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#property-hourHeight) causes an
+     * [hour height breakpoint](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-hourHeightBreakpoints) to be crossed
+     * and the displayed subTick intervals in the time axis change.
+     * @param {object} event Event object
+     * @param {object} event.old The old hour height tick resolution object.
+     * @param {number} event.old.level The level `0` to `4` where `0` is the default with no subTick times displayed, and `4` means every 5 minute time is displayed.
+     * @param {string} event.old.step The time duration of visible subTicks. This is a string in the format required by [parseDuration](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper#function-parseDuration-static)
+     * @param {object} event.new The new hour height tick resolution object.
+     * @param {number} event.new.level The level `0` to `4` where `0` is the default with no subTick times displayed, and `4` means every 5 minute time is displayed.
+     * @param {string} event.new.step The time duration of visible subTicks. This is a string in the format required by [parseDuration](https://bryntum.com/products/calendar/docs/api/Core/helper/DateHelper#function-parseDuration-static)
+     */
+    onTickChange: any;
+    /**
+     * Fired when a time axis is clicked on. If the handler returns
+     * `false` the current pointer event is not processed further.
+     * @param {object} event Event object
+     * @param {Event} event.domEvent The triggering DOM event.
+     * @param {Date} event.preciseTime The exact date and time at the clicked position
+     * @param {Date} 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)
+     */
+    onTimeAxisClick: any;
+    /**
+     * A header [tool](https://bryntum.com/products/calendar/docs/api/Core/widget/Panel#config-tools) has been clicked.
+     * @param {object} event Event object
+     * @param {Core.widget.Tool} event.source This Panel.
+     * @param {Core.widget.Tool} event.tool The tool which is being clicked.
+     */
+    onToolClick: any;
+    /**
+     * Create and append the underlying widget
+     */
+    ngOnInit(): void;
+    /**
+     * Watch for changes
+     * @param changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Destroy the component
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BryntumDayAgendaViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumDayAgendaViewComponent, "bryntum-day-agenda-view", never, { "actionButtons": "actionButtons"; "activationKey": "activationKey"; "adopt": "adopt"; "align": "align"; "allDayEvents": "allDayEvents"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "bbar": "bbar"; "bodyCls": "bodyCls"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "collapsible": "collapsible"; "color": "color"; "columnHeaderRenderer": "columnHeaderRenderer"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "currentTimeIndicatorRenderer": "currentTimeIndicatorRenderer"; "dataField": "dataField"; "dayCellRenderer": "dayCellRenderer"; "dayHeaderRenderer": "dayHeaderRenderer"; "dayNameFormat": "dayNameFormat"; "dayStartShift": "dayStartShift"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "descriptionRenderer": "descriptionRenderer"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "elementAttributes": "elementAttributes"; "endDate": "endDate"; "eventFilter": "eventFilter"; "eventHeaderRenderer": "eventHeaderRenderer"; "eventRenderer": "eventRenderer"; "eventSorter": "eventSorter"; "floating": "floating"; "footer": "footer"; "getPrimaryResource": "getPrimaryResource"; "header": "header"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxAllDayHeight": "maxAllDayHeight"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "overflowPopup": "overflowPopup"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "resourceImagePath": "resourceImagePath"; "responsive": "responsive"; "responsiveRoot": "responsiveRoot"; "responsiveState": "responsiveState"; "responsiveTarget": "responsiveTarget"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "selectorButton": "selectorButton"; "selectorMenuItem": "selectorMenuItem"; "showAllDayHeader": "showAllDayHeader"; "showAnimation": "showAnimation"; "showBullet": "showBullet"; "showResourceAvatars": "showResourceAvatars"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "startDate": "startDate"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "tickRenderer": "tickRenderer"; "timeAxisTimeFormat": "timeAxisTimeFormat"; "timeFormat": "timeFormat"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "visibleStartTime": "visibleStartTime"; "weekStartDay": "weekStartDay"; "weight": "weight"; "alignSelf": "alignSelf"; "allowDragCreate": "allowDragCreate"; "allowDragMove": "allowDragMove"; "allowDragResize": "allowDragResize"; "allowZoomUnderflow": "allowZoomUnderflow"; "animateTimeShift": "animateTimeShift"; "appendTo": "appendTo"; "autoCreate": "autoCreate"; "borderColor": "borderColor"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "compactHeader": "compactHeader"; "coreHours": "coreHours"; "dashedSubticks": "dashedSubticks"; "dataset": "dataset"; "date": "date"; "dateFilter": "dateFilter"; "dateFormat": "dateFormat"; "dateSeparator": "dateSeparator"; "dayEndTime": "dayEndTime"; "dayStartTime": "dayStartTime"; "defaultScrollOptions": "defaultScrollOptions"; "descriptionFormat": "descriptionFormat"; "disabled": "disabled"; "dragUnit": "dragUnit"; "eventFlowDirection": "eventFlowDirection"; "eventSpacing": "eventSpacing"; "extendAllDayEndDay": "extendAllDayEndDay"; "extraData": "extraData"; "filterEventResources": "filterEventResources"; "fixedDuration": "fixedDuration"; "flex": "flex"; "gutterWidth": "gutterWidth"; "height": "height"; "hidden": "hidden"; "hideBorders": "hideBorders"; "hideEmptyDays": "hideEmptyDays"; "hideEmptyHours": "hideEmptyHours"; "hideNonWorkingDays": "hideNonWorkingDays"; "hideTimeAxis": "hideTimeAxis"; "hourHeight": "hourHeight"; "hourHeightBreakpoints": "hourHeightBreakpoints"; "hourSpacing": "hourSpacing"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "interDayDrag": "interDayDrag"; "interDayResize": "interDayResize"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxDate": "maxDate"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minDate": "minDate"; "minDayWidth": "minDayWidth"; "minEventHeight": "minEventHeight"; "minEventWidth": "minEventWidth"; "minHeight": "minHeight"; "minHourHeight": "minHourHeight"; "minWidth": "minWidth"; "noMatchingDates": "noMatchingDates"; "nonWorkingDays": "nonWorkingDays"; "pastEventCls": "pastEventCls"; "range": "range"; "readOnly": "readOnly"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "shiftIncrement": "shiftIncrement"; "shortDateFormat": "shortDateFormat"; "shortDateTimeFormat": "shortDateTimeFormat"; "showTime": "showTime"; "snapRelativeToEventStartDate": "snapRelativeToEventStartDate"; "span": "span"; "stackMultiDayEvents": "stackMultiDayEvents"; "strictRecordMapping": "strictRecordMapping"; "syncCalendarDate": "syncCalendarDate"; "syncHourHeights": "syncHourHeights"; "syncViewDate": "syncViewDate"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "dayCellCls": "dayCellCls"; "firstVisibleCell": "firstVisibleCell"; "firstVisibleDate": "firstVisibleDate"; "fitHours": "fitHours"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "horizontalScroller": "horizontalScroller"; "increment": "increment"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "lastVisibleCell": "lastVisibleCell"; "lastVisibleDate": "lastVisibleDate"; "parent": "parent"; "record": "record"; "showCurrentTime": "showCurrentTime"; "sixMinuteTicks": "sixMinuteTicks"; "state": "state"; "timeSnapType": "timeSnapType"; "values": "values"; }, { "onBeforeAutoCreate": "onBeforeAutoCreate"; "onBeforeChangeDate": "onBeforeChangeDate"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeResponsiveStateChange": "onBeforeResponsiveStateChange"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onCatchAll": "onCatchAll"; "onCellMapPopulated": "onCellMapPopulated"; "onCollapse": "onCollapse"; "onDayCellPopulated": "onDayCellPopulated"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onEventAutoCreated": "onEventAutoCreated"; "onEventPropagate": "onEventPropagate"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onLayoutUpdate": "onLayoutUpdate"; "onPaint": "onPaint"; "onRangeChange": "onRangeChange"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onRefresh": "onRefresh"; "onResize": "onResize"; "onResponsiveStateChange": "onResponsiveStateChange"; "onShiftIncrementChange": "onShiftIncrementChange"; "onShow": "onShow"; "onTickChange": "onTickChange"; "onTimeAxisClick": "onTimeAxisClick"; "onToolClick": "onToolClick"; }, never, never>;
+}