@syncfusion/ej2-schedule 20.1.61 → 20.2.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.61
+*  version : 20.2.40
 *  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/helpers/e2e/index.js

@@ -1,7 +1,9 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./schedule"));
-__export(require("./recurrence-editor"));
+define(["require", "exports", "./schedule", "./recurrence-editor"], function (require, exports, schedule_1, recurrence_editor_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(schedule_1);
+    __export(recurrence_editor_1);
+});

package/helpers/e2e/recurrence-editor.js

@@ -1,26 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class RecurrenceEditorHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+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 __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var RecurrenceEditorHelper = (function (_super) {
+        __extends(RecurrenceEditorHelper, _super);
+        function RecurrenceEditorHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    changeRepeatType(repeatType) {
-        if (typeof repeatType === 'string') {
-            this.setModel('selectedType', repeatType.toLowerCase());
-        }
-        else {
-            const frequencies = this.getModel('frequencies');
-            this.setModel('selectedType', frequencies[repeatType]);
-        }
-    }
-}
-exports.RecurrenceEditorHelper = RecurrenceEditorHelper;
+        RecurrenceEditorHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        RecurrenceEditorHelper.prototype.changeRepeatType = function (repeatType) {
+            if (typeof repeatType === 'string') {
+                this.setModel('selectedType', repeatType.toLowerCase());
+            }
+            else {
+                var frequencies = this.getModel('frequencies');
+                this.setModel('selectedType', frequencies[repeatType]);
+            }
+        };
+        return RecurrenceEditorHelper;
+    }(e2e_1.TestHelper));
+    exports.RecurrenceEditorHelper = RecurrenceEditorHelper;
+});

package/helpers/e2e/schedule.js

@@ -1,29 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class ScheduleHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+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 __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var ScheduleHelper = (function (_super) {
+        __extends(ScheduleHelper, _super);
+        function ScheduleHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getEventWindow() {
-        return this.selector('#' + this.id + '_dialog_wrapper');
-    }
-    getAlertDialog() {
-        return this.selector('#' + this.id + 'QuickDialog');
-    }
-    getQuickPopup() {
-        return this.selector('#' + this.id + ' .e-quick-popup-wrapper');
-    }
-    getMorePopup() {
-        return this.selector('#' + this.id + ' .e-more-popup-wrapper');
-    }
-}
-exports.ScheduleHelper = ScheduleHelper;
+        ScheduleHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        ScheduleHelper.prototype.getEventWindow = function () {
+            return this.selector('#' + this.id + '_dialog_wrapper');
+        };
+        ScheduleHelper.prototype.getAlertDialog = function () {
+            return this.selector('#' + this.id + 'QuickDialog');
+        };
+        ScheduleHelper.prototype.getQuickPopup = function () {
+            return this.selector('#' + this.id + ' .e-quick-popup-wrapper');
+        };
+        ScheduleHelper.prototype.getMorePopup = function () {
+            return this.selector('#' + this.id + ' .e-more-popup-wrapper');
+        };
+        return ScheduleHelper;
+    }(e2e_1.TestHelper));
+    exports.ScheduleHelper = ScheduleHelper;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@20.1.59",
+  "_id": "@syncfusion/ej2-schedule@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-gDP6/wsghpQtUJ49UTmIPeJx5aTHUJKd00EBl1b0VT9McWpp3ZQJ/tK5J2vPCkHWGhhwbQrPt+ycSbySV7uEFw==",
+  "_integrity": "sha512-s+5eDIEW2jFb3ZdLOeIVeir04qKIG0GGm+FlC/TwA8n04MQIdr938y9+Zmd+EF2Mf4CFSPeDhFBiKTLYbrD6jA==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.1.59.tgz",
-  "_shasum": "add165639e70831957429402aa630c7bf8e0262b",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.2.38.tgz",
+  "_shasum": "653052b4e14e1bbbc8b0efb5c9fe8894a334421e",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.61",
-    "@syncfusion/ej2-buttons": "~20.1.61",
-    "@syncfusion/ej2-calendars": "~20.1.58",
-    "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-dropdowns": "~20.1.61",
-    "@syncfusion/ej2-excel-export": "~20.1.55",
-    "@syncfusion/ej2-inputs": "~20.1.61",
-    "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-navigations": "~20.1.61",
-    "@syncfusion/ej2-popups": "~20.1.58"
+    "@syncfusion/ej2-base": "~20.2.39",
+    "@syncfusion/ej2-buttons": "~20.2.38",
+    "@syncfusion/ej2-calendars": "~20.2.40",
+    "@syncfusion/ej2-data": "~20.2.38",
+    "@syncfusion/ej2-dropdowns": "~20.2.40",
+    "@syncfusion/ej2-excel-export": "~20.2.39",
+    "@syncfusion/ej2-inputs": "~20.2.38",
+    "@syncfusion/ej2-lists": "~20.2.39",
+    "@syncfusion/ej2-navigations": "~20.2.39",
+    "@syncfusion/ej2-popups": "~20.2.40"
   },
   "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.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.61",
