@syncfusion/ej2-schedule 23.2.4 → 24.1.41

package/src/schedule/models/toolbar-model.d.ts

@@ -0,0 +1,196 @@
+import { Property, ChildProperty, Event, EmitType } from '@syncfusion/ej2-base';import { ClickEventArgs, DisplayMode, ItemAlign, ItemType, OverflowOption } from '@syncfusion/ej2-navigations';import { ToolbarName } from '../base/type';
+
+/**
+ * Interface for a class ToolbarItem
+ */
+export interface ToolbarItemModel {
+
+    /**
+     * Specifies the unique ID to be used with button or input element of Toolbar items.
+     *
+     * @default ""
+     */
+    id?: string;
+
+    /**
+     * Specifies the text to be displayed on the Toolbar button.
+     *
+     * @default ""
+     */
+    text?: string;
+
+    /**
+     * Specifies the width of the Toolbar button commands.
+     *
+     * @default 'auto'
+     */
+    width?: number | string;
+
+    /**
+     * Defines single/multiple classes (separated by space) to be used for customization of commands.
+     *
+     * @default ""
+     */
+    cssClass?: string;
+
+    /**
+     * Defines the priority of items to display it in popup always.
+     * It allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
+     *
+     * @default false
+     */
+    showAlwaysInPopup?: boolean;
+
+    /**
+     * Specifies whether an item should be disabled or not.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+
+    /**
+     * Defines single/multiple classes separated by space used to specify an icon for the button.
+     * The icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
+     *
+     * @default ""
+     */
+    prefixIcon?: string;
+
+    /**
+     * Defines single/multiple classes separated by space used to specify an icon for the button.
+     * The icon will be positioned after the text content if text is available.
+     *
+     * @default ""
+     */
+    suffixIcon?: string;
+
+    /**
+     * Specifies whether an item should be hidden or not.
+     *
+     * @default true
+     */
+    visible?: boolean;
+
+    /**
+     * Specifies the Toolbar command display area when an element's content is too large to fit available space.
+     * This is applicable only to `popup` mode. The possible values for this property as follows
+     * * `Show`:  Always shows the item as the primary priority on the *Toolbar*.
+     * * `Hide`: Always shows the item as the secondary priority on the *popup*.
+     * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.
+     *
+     * @default 'None'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.OverflowOption.None
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.OverflowOption
+     */
+    overflow?: OverflowOption;
+
+    /**
+     * Specifies the HTML element/element ID as a string that can be added as a Toolbar command.
+     * ```
+     * E.g - items: [{ template: '<input placeholder="Search"/>' },{ template: '#checkbox1' }]
+     * ```
+     *
+     * @default ""
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    template?: string | Object | Function;
+
+    /**
+     * Specifies the types of command to be rendered in the Toolbar.
+     * Supported types are:
+     * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc.
+     * * `Separator`: Adds a horizontal line that separates the Toolbar commands.
+     * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
+     * AutoComplete, etc.
+     *
+     * @default 'Button'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemType.Button
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.ItemType
+     */
+    type?: ItemType;
+
+    /**
+     * Specifies where the button text will be displayed on *popup mode* of the Toolbar.
+     * The possible values for this property as follows
+     * * `Toolbar`:  Text will be displayed on *Toolbar* only.
+     * * `Overflow`: Text will be displayed only when content overflows to *popup*.
+     * * `Both`: Text will be displayed on *popup* and *Toolbar*.
+     *
+     * @default 'Both'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.DisplayMode.Both
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.DisplayMode
+     */
+    showTextOn?: DisplayMode;
+
+    /**
+     * Defines htmlAttributes used to add custom attributes to Toolbar command.
+     * Supports HTML attributes such as style, class, etc.
+     *
+     * @default null
+     */
+    htmlAttributes?: { [key: string]: string };
+
+    /**
+     * Specifies the text to be displayed on hovering the Toolbar button.
+     *
+     * @default ""
+     */
+    tooltipText?: string;
+
+    /**
+     * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property.
+     * The possible values for this property as follows
+     * * `Left`: To align commands to the left side of the Toolbar.
+     * * `Center`: To align commands at the center of the Toolbar.
+     * * `Right`: To align commands to the right side of the Toolbar.
+     *
+     * @default 'Left'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemAlign.Left
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.ItemAlign
+     */
+    align?: ItemAlign;
+
+    /**
+     * Specifies the tab order of the Toolbar items. When positive values assigned, it allows to switch focus to the next/previous toolbar items with Tab/ShiftTab keys.
+     * By default, user can able to switch between items only via arrow keys.
+     * If the value is set to 0 for all tool bar items, then tab switches based on element order.
+     *
+     * @default -1
+     */
+    tabIndex?: number;
+
+    /**
+     * Specifies the unique name for each toolbar item rendered in Schedule. This name is used to map the toolbar items in the Schedule component.
+     * 
+     * To access the default toolbar items, provide the name below,
+     * 
+     * * `Custom`: Schedule component render the custom toolbar item.
+     * * `Previous`: Schedule component navigates to the previous date from the current date.
+     * * `Next`: Schedule component navigates to the next date from the current date.
+     * * `Today`: Schedule component navigates to the current date from any date.
+     * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
+     * * `DateRangeText`: Schedule component displays the current date text range.
+     * * `NewEvent`: Schedule component render the icon to add a new event.
+     *
+     * @default 'Custom'
+     * @aspDefaultValue Custom
+     * @isEnumeration true
+     * @aspType ToolbarName
+     */
+    name?: ToolbarName;
+
+    /**
+     * Event triggers when `click` the toolbar item.
+     *
+     * @event click
+     */
+    click?: EmitType<ClickEventArgs>;
+
+}

