@syncfusion/ej2-schedule 20.4.52 → 21.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.52
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@20.4.51",
+  "_id": "@syncfusion/ej2-schedule@20.9.3",
   "_inBundle": false,
-  "_integrity": "sha512-Ilw+M0JxbeDcBOjBVxOoNaEZLZQWhwB020ex/SDKcf6KstTEhU3acUAtdKm3X3bwpH9XDDQ+lPkHLL9qJhH0BQ==",
+  "_integrity": "sha512-K6UC0wZI336AFlzdF5eDnjkWDciLjVvVuDLhr0wN61M48p8SPo799ZQRb6fF5zmhIRbaJNRe9TZ9ZeeAqUt8Aw==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.4.51.tgz",
-  "_shasum": "d90f6c39cbb04533b058dbd2af9c38cdb8f7cb5e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-20.9.3.tgz",
+  "_shasum": "e7705d82f1d75f19054bc4259b54f526b84d464d",
   "_spec": "@syncfusion/ej2-schedule@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.50",
-    "@syncfusion/ej2-calendars": "~20.4.52",
-    "@syncfusion/ej2-data": "~20.4.48",
-    "@syncfusion/ej2-dropdowns": "~20.4.52",
-    "@syncfusion/ej2-excel-export": "~20.4.51",
-    "@syncfusion/ej2-inputs": "~20.4.52",
-    "@syncfusion/ej2-lists": "~20.4.50",
-    "@syncfusion/ej2-navigations": "~20.4.52",
-    "@syncfusion/ej2-popups": "~20.4.52"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-buttons": "~21.1.35",
+    "@syncfusion/ej2-calendars": "~21.1.35",
+    "@syncfusion/ej2-data": "~21.1.35",
+    "@syncfusion/ej2-dropdowns": "~21.1.35",
+    "@syncfusion/ej2-excel-export": "~21.1.35",
+    "@syncfusion/ej2-inputs": "~21.1.35",
+    "@syncfusion/ej2-lists": "~21.1.35",
+    "@syncfusion/ej2-navigations": "~21.1.35",
+    "@syncfusion/ej2-popups": "~21.1.35"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.52",
+  "version": "21.1.35",
   "sideEffects": false
 }

package/src/common/calendar-util.d.ts

@@ -1,6 +1,13 @@
 /**
  * Calendar functionalities
  */
