@syncfusion/ej2-schedule 19.3.46 → 19.3.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.46
+*  version : 19.3.48
 *  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.3.44",
+  "_id": "@syncfusion/ej2-schedule@19.3.46",
   "_inBundle": false,
-  "_integrity": "sha512-87+s+0IrE3yQihCE6UUKguSL+rXlZht7yNpKdB4QI0dP1fxMBFU7jcX5lT0i8ompgfgbVFnIhvKn8KRW9B56og==",
+  "_integrity": "sha512-x1dE8/ZswBw4vAbLAILohZWlisR8SymVBt4/qwG38WgG+4nQ+yamS89F+aD/KkXQdFZ+zFdWKZbUCyNCPUDUUQ==",
   "_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/@syncfusion/ej2-schedule/-/ej2-schedule-19.3.44.tgz",
-  "_shasum": "4b5e552c1a66161a17a8d01f15d421455cc36d76",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-schedule/-/ej2-schedule-19.3.46.tgz",
+  "_shasum": "96b789963b4984b83da4f6a024bd5e08e6869712",
   "_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": "~19.3.43",
+    "@syncfusion/ej2-base": "~19.3.47",
     "@syncfusion/ej2-buttons": "~19.3.44",
     "@syncfusion/ej2-calendars": "~19.3.46",
-    "@syncfusion/ej2-data": "~19.3.46",
-    "@syncfusion/ej2-dropdowns": "~19.3.46",
-    "@syncfusion/ej2-excel-export": "~19.3.44",
-    "@syncfusion/ej2-inputs": "~19.3.44",
-    "@syncfusion/ej2-lists": "~19.3.45",
+    "@syncfusion/ej2-data": "~19.3.47",
+    "@syncfusion/ej2-dropdowns": "~19.3.48",
+    "@syncfusion/ej2-excel-export": "~19.3.48",
+    "@syncfusion/ej2-inputs": "~19.3.48",
+    "@syncfusion/ej2-lists": "~19.3.48",
     "@syncfusion/ej2-navigations": "~19.3.46",
-    "@syncfusion/ej2-popups": "~19.3.43"
+    "@syncfusion/ej2-popups": "~19.3.47"
   },
   "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": "19.3.46",
+  "version": "19.3.48",
   "sideEffects": false
 }

package/src/schedule/actions/crud.js