package/src/schedule/models/toolbar.d.ts

@@ -0,0 +1,176 @@
+import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
+import { ClickEventArgs, DisplayMode, ItemAlign, ItemType, OverflowOption } from '@syncfusion/ej2-navigations';
+import { ToolbarName } from '../base/type';
+export declare class ToolbarItem extends ChildProperty<ToolbarItem> {
+    /**
+     * Specifies the unique ID to be used with button or input element of Toolbar items.
+     *
+     * @default ""
+     */
+    id: string;
+    /**
+     * Specifies the text to be displayed on the Toolbar button.
+     *
+     * @default ""
+     */
+    text: string;
+    /**
+     * Specifies the width of the Toolbar button commands.
+     *
+     * @default 'auto'
+     */
+    width: number | string;
+    /**
+     * Defines single/multiple classes (separated by space) to be used for customization of commands.
+     *
+     * @default ""
+     */
+    cssClass: string;
+    /**
+     * Defines the priority of items to display it in popup always.
+     * It allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
+     *
+     * @default false
+     */
+    showAlwaysInPopup: boolean;
+    /**
+     * Specifies whether an item should be disabled or not.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Defines single/multiple classes separated by space used to specify an icon for the button.
+     * The icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
+     *
+     * @default ""
+     */
+    prefixIcon: string;
+    /**
+     * Defines single/multiple classes separated by space used to specify an icon for the button.
+     * The icon will be positioned after the text content if text is available.
+     *
+     * @default ""
+     */
+    suffixIcon: string;
+    /**
+     * Specifies whether an item should be hidden or not.
+     *
+     * @default true
+     */
+    visible: boolean;
+    /**
+     * Specifies the Toolbar command display area when an element's content is too large to fit available space.
+     * This is applicable only to `popup` mode. The possible values for this property as follows
+     * * `Show`:  Always shows the item as the primary priority on the *Toolbar*.
+     * * `Hide`: Always shows the item as the secondary priority on the *popup*.
+     * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.
+     *
+     * @default 'None'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.OverflowOption.None
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.OverflowOption
+     */
+    overflow: OverflowOption;
+    /**
+     * Specifies the HTML element/element ID as a string that can be added as a Toolbar command.
+     * ```
+     * E.g - items: [{ template: '<input placeholder="Search"/>' },{ template: '#checkbox1' }]
+     * ```
+     *
+     * @default ""
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    template: string | Object | Function;
+    /**
+     * Specifies the types of command to be rendered in the Toolbar.
+     * Supported types are:
+     * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc.
+     * * `Separator`: Adds a horizontal line that separates the Toolbar commands.
+     * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
+     * AutoComplete, etc.
+     *
+     * @default 'Button'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemType.Button
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.ItemType
+     */
+    type: ItemType;
+    /**
+     * Specifies where the button text will be displayed on *popup mode* of the Toolbar.
+     * The possible values for this property as follows
+     * * `Toolbar`:  Text will be displayed on *Toolbar* only.
+     * * `Overflow`: Text will be displayed only when content overflows to *popup*.
+     * * `Both`: Text will be displayed on *popup* and *Toolbar*.
+     *
+     * @default 'Both'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.DisplayMode.Both
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.DisplayMode
+     */
+    showTextOn: DisplayMode;
+    /**
+     * Defines htmlAttributes used to add custom attributes to Toolbar command.
+     * Supports HTML attributes such as style, class, etc.
+     *
+     * @default null
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
+    /**
+     * Specifies the text to be displayed on hovering the Toolbar button.
+     *
+     * @default ""
+     */
+    tooltipText: string;
+    /**
+     * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property.
+     * The possible values for this property as follows
+     * * `Left`: To align commands to the left side of the Toolbar.
+     * * `Center`: To align commands at the center of the Toolbar.
+     * * `Right`: To align commands to the right side of the Toolbar.
+     *
+     * @default 'Left'
+     * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemAlign.Left
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Navigations.ItemAlign
+     */
+    align: ItemAlign;
+    /**
+     * Specifies the tab order of the Toolbar items. When positive values assigned, it allows to switch focus to the next/previous toolbar items with Tab/ShiftTab keys.
+     * By default, user can able to switch between items only via arrow keys.
+     * If the value is set to 0 for all tool bar items, then tab switches based on element order.
+     *
+     * @default -1
+     */
+    tabIndex: number;
+    /**
+     * Specifies the unique name for each toolbar item rendered in Schedule. This name is used to map the toolbar items in the Schedule component.
+     *
+     * To access the default toolbar items, provide the name below,
+     *
+     * * `Custom`: Schedule component render the custom toolbar item.
+     * * `Previous`: Schedule component navigates to the previous date from the current date.
+     * * `Next`: Schedule component navigates to the next date from the current date.
+     * * `Today`: Schedule component navigates to the current date from any date.
+     * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
+     * * `DateRangeText`: Schedule component displays the current date text range.
+     * * `NewEvent`: Schedule component render the icon to add a new event.
+     *
+     * @default 'Custom'
+     * @aspDefaultValue Custom
+     * @isEnumeration true
+     * @aspType ToolbarName
+     */
+    name: ToolbarName;
+    /**
+     * Event triggers when `click` the toolbar item.
+     *
+     * @event click
+     */
+    click: EmitType<ClickEventArgs>;
+}

