@syncfusion/ej2-schedule 20.2.36 → 20.2.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.36
+*  version : 20.2.43
 *  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@19.19.3",
+  "_id": "@syncfusion/ej2-schedule@20.2.40",
   "_inBundle": false,
-  "_integrity": "sha512-yRrF7cHt6giBASGyunHixawRX/57JGqtX3l2mBdM1AcPFrTszQGXiaYYfWrPjmUE17xtmz0/910RDHAgdYxinw==",
+  "_integrity": "sha512-kU/0Be1pH5yFXhucutY7aGY+0JD6l+S/dOwICMpItjm794B1hhepBKqgexfw9BuGB0hDGOnNHsQEwVnZ+yXt+w==",
   "_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-release/@syncfusion/ej2-schedule/-/ej2-schedule-19.19.3.tgz",
-  "_shasum": "c5df3df291a7c0b7d6dae1b29def618a17894953",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.2.40.tgz",
+  "_shasum": "d9b88f81c4941440ba79cefcb0ec412a5b581ccb",
   "_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.2.36",
-    "@syncfusion/ej2-buttons": "~20.2.36",
-    "@syncfusion/ej2-calendars": "~20.2.36",
-    "@syncfusion/ej2-data": "~20.2.36",
-    "@syncfusion/ej2-dropdowns": "~20.2.36",
-    "@syncfusion/ej2-excel-export": "~20.2.36",
-    "@syncfusion/ej2-inputs": "~20.2.36",
-    "@syncfusion/ej2-lists": "~20.2.36",
-    "@syncfusion/ej2-navigations": "~20.2.36",
-    "@syncfusion/ej2-popups": "~20.2.36"
+    "@syncfusion/ej2-base": "~20.2.43",
+    "@syncfusion/ej2-buttons": "~20.2.43",
+    "@syncfusion/ej2-calendars": "~20.2.43",
+    "@syncfusion/ej2-data": "~20.2.43",
+    "@syncfusion/ej2-dropdowns": "~20.2.43",
+    "@syncfusion/ej2-excel-export": "~20.2.43",
+    "@syncfusion/ej2-inputs": "~20.2.43",
+    "@syncfusion/ej2-lists": "~20.2.43",
+    "@syncfusion/ej2-navigations": "~20.2.43",
+    "@syncfusion/ej2-popups": "~20.2.43"
   },
   "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.2.36",