+/**
+ * Defines the calendar type of the scheduler.
+ * ```props
+ * Islamic :- Denotes the Islamic calendar.
+ * Gregorian :- Denotes the Gregorian calendar.
+ * ```
+ */
 export declare type CalendarType = 'Islamic' | 'Gregorian';
 /** @private */
 export interface CalendarUtil {

package/src/recurrence-editor/recurrence-editor.d.ts

@@ -203,4 +203,14 @@ export interface RecurrenceEditorChangeEventArgs {
     /** Returns the current recurrence rule. */
     value: string;
 }
+/**
+ * Defines the repeat type of the recurrence editor.
+ * ```props
+ * none :- Denotes no repetition.
+ * daily :- Denotes repetition every day.
+ * weekly :- Denotes repetition every week.
+ * monthly :- Denotes repetition every month.
+ * yearly :- Denotes repetition every year.
+ * ```
+ */
 export declare type RepeatType = 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly';

package/src/recurrence-editor/recurrence-editor.js

@@ -724,7 +724,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
             '"label="' + REPEATELEMENT.substr(2) + '" />' +
             '</div><div class="' + INPUTWARAPPER + ' ' +
             INTERVALCLASS + ' ' + FORMRIGHT + '"><table  class="' + RECURRENCETABLE + ' ' + REPEATCONTENTWRAPPER + '"><tr>' +
-            '<td><input type="text" tabindex="0" class="' + REPEATINTERVAL +
+            '<td><input type="text" tabindex="0" id="' + this.element.id + '_' + REPEATINTERVAL + '" class="' + REPEATINTERVAL +
             '"title="' + this.localeObj.getConstant('repeatEvery') + '" /></td>' +
             '<td><span class="' + REPEATCONTENT + '"></span></td>' +
             '</tr></table></div><div class="' + INPUTWARAPPERSIDE + ' ' + DAYWRAPPER + ' ' + FORMLEFT + '">' +
@@ -748,7 +748,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
             '<input class="' + MONTHEXPANDERELEMENT + '"title="' + this.localeObj.getConstant('monthExpander') + '" type="radio">' +
             '</div></td>' +
             '<td colspan="2"><div class="' + INPUTWARAPPER + ' ' + MONTHDAYELEMENT + '">' +
-            '<input type="text" tabindex="0" class="' + MONTHDAYWRAPPER + '"title="' +
+            '<input type="text" tabindex="0" id="' + this.element.id + '_' + MONTHDAYWRAPPER + '" class="' + MONTHDAYWRAPPER + '"title="' +
             this.localeObj.getConstant('on') + '" />' +
             '</div></td></tr>' +
             '<tr><td>' +
@@ -771,7 +771,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
             '<input type="text" tabindex="0" class="' + UNTILDATE + '"title="' + this.localeObj.getConstant(UNTIL) + '" />' +
             '</div>' +
             '<div class="' + INPUTWARAPPER + ' ' + ENDONCOUNTWRAPPER + '">' +
-            '<input type="text" tabindex="0" class="' + ENDONCOUNT + '"title="' + this.localeObj.getConstant(COUNT) + '" />' +
+            '<input type="text" tabindex="0" id="' + this.element.id + '_' + ENDONCOUNT + '" class="' + ENDONCOUNT + '"title="' + this.localeObj.getConstant(COUNT) + '" />' +
             '</div></div>' +
             '</div></div>';
     };

package/src/schedule/actions/action-base.js

