@syncfusion/ej2-schedule 19.3.46 → 19.3.48

package/dist/es6/ej2-schedule.es2015.js

@@ -4927,12 +4927,7 @@ class EventBase {
             if (generateID) {
                 event[fields.id] = temp++;
             }
-            if (typeof event[fields.startTime] === 'string') {
-                event[fields.startTime] = getDateFromString(event[fields.startTime]);
-            }
-            if (typeof event[fields.endTime] === 'string') {
-                event[fields.endTime] = getDateFromString(event[fields.endTime]);
-            }
+            event = this.updateEventDateTime(event);
             if (timeZonePropChanged) {
                 this.processTimezoneChange(event, oldTimezone);
             }
@@ -4991,6 +4986,15 @@ class EventBase {
         this.parent.blockProcessed = blockData;
         return eventData;
     }
+    updateEventDateTime(eventData) {
+        if (typeof eventData[this.parent.eventFields.startTime] === 'string') {
+            eventData[this.parent.eventFields.startTime] = getDateFromString(eventData[this.parent.eventFields.startTime]);
+        }
+        if (typeof eventData[this.parent.eventFields.endTime] === 'string') {
+            eventData[this.parent.eventFields.endTime] = getDateFromString(eventData[this.parent.eventFields.endTime]);
+        }
+        return eventData;
+    }
     getProcessedEvents(eventCollection = this.parent.eventsData) {
         let processed = [];
         for (const event of eventCollection) {
@@ -5490,7 +5494,7 @@ class EventBase {
         const isAllDay = event[fieldMapping.isAllDay];
         const isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
             / MS_PER_DAY) >= 1;
-        return (isAllDay || isFullDay) ? true : false;
+        return (isAllDay || (!(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') && isFullDay)) ? true : false;
     }
     addEventListener() {
         this.parent.on(documentClick, this.appointmentBorderRemove, this);
@@ -6927,10 +6931,10 @@ class MonthEvent extends EventBase {
                     this.parent.virtualScrollModule.updateVirtualScrollHeight();
                 }
             }
-            this.parent.notify(scrollUiUpdate, data);
             if (!this.parent.enablePersistence) {
                 this.parent.notify(contentReady, {});
             }
+            this.parent.notify(scrollUiUpdate, data);
             if (this.parent.currentView === 'Month' && this.parent.showWeekNumber) {
                 const totalCells = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
                 const weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('.' + WEEK_NUMBER_CLASS));
@@ -8246,6 +8250,9 @@ class FieldValidator {
         if (!elem && !this.ignoreError) {
             this.createTooltip(inputElement, error, id, '');
         }
+        if (!isNullOrUndefined(elem)) {
+            elem.querySelector(".e-error").innerHTML = error.innerHTML;
+        }
     }
     createTooltip(element, error, name, display) {
         let dlgContent;
@@ -13175,7 +13182,8 @@ class Crud {
                     const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
                     let promise;
                     if (addArgs.addedRecords instanceof Array) {
-                        for (const event of addArgs.addedRecords) {
+                        for (let event of addArgs.addedRecords) {
+                            event = this.parent.eventBase.updateEventDateTime(event);
                             const eventData = extend({}, this.parent.eventBase.processTimezone(event, true), null, true);
                             editParams.addedRecords.push(eventData);
                         }
@@ -13230,7 +13238,8 @@ class Crud {
                         const fields = this.parent.eventFields;
                         const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
                         if (saveArgs.changedRecords instanceof Array) {
-                            for (const event of saveArgs.changedRecords) {
+                            for (let event of saveArgs.changedRecords) {
+                                event = this.parent.eventBase.updateEventDateTime(event);
                                 const eventData = extend({}, this.parent.eventBase.processTimezone(event, true), null, true);
                                 editParams.changedRecords.push(eventData);
                             }
@@ -13923,6 +13932,9 @@ __decorate$6([
 __decorate$6([
     Property()
 ], EventSettings.prototype, "tooltipTemplate", void 0);
+__decorate$6([
+    Property('AllDayRow')
+], EventSettings.prototype, "spannedEventPlacement", void 0);
 __decorate$6([
     Property()
 ], EventSettings.prototype, "resourceColorField", void 0);
@@ -16538,6 +16550,7 @@ let Schedule = class Schedule extends Component {
                         this.eventWindow.refresh();
                     }
                     break;
+                case 'spannedEventPlacement':
                 case 'enableMaxHeight':
                 case 'enableIndicator':
                     this.refreshEvents(false);
@@ -19776,18 +19789,20 @@ class DragAndDrop extends ActionBase {
         const eventData = [];
         const startTime = event[eventFields.startTime];
         const endTime = event[eventFields.endTime];
-        const isDifferentDate = resetTime(new Date(startTime.getTime())) < resetTime(new Date(endTime.getTime()));
-        if (isDifferentDate) {
-            const scheduleStartHour = this.parent.activeView.getStartHour();
-            const scheduleEndHour = this.parent.activeView.getEndHour();
-            const startDate = getStartEndHours(resetTime(startTime), scheduleStartHour, scheduleEndHour);
-            const endDate = getStartEndHours(resetTime(endTime), scheduleStartHour, scheduleEndHour);
-            const firstEventObj = extend({}, event, null, true);
-            firstEventObj[eventFields.endTime] = startDate.endHour;
-            eventData.push(firstEventObj);
-            const secondEventObj = extend({}, event, null, true);
-            secondEventObj[eventFields.startTime] = endDate.startHour;
-            eventData.push(secondEventObj);
+        if (resetTime(new Date(startTime.getTime())) < resetTime(new Date(endTime.getTime()))) {
+            let startReferenceDate = resetTime(new Date(startTime.getTime()));
+            let endReferenceDate = new Date(startReferenceDate.getTime());
+            for (let i = 0; startReferenceDate < new Date(endTime.getTime()); i++) {
+                endReferenceDate = new Date(endReferenceDate.setDate(startReferenceDate.getDate() + 1));
+                const 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);
+            }
+            const index = eventData.length - 1;
+            eventData[0][eventFields.startTime] = startTime;
+            eventData[index][eventFields.endTime] = endTime;
         }
         else {
             eventData.push(event);
@@ -19858,8 +19873,7 @@ class DragAndDrop extends ActionBase {
                 // eslint-disable-next-line max-len
                 this.parent.getDateFromElement(isNullOrUndefined(index) ? this.actionObj.target : this.targetTd)));
             const splitEvents = this.splitEvent(event);
-            const events = event[this.parent.eventFields.isAllDay] ||
-                this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 ? [event] : splitEvents;
+            let events = this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 || !(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') ? [event] : splitEvents;
             for (let i = 0; i < events.length; i++) {
                 if (i > 0) {
                     let filterQuery = `.e-day-wrapper[data-date="${resetTime(events[i][this.parent.eventFields.startTime]).getTime()}"]`;
@@ -23042,7 +23056,7 @@ class Agenda extends AgendaBase {
         for (const event of this.parent.eventsData) {
             delete event.generatedDates;
         }
-        let eventCollection = args.processedData;
+        let eventCollection = this.parent.activeViewOptions.allowVirtualScrolling ? args.processedData : this.parent.eventsProcessed;
         if (this.parent.uiStateValues.isGroupAdaptive) {
             const resource = this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex];
             this.dataSource = this.parent.eventBase.filterEventsByResource(resource, this.dataSource);
@@ -23145,6 +23159,7 @@ class Agenda extends AgendaBase {
                     const filterData = this.appointmentFiltering(agendaDate);
                     const nTr = this.createTableRowElement(agendaDate, 'data');
                     if (this.element.querySelector('tr[aria-rowindex="' + parseInt(nTr.getAttribute('aria-rowindex'), 10) + '"]')) {
+                        agendaDate = addDays(agendaDate, 1);
                         continue;
                     }
                     const dTd = nTr.children[0];