package/src/schedule/models/toolbar.js

@@ -0,0 +1,85 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Property, ChildProperty, Event } from '@syncfusion/ej2-base';
+var ToolbarItem = /** @class */ (function (_super) {
+    __extends(ToolbarItem, _super);
+    function ToolbarItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('')
+    ], ToolbarItem.prototype, "id", void 0);
+    __decorate([
+        Property('')
+    ], ToolbarItem.prototype, "text", void 0);
+    __decorate([
+        Property('auto')
+    ], ToolbarItem.prototype, "width", void 0);
+    __decorate([
+        Property('')
+    ], ToolbarItem.prototype, "cssClass", void 0);
+    __decorate([
+        Property(false)
+    ], ToolbarItem.prototype, "showAlwaysInPopup", void 0);
+    __decorate([
+        Property(false)
+    ], ToolbarItem.prototype, "disabled", void 0);
+    __decorate([
+        Property('')
+    ], ToolbarItem.prototype, "prefixIcon", void 0);
+    __decorate([
+        Property('')
+    ], ToolbarItem.prototype, "suffixIcon", void 0);
+    __decorate([
+        Property(true)
+    ], ToolbarItem.prototype, "visible", void 0);
+    __decorate([
+        Property('None')
+    ], ToolbarItem.prototype, "overflow", void 0);
+    __decorate([
+        Property('')
+    ], ToolbarItem.prototype, "template", void 0);
+    __decorate([
+        Property('Button')
+    ], ToolbarItem.prototype, "type", void 0);
+    __decorate([
+        Property('Both')
+    ], ToolbarItem.prototype, "showTextOn", void 0);
+    __decorate([
+        Property(null)
+    ], ToolbarItem.prototype, "htmlAttributes", void 0);
+    __decorate([
+        Property('')
+    ], ToolbarItem.prototype, "tooltipText", void 0);
+    __decorate([
+        Property('Left')
+    ], ToolbarItem.prototype, "align", void 0);
+    __decorate([
+        Property(-1)
+    ], ToolbarItem.prototype, "tabIndex", void 0);
+    __decorate([
+        Property('Custom')
+    ], ToolbarItem.prototype, "name", void 0);
+    __decorate([
+        Event()
+    ], ToolbarItem.prototype, "click", void 0);
+    return ToolbarItem;
+}(ChildProperty));
+export { ToolbarItem };