+  "version": "20.2.40",
   "sideEffects": false
 }

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

@@ -358,7 +358,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                 value: VALUEFIELD
             },
             placeholder: this.localeObj.getConstant(REPEAT),
-            htmlAttributes: { 'title': this.localeObj.getConstant(REPEAT) },
+            htmlAttributes: { 'title': this.localeObj.getConstant(REPEAT), role: 'option' },
             change: function (args) {
                 self.setProperties({ selectedType: _this.frequencies.indexOf(args.value) }, false);
                 self.element.querySelector('.' + REPEATCONTENT).innerHTML =
@@ -380,6 +380,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                 text: TEXTFIELD,
                 value: VALUEFIELD
             },
+            htmlAttributes: { role: 'option' },
             change: function (args) {
                 self.freshOnEndForm();
                 self.updateEndOnForm(args.value);
@@ -397,6 +398,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                     text: TEXTFIELD,
                     value: VALUEFIELD
                 },
+                htmlAttributes: { role: 'option' },
                 index: 1,
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 change: function (args) {
@@ -416,6 +418,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                 text: TEXTFIELD,
                 value: VALUEFIELD
             },
+            htmlAttributes: { role: 'option' },
             enableRtl: this.enableRtl,
             index: 7,
             // eslint-disable-next-line @typescript-eslint/no-unused-vars

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

@@ -13,6 +13,7 @@ export declare class Crud {
     refreshDataManager(): void;
     private dataManagerSuccess;
     dataManagerFailure(e: ReturnType): void;
+    refreshProcessedData(): void;
     private refreshData;
     addEvent(eventData: Record<string, any> | Record<string, any>[]): void;
     saveEvent(eventData: Record<string, any> | Record<string, any>[], action: CurrentAction): void;

package/src/schedule/actions/crud.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable max-len */
-import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, extend, removeClass } from '@syncfusion/ej2-base';
 import { getRecurrenceStringFromDate, generate } from '../../recurrence-editor/date-generator';
 import * as events from '../base/constant';
 import * as util from '../base/util';