@@ -63,6 +63,7 @@ var ActionBase = /** @class */ (function () {
                 parseInt(this.actionObj.element.getAttribute('data-group-index'), 10) === this.actionObj.groupIndex : true;
             if (+eventObj[this.parent.eventFields.startTime] === +this.actionObj.event[this.parent.eventFields.startTime] &&
                 +eventObj[this.parent.eventFields.endTime] === +this.actionObj.event[this.parent.eventFields.endTime] && isSameResource) {
+                this.parent.crudModule.crudObj.isCrudAction = false;
                 return;
             }
             if (eventObj[this.parent.eventFields.recurrenceRule]) {
@@ -344,6 +345,10 @@ var ActionBase = /** @class */ (function () {
             }
             appWidth = eventObj.isSpanned.count * this.actionObj.cellWidth;
         }
+        if (!isResize && this.parent.activeViewOptions.orientation === 'Vertical' && this.parent.activeViewOptions.group.resources.length !== 0) {
+            var eventObj = this.yearEvent.isSpannedEvent(event, event[this.parent.eventFields.startTime]);
+            appWidth = eventObj.isSpanned.count * this.actionObj.cellWidth;
+        }
         var appointmentElement = this.createAppointmentElement(this.actionObj.groupIndex, event[this.parent.eventFields.subject]);
         appointmentElement.setAttribute('drag', 'true');
         addClass([appointmentElement], cls.CLONE_ELEMENT_CLASS);

package/src/schedule/actions/crud.js

@@ -81,7 +81,9 @@ var Crud = /** @class */ (function () {
                     }
                 }
             }
-            this.parent.resetTemplates(templateNames);
+            if (templateNames.length > 0) {
+                this.parent.resetTemplates(templateNames);
+            }
         }
         if (isVirtualScrollAction) {
             this.parent.notify(events.dataReady, { processedData: this.parent.eventsProcessed });
@@ -162,6 +164,9 @@ var Crud = /** @class */ (function () {
                 return;
             }
             var addEvents = (eventData instanceof Array) ? eventData : [eventData];
+            if (addEvents.length === 0) {
+                return;
+            }
             var args = {
                 requestType: 'eventCreate', cancel: false, data: addEvents,
                 addedRecords: addEvents, changedRecords: [], deletedRecords: []
@@ -199,6 +204,11 @@ var Crud = /** @class */ (function () {
             if (this.parent.currentAction !== 'EditFollowingEvents' && !this.isBlockEvent(eventData)
                 && this.parent.eventBase.isBlockRange(eventData)) {
                 this.parent.quickPopup.openValidationError('blockAlert', eventData);
+                this.parent.crudModule.crudObj.isCrudAction = false;
+                return;
+            }
+            var updateEvents = (eventData instanceof Array) ? eventData : [eventData];
+            if (updateEvents.length === 0) {
                 return;
             }
             this.parent.currentAction = action;
@@ -219,7 +229,6 @@ var Crud = /** @class */ (function () {
                 }
             }
             else {
-                var updateEvents = (eventData instanceof Array) ? eventData : [eventData];
                 var args = {
                     requestType: 'eventChange', cancel: false, data: eventData,
                     addedRecords: [], changedRecords: updateEvents, deletedRecords: []
@@ -266,6 +275,9 @@ var Crud = /** @class */ (function () {
             else {
                 deleteEvents = (eventData instanceof Array ? eventData : [eventData]);
             }
+            if (deleteEvents.length === 0) {
+                return;
+            }
             if (action) {
                 switch (action) {
                     case 'Delete':

package/src/schedule/actions/data.d.ts

@@ -1,4 +1,5 @@
-import { Query, DataManager } from '@syncfusion/ej2-data';
+import { Query, DataManager, Predicate } from '@syncfusion/ej2-data';
+import { Schedule } from '../base/schedule';
 /**
  * data module is used to generate query and data source.
  *
@@ -7,14 +8,16 @@ import { Query, DataManager } from '@syncfusion/ej2-data';
 export declare class Data {
     dataManager: DataManager;
     private query;
+    private parent;
     /**
      * Constructor for data module
      *
+     * @param {Schedule} parent Accepts the schedule element instance
      * @param {Object | DataManager} dataSource Accepts the datasource as JSON objects or DataManager
      * @param {Query} query Accepts the query to process the data
      * @private
      */
-    constructor(dataSource?: Record<string, any>[] | DataManager, query?: Query);
+    constructor(parent: Schedule, dataSource?: Record<string, any>[] | DataManager, query?: Query);
     /**
      * The function used to initialize dataManager and query
      *
@@ -33,6 +36,15 @@ export declare class Data {
      * @private
      */
     generateQuery(startDate?: Date, endDate?: Date): Query;
+    /**
+     * The function used to generate updated Query from schedule model
+     *
+     * @param {Date} startDate Accepts the start date
+     * @param {Date} endDate Accepts the end date
+     * @returns {void}
+     * @private
+     */
+    getStartEndQuery(startDate?: Date, endDate?: Date): Predicate;
     /**
      * The function used to get dataSource by executing given Query
      *

package/src/schedule/actions/data.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { Query, DataManager } from '@syncfusion/ej2-data';
+import { Query, DataManager, Predicate } from '@syncfusion/ej2-data';
 /**
  * data module is used to generate query and data source.
  *
@@ -9,11 +9,13 @@ var Data = /** @class */ (function () {
     /**
      * Constructor for data module
      *
+     * @param {Schedule} parent Accepts the schedule element instance
      * @param {Object | DataManager} dataSource Accepts the datasource as JSON objects or DataManager
      * @param {Query} query Accepts the query to process the data
      * @private
      */
-    function Data(dataSource, query) {
+    function Data(parent, dataSource, query) {
+        this.parent = parent;
         this.initDataManager(dataSource, query);
     }
     /**
@@ -38,6 +40,11 @@ var Data = /** @class */ (function () {
      */
     Data.prototype.generateQuery = function (startDate, endDate) {
         var query = this.query.clone();
+        if (this.parent && this.parent.eventSettings.includeFiltersInQuery && startDate && endDate) {
+            var dateQuery = this.getStartEndQuery(startDate, endDate);
+            var recurrenceQuery = new Predicate(this.parent.eventFields.recurrenceRule, 'notequal', null).and(new Predicate(this.parent.eventFields.recurrenceRule, 'notequal', ''));
+            return query.where(dateQuery.or(recurrenceQuery));
+        }
         if (startDate) {
             query.addParams('StartDate', startDate.toISOString());
         }
@@ -46,6 +53,23 @@ var Data = /** @class */ (function () {
         }
         return query;
     };
+    /**
+     * The function used to generate updated Query from schedule model
+     *
+     * @param {Date} startDate Accepts the start date
+     * @param {Date} endDate Accepts the end date
+     * @returns {void}
+     * @private
+     */
+    Data.prototype.getStartEndQuery = function (startDate, endDate) {
+        var fieldMapping = this.parent.eventFields;
+        var dateQuery = new Predicate(fieldMapping.startTime, 'greaterthanorequal', startDate)
+            .and(new Predicate(fieldMapping.endTime, 'greaterthanorequal', startDate))
+            .and(new Predicate(fieldMapping.startTime, 'lessthan', endDate))
+            .or(new Predicate(fieldMapping.startTime, 'lessthanorequal', startDate)
+            .and(new Predicate(fieldMapping.endTime, 'greaterthan', startDate)));
+        return dateQuery;
+    };
     /**
      * The function used to get dataSource by executing given Query
      *

package/src/schedule/actions/drag.js

@@ -740,7 +740,12 @@ var DragAndDrop = /** @class */ (function (_super) {
     };
     DragAndDrop.prototype.getDayIndex = function (event) {
         var eventObj = extend({}, event, null, true);
-        var startTime = util.resetTime(eventObj[this.parent.eventFields.startTime]).getTime();
+        var startDate = util.resetTime(eventObj[this.parent.eventFields.startTime]);
+        if (this.parent.activeViewOptions.timeScale.enable && !eventObj[this.parent.eventFields.isAllDay]) {
+            var startHour = this.parent.activeView.getStartHour();
+            startDate.setMilliseconds(startHour.getTime() - util.resetTime(startHour).getTime());
+        }
+        var startTime = startDate.getTime();
         var query = '';
         var wrapper = cls.DAY_WRAPPER_CLASS;
         if (this.parent.activeViewOptions.timeScale.enable && (eventObj[this.parent.eventFields.isAllDay])) {

package/src/schedule/actions/keyboard.d.ts

@@ -8,7 +8,7 @@ export declare class KeyboardInteraction {
      */
     private parent;
     private initialTarget;
-    private selectedCells;
+    selectedCells: HTMLTableCellElement[];
     private keyConfigs;
     private keyboardModule;
     constructor(parent: Schedule);

package/src/schedule/actions/keyboard.js

@@ -219,7 +219,7 @@ var KeyboardInteraction = /** @class */ (function () {
         if (this.parent.eventWindow) {
             this.parent.eventWindow.convertToEventData(this.parent.activeCellsData, cellData);
         }
-        var selectedCells = this.parent.getSelectedElements();
+        var selectedCells = this.parent.getSelectedCells();
         var args = {
             data: cellData, element: this.parent.activeCellsData.element, event: e,
             requestType: cellSelect, showQuickPopup: false
@@ -446,15 +446,16 @@ var KeyboardInteraction = /** @class */ (function () {
             var args = {
                 element: target, requestType: cellSelect
             };
-            var cellData = {};
-            var cellDetails = this.parent.getCellDetails(target);
-            if (this.parent.eventWindow && cellDetails) {
-                if (this.parent.activeCellsData.element !== cellDetails.element) {
-                    this.parent.activeCellsData = cellDetails;
-                }
-                this.parent.eventWindow.convertToEventData(this.parent.activeCellsData, cellData);
-                args.data = cellData;
-            }
+            // activeCellsData is not reset on schedule property changed(group properties)
+            // const cellData: Record<string, any> = {};
+            // const cellDetails: CellClickEventArgs = this.parent.getCellDetails(target);
+            // if (this.parent.eventWindow && cellDetails) {
+            //     if (this.parent.activeCellsData.element !== cellDetails.element) {
+            //         this.parent.activeCellsData = cellDetails;
+            //     }
+            //     this.parent.eventWindow.convertToEventData(this.parent.activeCellsData as unknown as Record<string, any>, cellData);
+            //     args.data = cellData;
+            // }
             this.parent.trigger(event.select, args, function () {
                 _this.initialTarget = target;
                 _this.selectedCells = [target];
@@ -571,7 +572,7 @@ var KeyboardInteraction = /** @class */ (function () {
             return;
         }
         var target = (e.target);
-        var selectedElements = this.parent.getSelectedElements();
+        var selectedElements = this.parent.getSelectedCells();
         var selectedEventElements = this.parent.eventBase.getSelectedAppointments();
         var moreEventWrapper = this.parent.element.querySelector('.' + cls.MORE_POPUP_WRAPPER_CLASS);
         var quickPopupWrapper = this.getQuickPopupElement();
@@ -618,7 +619,7 @@ var KeyboardInteraction = /** @class */ (function () {
             return;
         }
         var target = (e.target);
-        var selectedCells = this.parent.getSelectedElements();
+        var selectedCells = this.parent.getSelectedCells();
         var selectedElements = this.parent.eventBase.getSelectedAppointments();
         var moreEventWrapper = this.parent.element.querySelector('.' + cls.MORE_POPUP_WRAPPER_CLASS);
         var quickPopupWrapper = this.getQuickPopupElement();
@@ -726,7 +727,7 @@ var KeyboardInteraction = /** @class */ (function () {
         if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
             return;
         }
-        var selectedCells = this.parent.getSelectedElements();
+        var selectedCells = this.parent.getSelectedCells();
         var targetCell;
         var selectedAppointments = this.parent.eventBase.getSelectedAppointments();
         var target = (e.target);
@@ -798,7 +799,7 @@ var KeyboardInteraction = /** @class */ (function () {
             return;
         }
         var target = (e.target);
-        var selectedCells = this.parent.getSelectedElements();
+        var selectedCells = this.parent.getSelectedCells();
         var targetCell;
         if (selectedCells.length > 0 && !target.classList.contains(cls.WORK_CELLS_CLASS) &&
             !target.classList.contains(cls.ALLDAY_CELLS_CLASS)) {
@@ -1023,7 +1024,7 @@ var KeyboardInteraction = /** @class */ (function () {
             }
             return;
         }
-        var selectedCells = this.parent.getSelectedElements();
+        var selectedCells = this.parent.getSelectedCells();
         if (selectedCells.length > 0 && !target.classList.contains(cls.APPOINTMENT_CLASS)) {
             target = selectedCells[selectedCells.length - 1];
             this.selectAppointmentElementFromWorkCell(isReverse, target);
@@ -1142,6 +1143,7 @@ var KeyboardInteraction = /** @class */ (function () {
      */
     KeyboardInteraction.prototype.destroy = function () {
         this.removeEventListener();
+        this.selectedCells = [];
         this.keyboardModule.destroy();
     };
     return KeyboardInteraction;

package/src/schedule/actions/virtual-scroll.js

@@ -126,7 +126,7 @@ var VirtualScroll = /** @class */ (function () {
             }
             if (!isNullOrUndefined(resCollection) && resCollection.length > 0) {
                 this.parent.showSpinner();
-                var selectedEle = this.parent.getSelectedElements();
+                var selectedEle = this.parent.getSelectedCells();
                 this.focusedEle = selectedEle[selectedEle.length - 1] || this.focusedEle;
                 this.updateContent(resWrap, conWrap, eventWrap, resCollection);
                 this.setTranslate(resWrap, conWrap, eventWrap, timeIndicator);
@@ -311,7 +311,7 @@ var VirtualScroll = /** @class */ (function () {
     };
     VirtualScroll.prototype.updateHorizontalContent = function (conWrap, resCollection) {
         this.parent.resourceBase.expandedResources = resCollection;
-        var selectedEle = this.parent.getSelectedElements();
+        var selectedEle = this.parent.getSelectedCells();
         this.focusedEle = selectedEle[selectedEle.length - 1] || this.focusedEle;
         var renderedLength = conWrap.querySelectorAll('tbody tr').length;
         for (var i = 0; i < renderedLength; i++) {

package/src/schedule/base/interface.d.ts

@@ -118,15 +118,15 @@ export interface PopupOpenEventArgs extends BaseEventArgs {
     /**
      * Returns the type of the popup which is currently being opted to open.
      * The available type values are as follows,
-     * * DeleteAlert
-     * * EditEventInfo
-     * * Editor
-     * * EventContainer
-     * * QuickInfo
-     * * RecurrenceAlert
-     * * RecurrenceValidationAlert
-     * * ValidationAlert
-     * * ViewEventInfo
+     * * `DeleteAlert`: Denotes the popup showing delete confirmation message.
+     * * `EditEventInfo`: Denotes the quick popup on the events in responsive mode.
+     * * `Editor`: Denotes the detailed editor window.
+     * * `EventContainer`: Denotes the more indicator popup.
+     * * `QuickInfo`: Denotes the quick popup.
+     * * `RecurrenceAlert`: Denotes the popup showing recurrence alerts.
+     * * `RecurrenceValidationAlert`: Denotes the popup showing recurrence validation alerts.
+     * * `ValidationAlert`: Denotes the popup showing validation alerts.
+     * * `ViewEventInfo`: Denotes the quick popup on the cells in responsive mode.
      */
     type: PopupType;
     /** Returns the cell or event data. */
@@ -150,15 +150,15 @@ export interface PopupCloseEventArgs extends BaseEventArgs {
     /**
      * Returns the type of the popup which is currently being opted to open.
      * The available type values are as follows,
-     * * DeleteAlert
-     * * EditEventInfo
-     * * Editor
-     * * EventContainer
-     * * QuickInfo
-     * * RecurrenceAlert
-     * * RecurrenceValidationAlert
-     * * ValidationAlert
-     * * ViewEventInfo
+     * * `DeleteAlert`: Denotes the popup showing delete confirmation message.
+     * * `EditEventInfo`: Denotes the quick popup on the events in responsive mode.
+     * * `Editor`: Denotes the detailed editor window.
+     * * `EventContainer`: Denotes the more indicator popup.
+     * * `QuickInfo`: Denotes the quick popup.
+     * * `RecurrenceAlert`: Denotes the popup showing recurrence alerts.
+     * * `RecurrenceValidationAlert`: Denotes the popup showing recurrence validation alerts.
+     * * `ValidationAlert`: Denotes the popup showing validation alerts.
+     * * `ViewEventInfo`: Denotes the quick popup on the cells in responsive mode.
      */
     type: PopupType;
     /** Returns the cell or event data. */
@@ -313,7 +313,7 @@ export interface ResourceDetails {
 export interface TimezoneFields {
     /** Assigns the timezone display text. */
     Text: string;
-    /** Assigns the IANA timezone value. */
+    /** Assigns the [`IANA`](https://docs.actian.com/ingres/11.0/index.html#page/Ing_Install/IANA_World_Regions_and_Time_Zone_Names.htm) timezone value. */
     Value: string;
 }
 /** An interface that holds options of events once it bound to scheduler. */
@@ -328,6 +328,10 @@ export interface DataBindingEventArgs extends BaseEventArgs {
     count?: number;
     aggregates?: Record<string, any>;
 }
+/** An interface that holds the custom sort comparer function. */
+export interface SortComparerFunction {
+    (param: Record<string, any>[]): Record<string, any>[];
+}
 /** @private */
 export interface InlineClickArgs extends BaseEventArgs {
     data?: Record<string, any>;
@@ -581,7 +585,3 @@ export interface CrudAction {
 export interface CallbackFunction extends Function {
     bind<T, A0, A1, A2, A3, A extends any[], R>(this: (this: T, args0: A0, args1: A1, args2: A2, args3: A3, ...args: A[]) => R, thisArgs: T, args0: A0, args1: A1, args2: A2, args3: A3): (...args: A[]) => R;
 }
-/** @private */
-export interface SortComparerFunction {
-    (param: Record<string, any>[]): Record<string, any>[];
-}

package/src/schedule/base/resource.js

@@ -196,7 +196,7 @@ var ResourceBase = /** @class */ (function () {
                     classList(target, [cls.RESOURCE_COLLAPSE_CLASS], [cls.RESOURCE_EXPAND_CLASS]);
                     hide = false;
                 }
-                var eventElements = [].slice.call(_this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
+                var eventElements = [].slice.call(_this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS + ',.' + cls.MORE_INDICATOR_CLASS));
                 for (var _i = 0, eventElements_1 = eventElements; _i < eventElements_1.length; _i++) {
                     var element = eventElements_1[_i];
                     remove(element);
@@ -326,6 +326,7 @@ var ResourceBase = /** @class */ (function () {
         this.treeViewObj = new TreeView({
             cssClass: this.parent.cssClass,
             enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
             fields: {
                 dataSource: [].slice.call(this.generateTreeData()),
                 id: 'resourceId',
@@ -430,10 +431,8 @@ var ResourceBase = /** @class */ (function () {
             var resourceText = resourceLevel.dataSource.filter(function (resData) {
                 return resData[resourceLevel.idField] === resource.groupOrder[parseInt(i.toString(), 10)];
             });
-            var resourceName = createElement('div', {
-                className: cls.RESOURCE_NAME,
-                innerHTML: resourceText[0][resourceLevel.textField]
-            });
+            var resourceName = createElement('div', { className: cls.RESOURCE_NAME });
+            resourceName.innerText = this_2.parent.sanitize(resourceText[0][resourceLevel.textField]);
             headerCollection.push(resourceName);
             var levelIcon = createElement('div', { className: 'e-icons e-icon-next' });
             headerCollection.push(levelIcon);
@@ -513,7 +512,7 @@ var ResourceBase = /** @class */ (function () {
         var promises = [];
         for (var _i = 0, _a = this.parent.resources; _i < _a.length; _i++) {
             var resource = _a[_i];
-            var dataModule = new Data(resource.dataSource, resource.query);
+            var dataModule = new Data(this.parent, resource.dataSource, resource.query);
             promises.push(dataModule.getData(dataModule.generateQuery()));
         }
         Promise.all(promises).then(function (e) { return _this.dataManagerSuccess(e, isSetModel); })
@@ -1086,7 +1085,9 @@ var ResourceBase = /** @class */ (function () {
         if (this.treeViewObj) {
             if (this.treeViewObj.portals && this.treeViewObj.portals.length > 0) {
                 var treeViewTemplates = this.treeViewObj.portals.map(function (x) { return x.propName; });
-                this.parent.resetTemplates(treeViewTemplates);
+                if (treeViewTemplates.length > 0) {
+                    this.parent.resetTemplates(treeViewTemplates);
+                }
             }
             this.treeViewObj.destroy();
             this.treeViewObj = null;