package/src/schedule/models/views-model.d.ts

@@ -74,6 +74,15 @@ export interface ViewsModel {
      */
     allowVirtualScrolling?: boolean;
 
+    /**
+     * Specifies the maximum number of events to be displayed in a single row.
+     * This property is applicable when the 'rowAutoHeight' property is disabled.
+     * This property is only applicable for the month view, timeline views, and timeline year view.
+     *
+     * @default null
+     */
+    maxEventsPerRow?: number;
+
     /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
      *  month date cells.

package/src/schedule/models/views.d.ts

@@ -67,6 +67,14 @@ export declare class Views extends ChildProperty<Views> {
      * @default false
      */
     allowVirtualScrolling: boolean;
+    /**
+     * Specifies the maximum number of events to be displayed in a single row.
+     * This property is applicable when the 'rowAutoHeight' property is disabled.
+     * This property is only applicable for the month view, timeline views, and timeline year view.
+     *
+     * @default null
+     */
+    maxEventsPerRow: number;
     /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
      *  month date cells.

package/src/schedule/models/views.js

@@ -50,6 +50,9 @@ var Views = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], Views.prototype, "allowVirtualScrolling", void 0);
+    __decorate([
+        Property(null)
+    ], Views.prototype, "maxEventsPerRow", void 0);
     __decorate([
         Property()
     ], Views.prototype, "cellHeaderTemplate", void 0);

package/src/schedule/popups/event-window.js