@@ -43,7 +43,7 @@ var Crud = /** @class */ (function () {
             var resultData = extend([], args.result, null, true);
             _this.parent.eventsData = resultData.filter(function (data) { return !data[_this.parent.eventFields.isBlock]; });
             _this.parent.blockData = resultData.filter(function (data) { return data[_this.parent.eventFields.isBlock]; });
-            _this.parent.refreshEvents(false);
+            _this.refreshProcessedData();
             if (_this.parent.dragAndDropModule && _this.parent.dragAndDropModule.actionObj.action === 'drag') {
                 _this.parent.dragAndDropModule.navigationWrapper();
             }
@@ -62,6 +62,31 @@ var Crud = /** @class */ (function () {
         }
         this.parent.trigger(events.actionFailure, { error: e }, function () { return _this.parent.hideSpinner(); });
     };
+    Crud.prototype.refreshProcessedData = function () {
+        if (this.parent.dragAndDropModule) {
+            this.parent.dragAndDropModule.actionObj.action = '';
+            removeClass([this.parent.element], 'e-event-action');
+        }
+        if (this.parent.activeViewOptions && this.parent.activeViewOptions.eventTemplate) {
+            var templateNames = ['eventTemplate'];
+            if (this.crudObj.isCrudAction &&
+                ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.parent.currentView) === -1) {
+                templateNames = [];
+                for (var i = 0, len = this.crudObj.sourceEvent.length; i < len; i++) {
+                    templateNames.push('eventTemplate_' + this.crudObj.sourceEvent[i].groupIndex);
+                    if (this.crudObj.targetEvent[i] && this.crudObj.sourceEvent[i].groupIndex !==
+                        this.crudObj.targetEvent[i].groupIndex) {
+                        templateNames.push('eventTemplate_' + this.crudObj.targetEvent[i].groupIndex);
+                    }
+                }
+            }
+            this.parent.resetTemplates(templateNames);
+        }
+        var eventsData = this.parent.eventsData || [];
+        var blockData = this.parent.blockData || [];
+        var data = eventsData.concat(blockData);
+        this.parent.notify(events.dataReady, { processedData: this.parent.eventBase ? this.parent.eventBase.processData(data) : [] });
+    };
     Crud.prototype.refreshData = function (args) {
         var _this = this;
         var actionArgs = {
@@ -632,13 +657,15 @@ var Crud = /** @class */ (function () {
         else {
             endDate = new Date(+followEvent[fields.startTime]);
             var newRecurrenceRule = followEvent[fields.recurrenceRule];
-            var startDate = parentEvent[fields.startTime];
-            var ruleException = (this.parent.currentAction === 'DeleteFollowingEvents') ? followEvent[fields.recurrenceException] : null;
-            var dateCollection = generate(startDate, newRecurrenceRule, ruleException, this.parent.activeViewOptions.firstDayOfWeek);
-            var untilDate = new Date(dateCollection.slice(-1)[0]);
-            untilDate.setHours(endDate.getHours(), endDate.getMinutes(), endDate.getSeconds());
-            endDate.setHours(startDate.getHours(), startDate.getMinutes(), startDate.getSeconds());
-            followEvent[fields.recurrenceRule] = this.getUpdatedRecurrenceRule(newRecurrenceRule, new Date(+untilDate), false);
+            if (newRecurrenceRule) {
+                var startDate = parentEvent[fields.startTime];
+                var ruleException = (this.parent.currentAction === 'DeleteFollowingEvents') ? followEvent[fields.recurrenceException] : null;
+                var dateCollection = generate(startDate, newRecurrenceRule, ruleException, this.parent.activeViewOptions.firstDayOfWeek);
+                var untilDate = new Date(dateCollection.slice(-1)[0]);
+                untilDate.setHours(endDate.getHours(), endDate.getMinutes(), endDate.getSeconds());
+                endDate.setHours(startDate.getHours(), startDate.getMinutes(), startDate.getSeconds());
+                followEvent[fields.recurrenceRule] = this.getUpdatedRecurrenceRule(newRecurrenceRule, new Date(+untilDate), false);
+            }
         }
         parentEvent[fields.recurrenceRule] = this.getUpdatedRecurrenceRule(recurrenceRule, util.addDays(new Date(endDate.getTime()), -1), true);
     };

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

@@ -281,6 +281,11 @@ export interface ExportOptions {
      * the occurrences as separate instances on an exported Excel file.
      */
     includeOccurrences?: boolean;
+    /**
+     * Defines the delimiter for csv file export.
+     * By default, csv files are using comma(,) as separator. You can specify this property to change the delimiter in csv file.
+    */
+    separator?: string;
 }
 /** An interface that holds the field name and its header text to export to excel. */
 export interface ExportFieldInfo {
@@ -414,6 +419,7 @@ export interface IRenderer {
     isTimelineView(): boolean;
     setColWidth(content: HTMLElement): void;
     resetColWidth(): void;
+    getAdjustedDate?(date: Date): Date;
     viewIndex: number;
 }
 /** @private */
@@ -486,7 +492,7 @@ export interface UIStateArgs {
     action?: boolean;
     isBlock?: boolean;
     isCustomMonth?: boolean;
-    isResize?: boolean;
+    isPreventTimezone?: boolean;
 }
 /**
  *  @private

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

@@ -1641,6 +1641,14 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * @returns {void}
      */
     closeEditor(): void;
+    /**
+     * To manually open the quick info popup based on cell or event details.
+     *
+     * @param {object} data Defines the cell or event data. If the data contains valid ID, it will open event quick info popup,
+     * otherwise cell quick info popup displayed.
+     * @returns {void}
+     */
+    openQuickInfoPopup(data: Record<string, any>): void;
     /**
      * To manually close the quick info popup
      *

package/src/schedule/base/schedule.js

@@ -657,7 +657,7 @@ var Schedule = /** @class */ (function (_super) {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isResize: false
+                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isPreventTimezone: false
             };
         }
         this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
@@ -1119,11 +1119,9 @@ var Schedule = /** @class */ (function (_super) {
         }
         if (this.currentView === 'Month' || ((this.currentView !== 'Agenda' && this.currentView !== 'MonthAgenda')
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
-            this.uiStateValues.isResize = true;
             this.activeView.resetColWidth();
             this.notify(events.scrollUiUpdate, { cssProperties: this.getCssProperties(), isPreventScrollUpdate: true });
             this.refreshEvents(false);
-            this.uiStateValues.isResize = false;
         }
         else {
             this.notify(events.contentReady, {});
@@ -2195,25 +2193,15 @@ var Schedule = /** @class */ (function (_super) {
             this.crudModule.refreshDataManager();
         }
         else {
-            if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
-                var templateNames = ['eventTemplate'];
-                if (this.crudModule && this.crudModule.crudObj.isCrudAction &&
-                    ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.currentView) === -1) {
-                    templateNames = [];
-                    for (var i = 0, len = this.crudModule.crudObj.sourceEvent.length; i < len; i++) {
-                        templateNames.push('eventTemplate_' + this.crudModule.crudObj.sourceEvent[i].groupIndex);
-                        if (this.crudModule.crudObj.targetEvent[i] && this.crudModule.crudObj.sourceEvent[i].groupIndex !==
-                            this.crudModule.crudObj.targetEvent[i].groupIndex) {
-                            templateNames.push('eventTemplate_' + this.crudModule.crudObj.targetEvent[i].groupIndex);
-                        }
-                    }
-                }
-                this.resetTemplates(templateNames);
+            if (this.uiStateValues) {
+                this.uiStateValues.isPreventTimezone = true;
+            }
+            if (this.crudModule) {
+                this.crudModule.refreshProcessedData();
+            }
+            if (this.uiStateValues) {
+                this.uiStateValues.isPreventTimezone = false;
             }
-            var eventsData = this.eventsData || [];
-            var blockData = this.blockData || [];
-            var data = eventsData.concat(blockData);
-            this.notify(events.dataReady, { processedData: this.eventBase ? this.eventBase.processData(data) : [] });
         }
     };
     /**
@@ -2399,6 +2387,72 @@ var Schedule = /** @class */ (function (_super) {
             this.eventWindow.dialogClose();
         }
     };
+    /**
+     * To manually open the quick info popup based on cell or event details.
+     *
+     * @param {object} data Defines the cell or event data. If the data contains valid ID, it will open event quick info popup,
+     * otherwise cell quick info popup displayed.
+     * @returns {void}
+     */
+    Schedule.prototype.openQuickInfoPopup = function (data) {
+        var _this = this;
+        if (this.currentView === 'Year' || isNullOrUndefined(data)) {
+            return;
+        }
+        if (isNullOrUndefined(data[this.eventFields.id])) {
+            if (this.currentView === 'Agenda' || this.currentView === 'MonthAgenda' || isNullOrUndefined(this.activeView)) {
+                return;
+            }
+            var cellData = {
+                startTime: this.activeCellsData.startTime = this.getDateTime(data[this.eventFields.startTime]),
+                endTime: this.activeCellsData.endTime = this.getDateTime(data[this.eventFields.endTime]),
+                isAllDay: this.activeCellsData.isAllDay =
+                    !isNullOrUndefined(data[this.eventFields.isAllDay]) ? data[this.eventFields.isAllDay] : false
+            };
+            var startTime = this.activeView.getAdjustedDate(new Date(cellData.startTime));
+            if (startTime) {
+                var query = '.' + cls.WORK_CELLS_CLASS + '[data-date="' + startTime.getTime() + '"]';
+                if (this.activeViewOptions.group.resources.length > 0 && !this.uiStateValues.isGroupAdaptive
+                    && this.resourceBase && this.eventBase) {
+                    cellData.groupIndex = this.eventBase.getGroupIndexFromEvent(data);
+                    query = '.' + cls.WORK_CELLS_CLASS + '[data-date="' + startTime.getTime() + '"][data-group-index="' + cellData.groupIndex + '"]';
+                }
+                var workCell = this.element.querySelector(query);
+                if (workCell) {
+                    workCell.focus();
+                    cellData.element = workCell;
+                    this.notify(events.cellClick, cellData);
+                }
+            }
+        }
+        else {
+            var app = this.getCurrentViewEvents().filter(function (item) {
+                return data[_this.eventFields.id] === item[_this.eventFields.id];
+            });
+            if (app.length <= 0) {
+                return;
+            }
+            var selectEvent = app[0];
+            if (data[this.eventFields.recurrenceRule]) {
+                var occurence = app.filter(function (x) {
+                    return x[_this.eventFields.startTime].getTime() === data[_this.eventFields.startTime].getTime();
+                });
+                if (occurence.length > 0) {
+                    selectEvent = occurence[0];
+                }
+            }
+            var element = this.element.querySelector('div[data-guid="' + selectEvent.Guid + '"]');
+            if (element) {
+                this.eventBase.removeSelectedAppointmentClass();
+                this.eventBase.addSelectedAppointments([element]);
+                this.activeEventData = { event: selectEvent, element: element };
+                if (this.currentView === 'Agenda' || this.currentView === 'MonthAgenda') {
+                    addClass([this.activeEventData.element], cls.AGENDA_SELECTED_CELL);
+                }
+                this.notify(events.eventClick, this.activeEventData);
+            }
+        }
+    };
     /**
      * To manually close the quick info popup
      *

package/src/schedule/event-renderer/agenda-base.js

@@ -54,8 +54,8 @@ var AgendaBase = /** @class */ (function (_super) {
                         'data-guid': listData[li].Guid,
                         'role': 'button',
                         'tabindex': '0',
-                        'aria-readonly': _this.parent.eventBase.getReadonlyAttribute(listData[li]),
-                        'aria-selected': 'false',
+                        'aria-disabled': _this.parent.eventBase.getReadonlyAttribute(listData[li]),
+                        'aria-pressed': 'false',
                         'aria-grabbed': 'true',
                         'aria-label': _this.parent.getAnnouncementString(listData[li])
                     }
@@ -323,8 +323,8 @@ var AgendaBase = /** @class */ (function (_super) {
                 ntd.appendChild(this.createDateHeaderElement(tempData.date));
                 addClass([ntd], [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS, cls.DATE_BORDER_CLASS]);
                 var daysCount = util.getDaysCount(this.parent.selectedDate.getTime(), tempData.date.getTime());
-                ntr.setAttribute('aria-rowindex', daysCount.toString());
-                if (this.parent.element.querySelector(".e-agenda-view tr[aria-rowindex=\"" + daysCount + "\"]")) {
+                ntr.setAttribute('data-row-index', daysCount.toString());
+                if (this.parent.element.querySelector(".e-agenda-view tr[data-row-index=\"" + daysCount + "\"]")) {
                     break;
                 }
                 ntr.insertBefore(ntd, ntr.childNodes[0]);
@@ -360,13 +360,13 @@ var AgendaBase = /** @class */ (function (_super) {
     };
     AgendaBase.prototype.createTableRowElement = function (date, type) {
         var daysCount = util.getDaysCount(this.parent.selectedDate.getTime(), date.getTime());
-        var tr = createElement('tr', { attrs: { 'role': 'row', 'aria-rowindex': daysCount.toString() } });
+        var tr = createElement('tr', { attrs: { 'role': 'row', 'data-row-index': daysCount.toString() } });
         var td = createElement('td', {
             attrs: {
                 'class': (type === 'monthHeader') ? cls.MONTH_HEADER_CLASS : cls.AGENDA_CELLS_CLASS,
                 'role': 'gridcell',
                 'aria-selected': 'false',
-                'aria-colindex': daysCount.toString(),
+                'data-column-index': daysCount.toString(),
                 'data-date': date.getTime().toString()
             }
         });

package/src/schedule/event-renderer/event-base.d.ts

@@ -58,6 +58,8 @@ export declare class EventBase {
     getEventMaxID(resourceId?: number): number | string;
     private activeEventData;
     generateOccurrence(event: Record<string, any>, viewDate?: Date, oldTimezone?: string, isMaxCount?: boolean): Record<string, any>[];
+    private getDSTAdjustedTime;
+    private getDSTDiff;
     getParentEvent(eventObj: Record<string, any>, isParent?: boolean): Record<string, any>;
     getEventCollections(parentObj: Record<string, any>, childObj?: Record<string, any>): {
         [key: string]: Record<string, any>[];

package/src/schedule/event-renderer/event-base.js

@@ -41,7 +41,7 @@ var EventBase = /** @class */ (function () {
             if (timeZonePropChanged) {
                 this_1.processTimezoneChange(event_1, oldTimezone);
             }
-            else if (!this_1.parent.isPrinting && !this_1.parent.uiStateValues.isResize) {
+            else if (!this_1.parent.isPrinting && !this_1.parent.uiStateValues.isPreventTimezone) {
                 event_1 = this_1.processTimezone(event_1);
             }
             for (var level = 0; level < resourceCollection.length; level++) {
@@ -522,7 +522,7 @@ var EventBase = /** @class */ (function () {
         var selectedAppointments = this.getSelectedAppointments();
         for (var _i = 0, selectedAppointments_1 = selectedAppointments; _i < selectedAppointments_1.length; _i++) {
             var appointment = selectedAppointments_1[_i];
-            appointment.setAttribute('aria-selected', 'false');
+            appointment.setAttribute('aria-pressed', 'false');
         }
         removeClass(selectedAppointments, cls.APPOINTMENT_BORDER);
         if (this.parent.currentView === 'Agenda' || this.parent.currentView === 'MonthAgenda') {
@@ -532,7 +532,7 @@ var EventBase = /** @class */ (function () {
     EventBase.prototype.addSelectedAppointments = function (cells) {
         for (var _i = 0, cells_1 = cells; _i < cells_1.length; _i++) {
             var cell = cells_1[_i];
-            cell.setAttribute('aria-selected', 'true');
+            cell.setAttribute('aria-pressed', 'true');
         }
         if (this.parent.currentView !== 'MonthAgenda') {
             this.parent.removeSelectedClass();
@@ -880,7 +880,7 @@ var EventBase = /** @class */ (function () {
         var exception = event[this.parent.eventFields.recurrenceException];
         var maxCount;
         if (this.parent.currentView !== 'Agenda' && isMaxCount) {
-            maxCount = util.getDateCount(this.parent.activeView.startDate(), this.parent.activeView.endDate()) + 1;
+            maxCount = util.getDateCount(viewDate, this.parent.activeView.endDate()) + 1;
         }
         var newTimezone = this.parent.timezone || this.parent.tzModule.getLocalTimezoneName();
         var firstDay = this.parent.activeViewOptions.firstDayOfWeek;
@@ -903,6 +903,7 @@ var EventBase = /** @class */ (function () {
         for (var _i = 0, dates_1 = dates; _i < dates_1.length; _i++) {
             var date = dates_1[_i];
             var clonedObject = extend({}, event, null, true);
+            date = this.getDSTAdjustedTime(date, clonedObject);
             clonedObject[this.parent.eventFields.startTime] = new Date(date);
             clonedObject[this.parent.eventFields.endTime] = new Date(new Date(date).setMilliseconds(duration));
             clonedObject[this.parent.eventFields.recurrenceID] = clonedObject[this.parent.eventFields.id];
@@ -913,6 +914,21 @@ var EventBase = /** @class */ (function () {
         }
         return occurrenceCollection;
     };
+    EventBase.prototype.getDSTAdjustedTime = function (date, event) {
+        var occurDate = date;
+        if (this.parent.timezone &&
+            (event[this.parent.eventFields.startTimezone] || event[this.parent.eventFields.endTimezone])) {
+            var eventOffset = this.getDSTDiff(event[this.parent.eventFields.startTime], new Date(date), event[this.parent.eventFields.startTimezone]);
+            var schOffset = this.getDSTDiff(event[this.parent.eventFields.startTime], new Date(date), this.parent.timezone);
+            occurDate = (new Date(date).getTime() - (eventOffset - schOffset) * 60000);
+        }
+        return occurDate;
+    };
+    EventBase.prototype.getDSTDiff = function (startDate, occurDate, timezone) {
+        var startOffset = this.parent.tzModule.offset(new Date(startDate), timezone);
+        var occurOffset = this.parent.tzModule.offset(new Date(occurDate), timezone);
+        return startOffset - occurOffset;
+    };
     EventBase.prototype.getParentEvent = function (eventObj, isParent) {
         if (isParent === void 0) { isParent = false; }
         var parentEvent;
@@ -1079,7 +1095,7 @@ var EventBase = /** @class */ (function () {
             className: cls.BLOCK_APPOINTMENT_CLASS,
             attrs: {
                 'data-id': 'Appointment_' + record[this.parent.eventFields.id],
-                'aria-readonly': 'true', 'aria-selected': 'false'
+                'aria-disabled': 'true', 'aria-pressed': 'false'
             }
         });
         var templateElement;