@@ -145,6 +145,7 @@ var Crud = /** @class */ (function () {
                     if (addArgs.addedRecords instanceof Array) {
                         for (var _i = 0, _a = addArgs.addedRecords; _i < _a.length; _i++) {
                             var event_1 = _a[_i];
+                            event_1 = _this.parent.eventBase.updateEventDateTime(event_1);
                             var eventData_1 = extend({}, _this.parent.eventBase.processTimezone(event_1, true), null, true);
                             editParams.addedRecords.push(eventData_1);
                         }
@@ -202,6 +203,7 @@ var Crud = /** @class */ (function () {
                         if (saveArgs.changedRecords instanceof Array) {
                             for (var _i = 0, _a = saveArgs.changedRecords; _i < _a.length; _i++) {
                                 var event_3 = _a[_i];
+                                event_3 = _this.parent.eventBase.updateEventDateTime(event_3);
                                 var eventData_2 = extend({}, _this.parent.eventBase.processTimezone(event_3, true), null, true);
                                 editParams.changedRecords.push(eventData_2);
                             }

package/src/schedule/actions/drag.js

@@ -686,18 +686,20 @@ var DragAndDrop = /** @class */ (function (_super) {
         var eventData = [];
         var startTime = event[eventFields.startTime];
         var endTime = event[eventFields.endTime];
-        var isDifferentDate = util.resetTime(new Date(startTime.getTime())) < util.resetTime(new Date(endTime.getTime()));
-        if (isDifferentDate) {
-            var scheduleStartHour = this.parent.activeView.getStartHour();
-            var scheduleEndHour = this.parent.activeView.getEndHour();
-            var startDate = util.getStartEndHours(util.resetTime(startTime), scheduleStartHour, scheduleEndHour);
-            var endDate = util.getStartEndHours(util.resetTime(endTime), scheduleStartHour, scheduleEndHour);
-            var firstEventObj = extend({}, event, null, true);
-            firstEventObj[eventFields.endTime] = startDate.endHour;
-            eventData.push(firstEventObj);
-            var secondEventObj = extend({}, event, null, true);
-            secondEventObj[eventFields.startTime] = endDate.startHour;
-            eventData.push(secondEventObj);
+        if (util.resetTime(new Date(startTime.getTime())) < util.resetTime(new Date(endTime.getTime()))) {
+            var startReferenceDate = util.resetTime(new Date(startTime.getTime()));
+            var endReferenceDate = new Date(startReferenceDate.getTime());
+            for (var i = 0; startReferenceDate < new Date(endTime.getTime()); i++) {
+                endReferenceDate = new Date(endReferenceDate.setDate(startReferenceDate.getDate() + 1));
+                var eventObj = extend({}, event, null, true);
+                eventObj[eventFields.startTime] = new Date(startReferenceDate);
+                eventObj[eventFields.endTime] = new Date(endReferenceDate);
+                startReferenceDate = new Date(startReferenceDate.setDate(startReferenceDate.getDate() + 1));
+                eventData.push(eventObj);
+            }
+            var index = eventData.length - 1;
+            eventData[0][eventFields.startTime] = startTime;
+            eventData[index][eventFields.endTime] = endTime;
         }
         else {
             eventData.push(event);
@@ -768,8 +770,7 @@ var DragAndDrop = /** @class */ (function (_super) {
                 // eslint-disable-next-line max-len
                 this.parent.getDateFromElement(isNullOrUndefined(index) ? this.actionObj.target : this.targetTd)));
             var splitEvents = this.splitEvent(event);
-            var events_1 = event[this.parent.eventFields.isAllDay] ||
-                this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 ? [event] : splitEvents;
+            var events_1 = this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 || !(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') ? [event] : splitEvents;
             for (var i = 0; i < events_1.length; i++) {
                 if (i > 0) {
                     var filterQuery = ".e-day-wrapper[data-date=\"" + util.resetTime(events_1[i][this.parent.eventFields.startTime]).getTime() + "\"]";

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

@@ -1518,7 +1518,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * @param {string} templateName Accepts the template name
      * @returns {void}
      */
-    refreshTemplates(templateName: string): void;
+    refreshTemplates(templateName?: string): void;
     /**
      * Refreshes the Schedule layout without re-render.
      *

package/src/schedule/base/schedule.js

@@ -1611,6 +1611,7 @@ var Schedule = /** @class */ (function (_super) {
                         this.eventWindow.refresh();
                     }
                     break;
+                case 'spannedEventPlacement':
                 case 'enableMaxHeight':
                 case 'enableIndicator':
                     this.refreshEvents(false);

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

@@ -41,3 +41,7 @@ export declare type TemplateType = 'Both' | 'Cell' | 'Event';
  * An enum that holds the different type of week number options in the scheduler.
  */
 export declare type WeekRule = 'FirstDay' | 'FirstFourDayWeek' | 'FirstFullWeek';
+/**
+ * An enum that holds the options to render the spanned events in all day row or time slot.
+ */
+export declare type SpannedEventPlacement = 'AllDayRow' | 'TimeSlot';

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

@@ -17,6 +17,7 @@ export declare class EventBase {
      */
     constructor(parent: Schedule);
     processData(events: Record<string, any>[], timeZonePropChanged?: boolean, oldTimezone?: string): Record<string, any>[];
+    updateEventDateTime(eventData: Record<string, any>): Record<string, any>;
     getProcessedEvents(eventCollection?: Record<string, any>[]): Record<string, any>[];
     timezonePropertyChange(oldTimezone: string): void;
     timezoneConvert(eventData: Record<string, any>): void;

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

@@ -37,12 +37,7 @@ var EventBase = /** @class */ (function () {
             if (generateID) {
                 event_1[fields.id] = temp++;
             }
-            if (typeof event_1[fields.startTime] === 'string') {
-                event_1[fields.startTime] = util.getDateFromString(event_1[fields.startTime]);
-            }
-            if (typeof event_1[fields.endTime] === 'string') {
-                event_1[fields.endTime] = util.getDateFromString(event_1[fields.endTime]);
-            }
+            event_1 = this_1.updateEventDateTime(event_1);
             if (timeZonePropChanged) {
                 this_1.processTimezoneChange(event_1, oldTimezone);
             }
@@ -119,6 +114,15 @@ var EventBase = /** @class */ (function () {
         this.parent.blockProcessed = blockData;
         return eventData;
     };
+    EventBase.prototype.updateEventDateTime = function (eventData) {
+        if (typeof eventData[this.parent.eventFields.startTime] === 'string') {
+            eventData[this.parent.eventFields.startTime] = util.getDateFromString(eventData[this.parent.eventFields.startTime]);
+        }
+        if (typeof eventData[this.parent.eventFields.endTime] === 'string') {
+            eventData[this.parent.eventFields.endTime] = util.getDateFromString(eventData[this.parent.eventFields.endTime]);
+        }
+        return eventData;
+    };
     EventBase.prototype.getProcessedEvents = function (eventCollection) {
         if (eventCollection === void 0) { eventCollection = this.parent.eventsData; }
         var processed = [];
@@ -636,7 +640,7 @@ var EventBase = /** @class */ (function () {
         var isAllDay = event[fieldMapping.isAllDay];
         var isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
             / util.MS_PER_DAY) >= 1;
-        return (isAllDay || isFullDay) ? true : false;
+        return (isAllDay || (!(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') && isFullDay)) ? true : false;
     };
     EventBase.prototype.addEventListener = function () {
         this.parent.on(event.documentClick, this.appointmentBorderRemove, this);

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

@@ -124,10 +124,10 @@ var MonthEvent = /** @class */ (function (_super) {
                     this.parent.virtualScrollModule.updateVirtualScrollHeight();
                 }
             }
-            this.parent.notify(events.scrollUiUpdate, data);
             if (!this.parent.enablePersistence) {
                 this.parent.notify(events.contentReady, {});
             }
+            this.parent.notify(events.scrollUiUpdate, data);
             if (this.parent.currentView === 'Month' && this.parent.showWeekNumber) {
                 var totalCells_1 = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
                 var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('.' + cls.WEEK_NUMBER_CLASS));

package/src/schedule/models/event-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { Query, DataManager } from '@syncfusion/ej2-data';import { SortComparerFunction } from '../base/interface';import { Field } from './fields';import { FieldModel } from './fields-model';
+import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { Query, DataManager } from '@syncfusion/ej2-data';import { SortComparerFunction } from '../base/interface';import { SpannedEventPlacement } from '../base/type';import { Field } from './fields';import { FieldModel } from './fields-model';
 
 /**
  * Interface for a class EventSettings
@@ -57,6 +57,17 @@ export interface EventSettingsModel {
      */
     tooltipTemplate?: string;
 
+    /**
+     * Defines the option to render the spanned events (more than 24 hours) in either `AllDayRow` or `TimeSlot`. By default it renders in `AllDayRow`.
+     * This property is applicable for `Day`, `Week` and `WorkWeek` views only. The possible values for this property as follows
+     * * AllDayRow
+     * * TimeSlot
+     * {% codeBlock src='schedule/spannedEventPlacement/index.md' %}{% endcodeBlock %}
+     *
+     * @default 'AllDayRow'
+     */
+    spannedEventPlacement?: SpannedEventPlacement;
+
     /**
      * Defines the resource name, to decides the color of which particular resource level is to be applied on appointments, when
      *  grouping is enabled on scheduler.

package/src/schedule/models/event-settings.d.ts

@@ -1,6 +1,7 @@
 import { ChildProperty } from '@syncfusion/ej2-base';
 import { Query, DataManager } from '@syncfusion/ej2-data';
 import { SortComparerFunction } from '../base/interface';
+import { SpannedEventPlacement } from '../base/type';
 import { FieldModel } from './fields-model';
 /**
  * Holds the configuration of event related options and dataSource binding to Schedule.
@@ -52,6 +53,16 @@ export declare class EventSettings extends ChildProperty<EventSettings> {
      * @default null
      */
     tooltipTemplate: string;
+    /**
+     * Defines the option to render the spanned events (more than 24 hours) in either `AllDayRow` or `TimeSlot`. By default it renders in `AllDayRow`.
+     * This property is applicable for `Day`, `Week` and `WorkWeek` views only. The possible values for this property as follows
+     * * AllDayRow
+     * * TimeSlot
+     * {% codeBlock src='schedule/spannedEventPlacement/index.md' %}{% endcodeBlock %}
+     *
+     * @default 'AllDayRow'
+     */
+    spannedEventPlacement: SpannedEventPlacement;
     /**
      * Defines the resource name, to decides the color of which particular resource level is to be applied on appointments, when
      *  grouping is enabled on scheduler.

package/src/schedule/models/event-settings.js

@@ -46,6 +46,9 @@ var EventSettings = /** @class */ (function (_super) {
     __decorate([
         Property()
     ], EventSettings.prototype, "tooltipTemplate", void 0);
+    __decorate([
+        Property('AllDayRow')
+    ], EventSettings.prototype, "spannedEventPlacement", void 0);
     __decorate([
         Property()
     ], EventSettings.prototype, "resourceColorField", void 0);

package/src/schedule/popups/form-validator.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { createElement, remove } from '@syncfusion/ej2-base';
+import { createElement, isNullOrUndefined, remove } from '@syncfusion/ej2-base';
 import { FormValidator } from '@syncfusion/ej2-inputs';
 import * as cls from '../base/css-constant';
 /**
@@ -49,6 +49,9 @@ var FieldValidator = /** @class */ (function () {
         if (!elem && !this.ignoreError) {
             this.createTooltip(inputElement, error, id, '');
         }
+        if (!isNullOrUndefined(elem)) {
+            elem.querySelector(".e-error").innerHTML = error.innerHTML;
+        }
     };
     FieldValidator.prototype.createTooltip = function (element, error, name, display) {
         var dlgContent;

package/src/schedule/renderer/agenda.js

@@ -67,7 +67,7 @@ var Agenda = /** @class */ (function (_super) {
             var event_1 = _a[_i];
             delete event_1.generatedDates;
         }
-        var eventCollection = args.processedData;
+        var eventCollection = this.parent.activeViewOptions.allowVirtualScrolling ? args.processedData : this.parent.eventsProcessed;
         if (this.parent.uiStateValues.isGroupAdaptive) {
             var resource = this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex];
             this.dataSource = this.parent.eventBase.filterEventsByResource(resource, this.dataSource);
@@ -171,6 +171,7 @@ var Agenda = /** @class */ (function (_super) {
                     var filterData = this.appointmentFiltering(agendaDate);
                     var nTr = this.createTableRowElement(agendaDate, 'data');
                     if (this.element.querySelector('tr[aria-rowindex="' + parseInt(nTr.getAttribute('aria-rowindex'), 10) + '"]')) {
+                        agendaDate = util.addDays(agendaDate, 1);
                         continue;
                     }
                     var dTd = nTr.children[0];