+  "version": "20.2.43",
   "sideEffects": false
 }

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 = {

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

@@ -492,7 +492,7 @@ export interface UIStateArgs {
     action?: boolean;
     isBlock?: boolean;
     isCustomMonth?: boolean;
-    isResize?: boolean;
+    isPreventTimezone?: boolean;
 }
 /**
  *  @private

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) : [] });
         }
     };
     /**

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++) {
@@ -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;

package/src/schedule/exports/calendar-export.d.ts

@@ -6,6 +6,7 @@ export declare class ICalendarExport {
     private parent;
     constructor(parent: Schedule);
     initializeCalendarExport(fileName: string, customData: Record<string, any>[]): void;
+    getCalendarString(fileName?: string, customData?: Record<string, any>[]): string;
     private customFieldFilter;
     private convertDateToString;
     private download;

package/src/schedule/exports/calendar-export.js

@@ -9,6 +9,10 @@ var ICalendarExport = /** @class */ (function () {
         this.parent = parent;
     }
     ICalendarExport.prototype.initializeCalendarExport = function (fileName, customData) {
+        var icsString = this.getCalendarString(fileName, customData);
+        this.download(icsString, fileName);
+    };
+    ICalendarExport.prototype.getCalendarString = function (fileName, customData) {
         var _this = this;
         var eventsData = (customData) ? customData :
             extend([], this.parent.eventsData, null, true);
@@ -19,7 +23,7 @@ var ICalendarExport = /** @class */ (function () {
         var timeZone = this.parent.timezone || this.parent.tzModule.getLocalTimezoneName();
         var fields = this.parent.eventFields;
         eventsData.forEach(function (eventObj) {
-            var uId = _this.parent.eventBase.generateGuid();
+            var uId = eventObj[fields.id] || eventObj.Guid || _this.parent.eventBase.generateGuid();
             var editedExDate = [];
             if (eventObj[fields.recurrenceID]) {
                 var filter = _this.filterEvents(filterCollection, fields.id, eventObj[fields.recurrenceID]);
@@ -94,7 +98,7 @@ var ICalendarExport = /** @class */ (function () {
             'X-WR-TIMEZONE:' + timeZone
         ].join(SEPARATOR);
         var icsString = iCalendar + SEPARATOR + iCalendarEvents.join(SEPARATOR) + SEPARATOR + 'END:VCALENDAR';
-        this.download(icsString, fileName);
+        return icsString;
     };
     ICalendarExport.prototype.customFieldFilter = function (eventObj, fields) {
         var defaultFields = Object.keys(fields).map(function (key) { return fields[key]; });

package/src/schedule/exports/calendar-import.js

@@ -78,8 +78,16 @@ var ICalendarImport = /** @class */ (function () {
                             break;
                         case 'UID':
                             curEvent[uId] = value;
-                            curEvent[fields.id] = typeof (id) === 'string' ? id + count.toString() : id + count;
-                            count++;
+                            if (typeof (id) == 'number') {
+                                curEvent[fields.id] = parseInt(value, 10);
+                                if (isNaN(curEvent[fields.id])) {
+                                    curEvent[fields.id] = id + count;
+                                    count++;
+                                }
+                            }
+                            else {
+                                curEvent[fields.id] = value;
+                            }
                             break;
                         case 'SUMMARY':
                             curEvent[fields.subject] = value;
@@ -115,6 +123,10 @@ var ICalendarImport = /** @class */ (function () {
         var appoint = [];
         var uId = 'UID';
         var fields = this.parent.eventFields;
+        var appointmentIds = [];
+        this.parent.eventsData.forEach(function (eventObj) {
+            appointmentIds.push(eventObj[fields.id]);
+        });
         app.forEach(function (eventObj) {
             var parentObj;
             var id;
@@ -123,24 +135,26 @@ var ICalendarImport = /** @class */ (function () {
                 parentObj = eventObj;
                 id = eventObj[fields.id];
             }
-            var data = app.filter(function (data) { return data.UID === eventObj[uId]; });
-            if (data.length > 1 && isNullOrUndefined(eventObj[fields.recurrenceID])) {
-                for (var i = 0; i < data.length; i++) {
-                    // eslint-disable-next-line no-prototype-builtins
-                    if (data[i].hasOwnProperty(fields.recurrenceID)) {
-                        var exdate = data[i][fields.recurrenceID];
-                        data[i][fields.recurrenceID] = id;
-                        data[i][fields.recurrenceException] = null;
-                        parentObj[fields.recurrenceException] = (isNullOrUndefined(parentObj[fields.recurrenceException])) ?
-                            exdate : parentObj[fields.recurrenceException] + ',' + exdate;
-                        appoint.push(data[i]);
+            if (appointmentIds.indexOf(eventObj[fields.id]) < 0) {
+                var data = app.filter(function (data) { return data.UID === eventObj[uId]; });
+                if (data.length > 1 && isNullOrUndefined(eventObj[fields.recurrenceID])) {
+                    for (var i = 0; i < data.length; i++) {
+                        // eslint-disable-next-line no-prototype-builtins
+                        if (data[i].hasOwnProperty(fields.recurrenceID)) {
+                            var exdate = data[i][fields.recurrenceID];
+                            data[i][fields.recurrenceID] = id;
+                            data[i][fields.recurrenceException] = null;
+                            parentObj[fields.recurrenceException] = (isNullOrUndefined(parentObj[fields.recurrenceException])) ?
+                                exdate : parentObj[fields.recurrenceException] + ',' + exdate;
+                            appoint.push(data[i]);
+                        }
                     }
+                    appoint.push(parentObj);
+                    // eslint-disable-next-line no-prototype-builtins
+                }
+                else if (!eventObj.hasOwnProperty(fields.recurrenceID)) {
+                    appoint.push(eventObj);
                 }
-                appoint.push(parentObj);
-                // eslint-disable-next-line no-prototype-builtins
-            }
-            else if (!eventObj.hasOwnProperty(fields.recurrenceID)) {
-                appoint.push(eventObj);
             }
         });
         return appoint;

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

@@ -154,6 +154,7 @@ var EventWindow = /** @class */ (function () {
     EventWindow.prototype.setDialogContent = function () {
         this.dialogObject.content = this.getEventWindowContent();
         this.dialogObject.dataBind();
+        this.applyFormValidation();
     };
     EventWindow.prototype.preventEventSave = function (e) {
         if (this.parent && !this.parent.allowKeyboardInteraction && e.code === 'Enter') {

package/src/schedule/renderer/agenda.d.ts

@@ -38,5 +38,6 @@ export declare class Agenda extends AgendaBase implements IRenderer {
     addEventListener(): void;
     removeEventListener(): void;
     private onAgendaScrollUiUpdate;
+    scrollToDate(scrollDate: Date): void;
     destroy(): void;
 }

package/src/schedule/renderer/agenda.js

@@ -436,6 +436,20 @@ var Agenda = /** @class */ (function (_super) {
             contentArea.style.height = formatUnit(this.parent.element.offsetHeight - headerHeight);
         }
     };
+    Agenda.prototype.scrollToDate = function (scrollDate) {
+        var date = new Date(+util.resetTime(scrollDate));
+        if (this.parent.activeViewOptions.allowVirtualScrolling) {
+            if (!this.parent.hideEmptyAgendaDays || this.parent.getEvents(date, util.addDays(date, 1), true).length > 0) {
+                this.parent.changeDate(date);
+            }
+        }
+        else {
+            var dateElement = this.element.querySelector('.' + cls.AGENDA_CELLS_CLASS + '[data-date="' + date.getTime() + '"]');
+            if (dateElement) {
+                this.getContentAreaElement().scrollTop = dateElement.offsetTop;
+            }
+        }
+    };
     Agenda.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

package/src/schedule/renderer/timeline-view.js

@@ -57,9 +57,12 @@ var TimelineViews = /** @class */ (function (_super) {
         if (scrollDate) {
             index = this.parent.getIndexOfDate(this.renderDates, util.resetTime(scrollDate));
             if (index >= 0) {
-                var timeString = hour.split(':');
-                if (timeString.length === 2) {
-                    date = new Date(scrollDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0));
+                date = scrollDate;
+                if (!isNullOrUndefined(hour)) {
+                    var timeString = hour.split(':');
+                    if (timeString.length === 2) {
+                        date = new Date(scrollDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0));
+                    }
                 }
             }
         }
@@ -67,8 +70,14 @@ var TimelineViews = /** @class */ (function (_super) {
         if (isNullOrUndefined(date)) {
             return;
         }
-        var scrollLeft = isNullOrUndefined(scrollDate) ? this.getLeftFromDateTime(null, date) :
-            this.getLeftFromDateTime([index], date);
+        var scrollLeft;
+        if (isNullOrUndefined(hour) || !this.parent.activeViewOptions.timeScale.enable) {
+            scrollLeft = index * this.getWorkCellWidth();
+        }
+        else {
+            scrollLeft = isNullOrUndefined(scrollDate) ? this.getLeftFromDateTime(null, date) :
+                this.getLeftFromDateTime([index], date);
+        }
         this.getScrollableElement().scrollLeft = !this.parent.enableRtl ? scrollLeft : -scrollLeft;
     };
     TimelineViews.prototype.generateColumnLevels = function () {

package/src/schedule/renderer/timeline-year.js

@@ -422,13 +422,25 @@ var TimelineYear = /** @class */ (function (_super) {
         append(cellTemplate, td);
     };
     TimelineYear.prototype.scrollToDate = function (scrollDate) {
-        if (this.parent.activeViewOptions.group.resources.length === 0) {
-            var date = +new Date(util.resetTime(scrollDate));
-            var element = this.element.querySelector('[data-date="' + date + '"]');
-            if (element) {
-                this.getScrollableElement().scrollLeft = element.offsetLeft;
-                this.getScrollableElement().scrollTop = element.offsetTop;
+        var date;
+        if (this.parent.activeViewOptions.group.resources !== null && this.parent.activeViewOptions.group.resources.length > 0 &&
+            !this.parent.uiStateValues.isGroupAdaptive) {
+            date = +new Date(util.resetTime(util.firstDateOfMonth(scrollDate)));
+        }
+        else {
+            date = +new Date(util.resetTime(scrollDate));
+        }
+        var element = this.element.querySelector('[data-date="' + date + '"]');
+        if (element) {
+            var wrap = this.getScrollableElement();
+            if (this.parent.enableRtl) {
+                var conTable = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS);
+                wrap.scrollLeft = -(conTable.offsetWidth - element.offsetLeft - element.offsetWidth);
+            }
+            else {
+                wrap.scrollLeft = element.offsetLeft;
             }
+            wrap.scrollTop = element.offsetTop;
         }
     };
     TimelineYear.prototype.getScrollableElement = function () {

package/src/schedule/renderer/year.d.ts

@@ -40,5 +40,6 @@ export declare class Year extends ViewBase implements IRenderer {
     removeEventListener(): void;
     onDataReady(args: NotifyEventArgs): void;
     wireEvents(element: HTMLElement, type: string): void;
+    scrollToDate(scrollDate: Date): void;
     destroy(): void;
 }

package/src/schedule/renderer/year.js

@@ -386,6 +386,14 @@ var Year = /** @class */ (function (_super) {
             EventHandler.add(element, 'scroll', this.onContentScroll, this);
         }
     };
+    Year.prototype.scrollToDate = function (scrollDate) {
+        var date = +new Date(util.resetTime(scrollDate));
+        var element = this.element.querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')[data-date="' + date + '"]');
+        if (element) {
+            element = closest(element, '.e-month-calendar');
+            this.getContentAreaElement().scrollTop = element.offsetTop;
+        }
+    };
     Year.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

package/styles/fluent-dark.css

@@ -350,7 +350,7 @@
 }
 .e-schedule .e-new-event {
   background-color: #0078d4;
-  border: 1px solid #fff;
+  border: 1px solid #1b1a19;
   border-radius: 5px;
   height: 100%;
   opacity: 0.9;
@@ -359,7 +359,7 @@
   z-index: 1;
 }
 .e-schedule .e-new-event .e-title {
-  color: #fff;
+  color: #1b1a19;
   font-size: 12px;
   line-height: 1.2;
   margin: 0;
@@ -473,7 +473,7 @@
 .e-schedule .e-appointment .e-inline-subject {
   background-color: transparent;
   border: 0;
-  color: #fff;
+  color: #1b1a19;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.2;
@@ -585,7 +585,7 @@
   background: #0078d4;
   border: 1px solid #292827;
   border-radius: 2px;
-  color: #fff;
+  color: #1b1a19;
   display: -ms-flexbox;
   display: flex;
   height: 54px;
@@ -850,7 +850,7 @@
   background: #0078d4;
   border: 1px solid #292827;
   border-radius: 2px;
-  color: #fff;
+  color: #1b1a19;
   display: -ms-flexbox;
   display: flex;
   height: 26px;
@@ -900,7 +900,7 @@
   background: #0078d4;
   border: 1px solid #292827;
   border-radius: 2px;
-  color: #fff;
+  color: #1b1a19;
   overflow: hidden;
   position: absolute;
 }
@@ -1135,7 +1135,7 @@
   background: #0078d4;
   border: 1px solid #292827;
   border-radius: 2px;
-  color: #fff;
+  color: #1b1a19;
   cursor: default;
   display: -ms-flexbox;
   display: flex;
@@ -1508,7 +1508,7 @@
   background: #0078d4;
   border: 1px solid #292827;
   border-radius: 2px;
-  color: #fff;
+  color: #1b1a19;
   cursor: default;
   display: -ms-flexbox;
   display: flex;
@@ -1743,7 +1743,7 @@
   background: #0078d4;
   border: 1px solid #292827;
   border-radius: 2px;
-  color: #fff;
+  color: #1b1a19;
   cursor: default;
   display: -ms-flexbox;
   display: flex;
@@ -2128,7 +2128,7 @@
   vertical-align: top;
 }
 .e-schedule .e-agenda-view .e-month-header .e-date-header {
-  color: #fff;
+  color: #1b1a19;
   font-size: 18px;
 }
 .e-schedule .e-agenda-view .e-day-date-header {
@@ -3227,7 +3227,7 @@
   background: #0078d4;
   border-radius: 2px;
   box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
-  color: #fff;
+  color: #1b1a19;
   display: -ms-flexbox;
   display: flex;
   height: 38px;
@@ -3396,7 +3396,7 @@
 .e-more-popup-wrapper .e-appointment {
   background: #0078d4;
   border-radius: 2px;
-  color: #fff;
+  color: #1b1a19;
   display: -ms-flexbox;
   display: flex;
   height: 26px;
@@ -3407,7 +3407,7 @@
 }
 .e-bigger .e-more-popup-wrapper .e-appointment .e-subject,
 .e-more-popup-wrapper .e-appointment .e-subject {
-  color: #fff;
+  color: #1b1a19;
   -ms-flex: auto;
       flex: auto;
   font-size: 13px;