@@ -383,15 +383,11 @@ var EventWindow = /** @class */ (function () {
         var titleLocationDiv = this.createDivElement(cls.EVENT_WINDOW_TITLE_LOCATION_DIV_CLASS);
         parentDiv.appendChild(titleLocationDiv);
         titleLocationDiv.appendChild(this.renderTextBox(cls.SUBJECT_CLASS));
-        titleLocationDiv.querySelector('.' + cls.SUBJECT_CLASS).setAttribute('title', this.parent.editorTitles.subject);
         titleLocationDiv.appendChild(this.renderTextBox(cls.LOCATION_CLASS));
-        titleLocationDiv.querySelector('.' + cls.LOCATION_CLASS).setAttribute('title', this.parent.editorTitles.location);
         var startEndDateTimeDiv = this.createDivElement(cls.EVENT_WINDOW_START_END_DIV_CLASS);
         parentDiv.appendChild(startEndDateTimeDiv);
         startEndDateTimeDiv.appendChild(this.renderDateTimePicker(cls.EVENT_WINDOW_START_CLASS, this.onTimeChange.bind(this)));
-        startEndDateTimeDiv.querySelector('.' + cls.EVENT_WINDOW_START_CLASS).setAttribute('title', this.parent.editorTitles.startTime);
         startEndDateTimeDiv.appendChild(this.renderDateTimePicker(cls.EVENT_WINDOW_END_CLASS));
-        startEndDateTimeDiv.querySelector('.' + cls.EVENT_WINDOW_END_CLASS).setAttribute('title', this.parent.editorTitles.endTime);
         var allDayTimezoneDiv = this.createDivElement(cls.EVENT_WINDOW_ALLDAY_TZ_DIV_CLASS);
         parentDiv.appendChild(allDayTimezoneDiv);
         allDayTimezoneDiv.appendChild(this.renderCheckBox(cls.EVENT_WINDOW_ALL_DAY_CLASS));
@@ -429,7 +425,6 @@ var EventWindow = /** @class */ (function () {
         }
         var description = this.createDivElement(cls.DESCRIPTION_CLASS + '-row');
         description.appendChild(this.renderTextBox(cls.DESCRIPTION_CLASS));
-        description.querySelector('.' + cls.DESCRIPTION_CLASS).setAttribute('title', this.parent.editorTitles.description);
         parentDiv.appendChild(description);
         var submit = createElement('button', { attrs: { type: 'hidden', title: 'submit', style: 'display:none' } });
         parentDiv.appendChild(submit);
@@ -448,9 +443,7 @@ var EventWindow = /** @class */ (function () {
     EventWindow.prototype.createInputElement = function (className, fieldName, type) {
         return createElement(type || 'input', {
             className: className, attrs: {
-                type: 'text', name: fieldName, value: '', id: fieldName,
-                title: ((this.l10n.getConstant(fieldName.charAt(0).toLowerCase() + fieldName.slice(1))) === '') ?
-                    fieldName : this.l10n.getConstant(fieldName.charAt(0).toLowerCase() + fieldName.slice(1))
+                type: 'text', name: fieldName, value: '', id: fieldName
             }
         });
     };
@@ -472,6 +465,7 @@ var EventWindow = /** @class */ (function () {
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             floatLabelType: 'Always',
+            strictMode: true,
             timeFormat: this.parent.activeViewOptions.timeFormat,
             format: (isNullOrUndefined(this.parent.dateFormat) ?
                 this.getFormat('dateFormats') : this.parent.dateFormat) + ' ' + this.parent.activeViewOptions.timeFormat,
@@ -540,7 +534,7 @@ var EventWindow = /** @class */ (function () {
                     text: resourceData.textField,
                     value: resourceData.idField
                 },
-                htmlAttributes: { 'title': labelValue, 'name': fieldName },
+                htmlAttributes: { 'name': fieldName },
                 floatLabelType: 'Always',
                 placeholder: labelValue,
                 popupHeight: '230px',
@@ -559,7 +553,7 @@ var EventWindow = /** @class */ (function () {
                     text: resourceData.textField,
                     value: resourceData.idField
                 },
-                htmlAttributes: { 'title': labelValue, 'name': fieldName },
+                htmlAttributes: { 'name': fieldName },
                 floatLabelType: 'Always',
                 placeholder: labelValue,
                 popupHeight: '230px',
@@ -979,7 +973,7 @@ var EventWindow = /** @class */ (function () {
         this.eventData = this.eventCrudData ? this.eventData : eventData;
         var eventObj = extend({}, eventData, null, true);
         var formElements = this.getFormElements(cls.EVENT_WINDOW_DIALOG_CLASS);
-        if (this.parent.isReact && formElements.length < 1) {
+        if (this.parent.isReact && formElements.length < 1 && !this.cellClickAction) {
             this.eventCrudData = eventObj;
             return;
         }

package/src/schedule/popups/quick-popups.js

@@ -52,9 +52,9 @@ var QuickPopups = /** @class */ (function () {
     };
     QuickPopups.prototype.renderMorePopup = function () {
         var moreEventPopup = "<div class=\"" + cls.MORE_EVENT_POPUP_CLASS + "\"><div class=\"" + cls.MORE_EVENT_HEADER_CLASS + "\">" +
-            ("<div class=\"" + cls.MORE_EVENT_CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\" tabindex=\"0\"></div>") +
+            ("<div class=\"" + cls.MORE_EVENT_CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\" tabindex=\"0\" role=\"button\"></div>") +
             ("<div class=\"" + cls.MORE_EVENT_DATE_HEADER_CLASS + "\"><div class=\"" + cls.MORE_EVENT_HEADER_DAY_CLASS + "\"></div>") +
-            ("<div class=\"" + cls.MORE_EVENT_HEADER_DATE_CLASS + " " + cls.NAVIGATE_CLASS + "\" tabindex=\"0\"></div></div></div></div>");
+            ("<div class=\"" + cls.MORE_EVENT_HEADER_DATE_CLASS + " " + cls.NAVIGATE_CLASS + "\" tabindex=\"0\" role=\"link\"></div></div></div></div>");
         var moreEventWrapper = createElement('div', {
             className: cls.MORE_POPUP_WRAPPER_CLASS + ' e-popup-close',
             innerHTML: moreEventPopup

package/src/schedule/renderer/header-renderer.d.ts

@@ -29,6 +29,8 @@ export declare class HeaderRenderer {
     refresh(): void;
     updateAddIcon(): void;
     private getDateRangeText;
+    private getItemModel;
+    private getToolbarItems;
     private getItems;
     private getItemObject;
     private renderHeaderPopup;