@syncfusion/ej2-schedule 28.2.11 → 29.1.34

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

@@ -76,6 +76,12 @@ const resourceHeader = 'resourceHeader';
 const dateHeader = 'dateHeader';
 /** @private */
 const beforePaste = 'beforePaste';
+/** @private */
+const beforePrint = 'beforePrint';
+/** @private */
+const excelExport = 'excelExport';
+/** @private */
+const tooltipOpen = 'tooltipOpen';
 /**
  * Specifies schedule internal events
  */
@@ -5781,6 +5787,7 @@ class EventBase {
      */
     constructor(parent) {
         this.slots = [];
+        this.processedData = [];
         this.isDoubleTapped = false;
         this.parent = parent;
     }
@@ -5844,6 +5851,29 @@ class EventBase {
         this.parent.eventsProcessed = [];
         const eventData = processed.filter((data) => !data[this.parent.eventFields.isBlock]);
         this.parent.eventsProcessed = this.filterEvents(start, end, eventData);
+        if (!this.parent.activeViewOptions.allowOverlap && this.parent.eventsProcessed.length > 0) {
+            this.processedData = this.parent.eventsProcessed;
+            const nonOverlapList = [];
+            const fields = this.parent.eventFields;
+            for (const data of this.parent.eventsProcessed) {
+                const overlappingData = this.findOverlappingData(data, nonOverlapList);
+                if (!overlappingData) {
+                    nonOverlapList.push(data);
+                }
+                else if (!this.parent.eventSettings.sortComparer) {
+                    const dataDuration = new Date(data[fields.endTime]).getTime() - new Date(data[fields.startTime]).getTime();
+                    const duplicateDuration = new Date(overlappingData[fields.endTime]).getTime() - new Date(overlappingData[fields.startTime]).getTime();
+                    if ((dataDuration > duplicateDuration && data[fields.startTime] === overlappingData[fields.startTime]) || (data[fields.isAllDay] === true)) {
+                        const index = nonOverlapList.indexOf(overlappingData);
+                        if (index !== -1) {
+                            nonOverlapList.splice(index, 1);
+                        }
+                        nonOverlapList.push(data);
+                    }
+                }
+            }
+            this.parent.eventsProcessed = nonOverlapList;
+        }
         const blockData = processed.filter((data) => data[this.parent.eventFields.isBlock]);
         for (const eventObj of blockData) {
             if (eventObj[fields.isAllDay]) {
@@ -5858,6 +5888,70 @@ class EventBase {
         this.parent.blockProcessed = blockData;
         return eventData;
     }
+    findOverlappingData(eventData, eventList) {
+        const isResource = this.parent.activeViewOptions.group.resources.length > 0;
+        const resourceCollection = isResource ? this.parent.resourceBase.resourceCollection : [];
+        const lastLevelResource = isResource ? resourceCollection[resourceCollection.length - 1].field : null;
+        const fields = this.parent.eventFields;
+        const newStartTime = new Date(eventData[fields.startTime]);
+        const newEndTime = new Date(eventData[fields.endTime]);
+        for (const existingEvent of eventList) {
+            if (newStartTime < existingEvent[fields.endTime] &&
+                newEndTime > existingEvent[fields.startTime] &&
+                existingEvent[fields.id] !== eventData[fields.id] &&
+                (!isResource || isNullOrUndefined(lastLevelResource) ||
+                    this.compareResourceValues(existingEvent[`${lastLevelResource}`], eventData[`${lastLevelResource}`]))) {
+                return existingEvent;
+            }
+        }
+        return undefined;
+    }
+    isOverlapRange(eventData, currentAction = null) {
+        const isResource = this.parent.activeViewOptions.group.resources.length > 0;
+        const resourceCollection = isResource ? this.parent.resourceBase.resourceCollection : [];
+        const lastLevelResource = isResource ? resourceCollection[resourceCollection.length - 1].field : null;
+        const eventCollection = Array.isArray(eventData) ? eventData : [eventData];
+        const fields = this.parent.eventFields;
+        const processOverlappingEvents = (data) => {
+            return this.processedData.filter((x) => data[fields.startTime] < x[fields.endTime] &&
+                data[fields.endTime] > x[fields.startTime] &&
+                x[fields.id] !== data[fields.id] &&
+                (!isResource || isNullOrUndefined(lastLevelResource) || this.compareResourceValues(x[`${lastLevelResource}`], data[`${lastLevelResource}`])));
+        };
+        const overlappedEvents = [];
+        let isOverlapAlert = false;
+        for (const event of eventCollection) {
+            const dataCol = !isNullOrUndefined(event[fields.recurrenceRule]) &&
+                (isNullOrUndefined(event[fields.recurrenceID]) || event[fields.recurrenceID] === event[fields.id]) &&
+                (isNullOrUndefined(event[fields.recurrenceID]) || currentAction === 'EditSeries')
+                ? this.generateOccurrence(event)
+                : [event];
+            for (const data of dataCol) {
+                const overlappingEvents = processOverlappingEvents(data);
+                if (overlappingEvents.length > 0) {
+                    overlappedEvents.push(...overlappingEvents);
+                }
+                if (this.findOverlappingData(data, this.parent.eventsProcessed)) {
+                    isOverlapAlert = true;
+                }
+            }
+        }
+        this.parent.overlapAppointments = overlappedEvents;
+        return isOverlapAlert;
+    }
+    compareResourceValues(a, b) {
+        const getValue = (value) => Array.isArray(value) ? value[0] : value;
+        return getValue(a) === getValue(b);
+    }
+    checkOverlap(eventData) {
+        if (!this.parent.activeViewOptions.allowOverlap) {
+            if (this.isOverlapRange(eventData)) {
+                this.parent.quickPopup.openValidationError('overlapAlert', eventData);
+                return true;
+            }
+        }
+        return false;
+    }
     updateEventDateTime(eventData) {
         if (typeof eventData[this.parent.eventFields.startTime] === 'string') {
             eventData[this.parent.eventFields.startTime] = getDateFromString(eventData[this.parent.eventFields.startTime]);
@@ -7588,7 +7682,7 @@ class VerticalEvent extends EventBase {
                 const widthAdjustment = record.data.isRight ? 0 :
                     this.parent.currentView === 'Day' ? 4 : 7;
                 if (allDayDifference >= 0) {
-                    appWidth = (allDayDifference * 100) - widthAdjustment;
+                    appWidth = (allDayDifference * 100) - (!this.parent.activeViewOptions.allowOverlap ? 0 : widthAdjustment);
                 }
                 if (isNullOrUndefined(this.renderedAllDayEvents[parseInt(resource.toString(), 10)])) {
                     this.renderedAllDayEvents[parseInt(resource.toString(), 10)] = [];
@@ -7681,7 +7775,7 @@ class VerticalEvent extends EventBase {
                 appointmentElement = this.createAppointmentElement(eventObj, false, record.isSpanned, resource);
             }
             setStyleAttribute(appointmentElement, {
-                'width': (this.parent.eventSettings.enableMaxHeight ? '100%' : tempData.appWidth),
+                'width': (this.parent.eventSettings.enableMaxHeight || !this.parent.activeViewOptions.allowOverlap ? '100%' : tempData.appWidth),
                 'height': appHeight + 'px', 'top': topValue + 'px'
             });
             const iconHeight = appointmentElement.querySelectorAll('.' + EVENT_INDICATOR_CLASS).length * 15;
@@ -8462,8 +8556,16 @@ class MonthEvent extends EventBase {
                 setStyleAttribute(appointmentElement, { 'width': appWidth + 'px', 'top': appTop + 'px' });
                 this.renderEventElement(event, appointmentElement, cellTd);
                 if (this.parent.rowAutoHeight) {
+                    const conWrap = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
+                    const conWidth = this.parent.getElementWidth(conWrap);
+                    const isWithoutScroll = conWrap.offsetHeight === conWrap.clientHeight &&
+                        conWrap.offsetWidth === conWrap.clientWidth;
                     const firstChild = cellTd.parentElement.firstElementChild;
                     this.updateCellHeight(firstChild, height);
+                    if (isWithoutScroll &&
+                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== this.parent.getElementWidth(conWrap))) {
+                        this.adjustAppointments(conWidth);
+                    }
                 }
             }
             else {
@@ -8494,6 +8596,22 @@ class MonthEvent extends EventBase {
             }
         }
     }
+    adjustAppointments(conWidth) {
+        const tr = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody tr');
+        const actualCellWidth = this.parent.getElementWidth(this.workCells[0]);
+        this.cellWidth = actualCellWidth / +(this.workCells[0].getAttribute('colspan') || 1);
+        const currentPercentage = (actualCellWidth * tr.children.length) / (conWidth / 100);
+        const apps = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
+        apps.forEach((app) => {
+            if (this.parent.enableRtl && app.style.right !== '0px') {
+                app.style.right = ((parseFloat(app.style.right) / 100) * currentPercentage) + 'px';
+            }
+            else if (app.style.left !== '0px') {
+                app.style.left = ((parseFloat(app.style.left) / 100) * currentPercentage) + 'px';
+            }
+            app.style.width = ((parseFloat(app.style.width) / 100) * currentPercentage) + 'px';
+        });
+    }
     updateCellHeight(cell, height) {
         if ((height > cell.offsetHeight)) {
             setStyleAttribute(cell, { 'height': height + 'px' });
@@ -8973,22 +9091,6 @@ class TimelineEvent extends MonthEvent {
             }
         }
     }
-    adjustAppointments(conWidth) {
-        const tr = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody tr');
-        const actualCellWidth = this.parent.getElementWidth(this.workCells[0]);
-        this.cellWidth = actualCellWidth / +(this.workCells[0].getAttribute('colspan') || 1);
-        const currentPercentage = (actualCellWidth * tr.children.length) / (conWidth / 100);
-        const apps = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
-        apps.forEach((app) => {
-            if (this.parent.enableRtl && app.style.right !== '0px') {
-                app.style.right = ((parseFloat(app.style.right) / 100) * currentPercentage) + 'px';
-            }
-            else if (app.style.left !== '0px') {
-                app.style.left = ((parseFloat(app.style.left) / 100) * currentPercentage) + 'px';
-            }
-            app.style.width = ((parseFloat(app.style.width) / 100) * currentPercentage) + 'px';
-        });
-    }
     getFirstChild(index) {
         const query = '.' + CONTENT_TABLE_CLASS + ' tbody td';
         let groupIndex = '';
@@ -9103,13 +9205,23 @@ class TimelineEvent extends MonthEvent {
             endWidth = 0;
         }
         else {
-            const end = getStartEndHours(resetTime(new Date(endDate.getTime())), this.startHour, this.endHour);
-            endWidth = this.getSameDayEventsWidth(endDate, end.endHour);
+            const { startHour, endHour } = getStartEndHours(resetTime(new Date(endDate.getTime())), this.startHour, this.endHour);
+            const interval = this.interval / this.slotCount;
+            const lastSlotEndTime = this.getEndTimeOfLastSlot(startHour, endHour, interval);
+            const adjustedEndDate = endHour < lastSlotEndTime ? endHour : lastSlotEndTime;
+            endWidth = this.getSameDayEventsWidth(endDate, adjustedEndDate);
             endWidth = ((this.slotsPerDay * this.cellWidth) === endWidth) ? 0 : endWidth;
         }
         const spannedWidth = startWidth + endWidth;
         return (width > spannedWidth) ? width - spannedWidth : width - startWidth;
     }
+    getEndTimeOfLastSlot(startHour, endHour, interval) {
+        const minutesInDay = (endHour.getTime() - startHour.getTime()) / (1000 * 60);
+        const lastSlotEndMinutes = Math.floor(minutesInDay / interval) * interval;
+        const lastSlotEndTime = new Date(startHour);
+        lastSlotEndTime.setMinutes(lastSlotEndMinutes);
+        return lastSlotEndTime;
+    }
     isSameDay(startTime, endTime) {
         const startDay = this.parent.getIndexOfDate(this.dateRender, resetTime(new Date(startTime.getTime())));
         const endDay = this.parent.getIndexOfDate(this.dateRender, resetTime(new Date(endTime.getTime())));
@@ -9307,7 +9419,8 @@ class InlineEdit {
             else {
                 subject = args.data[this.parent.eventFields.subject];
             }
-            inlineSubject = createElement('input', { className: INLINE_SUBJECT_CLASS, attrs: { value: subject } });
+            inlineSubject = this.inlineInputEle =
+                createElement('input', { className: INLINE_SUBJECT_CLASS, attrs: { value: subject } });
             if (closest(args.element, '.' + MORE_POPUP_WRAPPER_CLASS)) {
                 args.element.insertBefore(inlineSubject, subEle);
             }
@@ -9424,8 +9537,7 @@ class InlineEdit {
         }
         return saveObj;
     }
-    documentClick() {
-        const target = this.parent.element.querySelector('.' + INLINE_SUBJECT_CLASS);
+    documentClick(target) {
         if (target && target.value !== '') {
             this.inlineCrudActions(target);
         }
@@ -9457,7 +9569,8 @@ class InlineEdit {
         });
         const inlineDetails = createElement('div', { className: APPOINTMENT_DETAILS });
         inlineAppointmentElement.appendChild(inlineDetails);
-        const inline = createElement('input', { className: INLINE_SUBJECT_CLASS });
+        const inline = this.inlineInputEle =
+            createElement('input', { className: INLINE_SUBJECT_CLASS });
         inlineDetails.appendChild(inline);
         if (inlineData) {
             this.parent.eventBase.applyResourceColor(inlineAppointmentElement, inlineData, 'backgroundColor');
@@ -9467,9 +9580,15 @@ class InlineEdit {
     removeInlineAppointmentElement() {
         const inlineAppointment = [].slice.call(this.parent.element.querySelectorAll('.' + INLINE_APPOINTMENT_CLASS));
         if (inlineAppointment.length > 0) {
-            inlineAppointment.forEach((node) => remove(node));
+            inlineAppointment.forEach((node) => {
+                const inlineSubject = node.querySelector('.' + INLINE_SUBJECT_CLASS);
+                if (!isNullOrUndefined(inlineSubject)) {
+                    inlineSubject.blur();
+                }
+                remove(node);
+            });
         }
-        const inlineSubject = this.parent.element.querySelector('.' + INLINE_SUBJECT_CLASS);
+        const inlineSubject = this.getInlineElement();
         if (inlineSubject) {
             const appointmentSubject = closest(inlineSubject, '.' + APPOINTMENT_CLASS);
             const subject = appointmentSubject.querySelector('.' + SUBJECT_CLASS);
@@ -9478,8 +9597,13 @@ class InlineEdit {
             }
             remove(inlineSubject);
         }
+        this.inlineInputEle = null;
+    }
+    getInlineElement() {
+        return this.inlineInputEle;
     }
     destroy() {
+        this.inlineInputEle = null;
         this.parent.off(inlineClick, this.inlineEdit);
     }
 }
@@ -9855,7 +9979,7 @@ class QuickPopups {
             okButton.setAttribute('aria-label', cancelButton.innerHTML);
         }
         this.quickDialogClass('Alert');
-        this.showQuickDialog('ValidationAlert', eventData);
+        this.showQuickDialog(type === 'overlapAlert' ? 'OverlapAlert' : 'ValidationAlert', eventData);
     }
     showQuickDialog(popupType, eventData) {
         this.quickDialog.dataBind();
@@ -9863,6 +9987,9 @@ class QuickPopups {
             type: popupType, cancel: false, element: this.quickDialog.element,
             data: extend({}, (eventData || this.parent.activeEventData.event), null, true)
         };
+        if (!this.parent.activeViewOptions.allowOverlap) {
+            eventProp.overlapEvents = this.parent.overlapAppointments;
+        }
         this.parent.trigger(popupOpen, eventProp, (popupArgs) => {
             if (!popupArgs.cancel) {
                 this.quickDialog.show();
@@ -10864,16 +10991,20 @@ class QuickPopups {
     }
     documentClick(e) {
         const target = e.event.target;
-        const classNames = '.' + POPUP_WRAPPER_CLASS + ',.' + HEADER_CELLS_CLASS + ',.' + ALLDAY_CELLS_CLASS +
+        const isInsideDialog = !!closest(target, '.e-dialog');
+        let classNames = '.' + POPUP_WRAPPER_CLASS + ',.' + HEADER_CELLS_CLASS + ',.' + ALLDAY_CELLS_CLASS +
             ',.' + WORK_CELLS_CLASS + ',.' + APPOINTMENT_CLASS;
+        if (!isInsideDialog) {
+            classNames += ',.e-popup';
+        }
         const popupWrap = this.parent.element.querySelector('.' + POPUP_WRAPPER_CLASS);
         if ((popupWrap && popupWrap.childElementCount > 0 && !closest(target, classNames)) || !closest(target, classNames)) {
             this.quickPopupHide();
             this.parent.removeNewEventElement();
         }
-        const tar = this.parent.element.querySelector('.' + INLINE_SUBJECT_CLASS);
-        if (tar && tar !== target && this.parent.allowInline) {
-            this.parent.inlineModule.documentClick();
+        const tar = this.parent.allowInline ? this.parent.inlineModule.getInlineElement() : null;
+        if (tar && tar !== target) {
+            this.parent.inlineModule.documentClick(tar);
         }
         if (closest(target, '.' + APPOINTMENT_CLASS + ',.' + HEADER_CELLS_CLASS)) {
             this.parent.removeNewEventElement();
@@ -11123,6 +11254,23 @@ class EventTooltip {
         if (args.element && this.parent.isReact && !isNullOrUndefined(this.parent.eventSettings.tooltipTemplate)) {
             addClass([args.element], TOOLTIP_HIDDEN_CLASS);
         }
+        const record = this.parent.eventBase.getEventByGuid(args.target.getAttribute('data-guid'));
+        if (isNullOrUndefined(record)) {
+            return;
+        }
+        const callbackArgs = {
+            cancel: false,
+            data: record,
+            content: args.element,
+            target: args.target
+        };
+        this.parent.trigger(tooltipOpen, callbackArgs, (callbackArgs) => {
+            if (callbackArgs.cancel) {
+                args.cancel = true;
+                return;
+            }
+            args.element = callbackArgs.content;
+        });
     }
     onTooltipClose(args) {
         if (args.element) {
@@ -11169,6 +11317,7 @@ const MONETHEXPANDERWRAPPER = 'e-month-expander';
 const MONETHEXPANDWRAPPER = 'e-month-expand-wrapper';
 const MONTHEXPANDERELEMENT = 'e-month-expander-element';
 const MONTHEXPANDERCHECKBOXWRAPPER = 'e-month-expander-checkbox-wrapper';
+const REPEATONWEEKSELECTOR = 'e-repeat-on-week-selector';
 const FORMLEFT = 'e-form-left';
 const FORMRIGHT = 'e-form-right';
 const MONTHDAYWRAPPER = 'e-month-day';
@@ -11862,7 +12011,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
             this.localeObj.getConstant('on') + '" />' +
             '</div></td></tr>' +
             '<tr><td>' +
-            '<div class="' + INPUTWARAPPER + ' ' + MONTHEXPANDERCHECKBOXWRAPPER + '" style="min-width: 30px;margin-bottom:18px;">' +
+            '<div class="' + INPUTWARAPPER + ' ' + MONTHEXPANDERCHECKBOXWRAPPER + ' ' + REPEATONWEEKSELECTOR + '">' +
             '<input class="' + MONTHEXPANNDERELEM + '"title="' + this.localeObj.getConstant('monthExpander') + '" type="radio">' +
             '</div></td>' +
             '<td><div class="' + INPUTWARAPPER + ' ' + WEEKPOSITION + '" >' +
@@ -12259,6 +12408,12 @@ __decorate([
 __decorate([
     Event()
 ], RecurrenceEditor.prototype, "change", void 0);
+__decorate([
+    Event()
+], RecurrenceEditor.prototype, "created", void 0);
+__decorate([
+    Event()
+], RecurrenceEditor.prototype, "destroyed", void 0);
 RecurrenceEditor = __decorate([
     NotifyPropertyChanges
 ], RecurrenceEditor);
@@ -12534,6 +12689,7 @@ class EventWindow {
         const callBackPromise = new Deferred();
         this.parent.trigger(popupOpen, eventProp, (popupArgs) => {
             args.cancel = popupArgs.cancel;
+            args.maxHeight = this.parent.isAdaptive ? 'max-content' : args.maxHeight;
             this.duration = this.cellClickAction ? popupArgs.duration : null;
             if (this.eventData[this.fields.endTime].getTime() === endTime && !this.cellClickAction &&
                 this.eventData[this.fields.endTime].getHours() === 0 &&
@@ -12683,7 +12839,8 @@ class EventWindow {
         const description = this.createDivElement(DESCRIPTION_CLASS + '-row');
         description.appendChild(this.renderTextBox(DESCRIPTION_CLASS));
         parentDiv.appendChild(description);
-        const submit = createElement('button', { attrs: { type: 'hidden', title: 'submit', style: 'display:none' } });
+        const submit = createElement('button', { attrs: { type: 'hidden', title: 'submit' } });
+        submit.style.display = 'none';
         parentDiv.appendChild(submit);
         return parentDiv;
     }
@@ -12775,7 +12932,9 @@ class EventWindow {
         const resourceInput = this.createInputElement(value + ' ' + EVENT_FIELD$1, fieldName);
         resourceDiv.appendChild(resourceInput);
         const resourceTemplate = function (data) {
-            return SanitizeHtmlHelper.sanitize(`<div class="e-resource-template"><div class="e-resource-color" style="background-color:${data[resourceData.colorField]}"></div><div class="e-resource-text">${data[resourceData.textField]}</div></div>`);
+            return SanitizeHtmlHelper.sanitize(`<div class="e-resource-template">
+                <div class="e-resource-color" data-resource-color="${data[resourceData.colorField]}"></div>
+                <div class="e-resource-text">${data[resourceData.textField]}</div></div>`);
         };
         initializeCSPTemplate(resourceTemplate, resourceData);
         if (resourceData.allowMultiple) {
@@ -12795,7 +12954,12 @@ class EventWindow {
                 placeholder: labelValue,
                 popupHeight: '230px',
                 popupWidth: '447px',
-                mode: 'Box'
+                mode: 'Box',
+                open: (args) => {
+                    Promise.resolve().then(() => {
+                        this.applyStylesAfterRender(args);
+                    });
+                }
             });
             listObj.appendTo(resourceInput);
         }
@@ -12814,12 +12978,29 @@ class EventWindow {
                 placeholder: labelValue,
                 popupHeight: '230px',
                 popupWidth: '447px',
-                itemTemplate: resourceTemplate
+                itemTemplate: resourceTemplate,
+                open: (args) => {
+                    Promise.resolve().then(() => {
+                        this.applyStylesAfterRender(args);
+                    });
+                }
             });
             dropDownList.appendTo(resourceInput);
         }
         return resourceDiv;
     }
+    applyStylesAfterRender(args) {
+        if (!args.popup || !args.popup.element) {
+            return;
+        }
+        const resourceColors = args.popup.element.querySelectorAll('.e-resource-color[data-resource-color]');
+        resourceColors.forEach((element) => {
+            const color = element.getAttribute('data-resource-color');
+            if (color) {
+                element.style.backgroundColor = color;
+            }
+        });
+    }
     renderDropDown(value) {
         const fieldName = this.getFieldName(value);
         const timezoneDiv = this.createDivElement(value + '-container');
@@ -13619,6 +13800,9 @@ class EventWindow {
             if (eventObj[this.fields.isReadonly]) {
                 return false;
             }
+            if (this.parent.eventBase.checkOverlap(eventObj)) {
+                return true;
+            }
             let currentAction;
             if (!isNullOrUndefined(editedData[this.fields.recurrenceRule])) {
                 currentAction = this.parent.currentAction;
@@ -13653,6 +13837,9 @@ class EventWindow {
         }
         else {
             this.parent.currentAction = 'Add';
+            if (this.parent.eventBase.checkOverlap(eventObj)) {
+                return true;
+            }
             if (isResourceEventExpand) {
                 this.resourceSaveEvent(eventObj, this.parent.currentAction);
             }
@@ -14237,13 +14424,13 @@ class VirtualScroll {
     constructor(parent) {
         this.translateY = 0;
         this.itemSize = 60;
-        this.bufferCount = 3;
         this.renderedLength = 0;
         this.averageRowHeight = 0;
         this.startIndex = 0;
         this.existingDataCollection = [];
         this.enableTransition = true;
         this.parent = parent;
+        this.bufferCount = parent.activeViewOptions.overscanCount < 3 ? 3 : parent.activeViewOptions.overscanCount;
         this.addEventListener();
     }
     addEventListener() {
@@ -14517,6 +14704,7 @@ class VirtualScroll {
     }
     getCollection(startIndex, endIndex) {
         this.translateY = startIndex * this.itemSize;
+        startIndex = (startIndex < 0) ? 0 : startIndex;
         const lastLevel = this.getResCollection(startIndex, endIndex);
         if (this.parent.enableRtl) {
             this.translateY = -this.translateY;
@@ -14525,6 +14713,7 @@ class VirtualScroll {
     }
     getResCollection(startIndex, endIndex) {
         const lastLevel = this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 1];
+        endIndex = endIndex > lastLevel.length ? lastLevel.length - 1 : endIndex;
         let resCollection = [];
         const index = { startIndex: 0, endIndex: 0 };
         if (this.parent.activeViewOptions.group.byDate) {
@@ -15170,12 +15359,81 @@ class Crud {
             });
         }
     }
+    processAddEvent(addArgs) {
+        const fields = this.parent.eventFields;
+        const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
+        let promise;
+        if (addArgs.addedRecords instanceof Array) {
+            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);
+            }
+            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+        }
+        else {
+            const event = this.parent.eventBase.processTimezone(addArgs.addedRecords, true);
+            editParams.addedRecords.push(event);
+            promise = this.parent.dataModule.dataManager.insert(event, this.getTable(), this.getQuery());
+        }
+        const crudArgs = {
+            requestType: 'eventCreated', cancel: false, data: addArgs.addedRecords, promise: promise, editParams: editParams
+        };
+        this.refreshData(crudArgs);
+    }
+    processSaveEvent(saveArgs) {
+        let promise;
+        const fields = this.parent.eventFields;
+        const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
+        if (saveArgs.changedRecords instanceof Array) {
+            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);
+            }
+            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+        }
+        else {
+            const event = this.parent.eventBase.processTimezone(saveArgs.changedRecords, true);
+            editParams.changedRecords.push(event);
+            promise = this.parent.dataModule.dataManager.update(fields.id, event, this.getTable(), this.getQuery());
+        }
+        const cloneEvent = extend({}, saveArgs.changedRecords[saveArgs.changedRecords.length - 1], null, true);
+        this.parent.eventBase.selectWorkCellByTime([this.parent.eventBase.processTimezone(cloneEvent)]);
+        const crudArgs = {
+            requestType: 'eventChanged', cancel: false,
+            data: saveArgs.changedRecords, promise: promise, editParams: editParams
+        };
+        this.refreshData(crudArgs);
+    }
+    processDeleteEvent(deleteArgs) {
+        let promise;
+        const fields = this.parent.eventFields;
+        const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
+        if (deleteArgs.deletedRecords.length > 1) {
+            editParams.deletedRecords = editParams.deletedRecords.concat(deleteArgs.deletedRecords);
+            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+        }
+        else {
+            editParams.deletedRecords.push(deleteArgs.deletedRecords[0]);
+            promise = this.parent.dataModule.dataManager.remove(fields.id, deleteArgs.deletedRecords[0], this.getTable(), this.getQuery());
+        }
+        this.parent.eventBase.selectWorkCellByTime(deleteArgs.deletedRecords);
+        const crudArgs = {
+            requestType: 'eventRemoved', cancel: false,
+            data: deleteArgs.deletedRecords, promise: promise, editParams: editParams
+        };
+        this.refreshData(crudArgs);
+    }
     addEvent(eventData) {
         if (this.parent.eventSettings.allowAdding && !this.parent.activeViewOptions.readonly) {
             if (!this.isBlockEvent(eventData) && this.parent.eventBase.isBlockRange(eventData)) {
                 this.parent.quickPopup.openValidationError('blockAlert', eventData);
                 return;
             }
+            if (this.parent.eventBase.checkOverlap(eventData)) {
+                return;
+            }
             const addEvents = (eventData instanceof Array) ? eventData : [eventData];
             if (addEvents.length === 0) {
                 return;
@@ -15186,26 +15444,24 @@ class Crud {
             };
             this.parent.trigger(actionBegin, args, (addArgs) => {
                 if (!addArgs.cancel) {
-                    const fields = this.parent.eventFields;
-                    const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
-                    let promise;
-                    if (addArgs.addedRecords instanceof Array) {
-                        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);
-                        }
-                        promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+                    if (addArgs.promise) {
+                        addArgs.promise.then((hasContinue) => {
+                            if (!this.parent || this.parent && this.parent.isDestroyed) {
+                                return;
+                            }
+                            if (hasContinue) {
+                                this.processAddEvent(addArgs);
+                            }
+                        }).catch((e) => {
+                            if (!this.parent || this.parent && this.parent.isDestroyed) {
+                                return;
+                            }
+                            this.parent.trigger(actionFailure, { error: e });
+                        });
                     }
                     else {
-                        const event = this.parent.eventBase.processTimezone(addArgs.addedRecords, true);
-                        editParams.addedRecords.push(event);
-                        promise = this.parent.dataModule.dataManager.insert(event, this.getTable(), this.getQuery());
+                        this.processAddEvent(addArgs);
                     }
-                    const crudArgs = {
-                        requestType: 'eventCreated', cancel: false, data: addArgs.addedRecords, promise: promise, editParams: editParams
-                    };
-                    this.refreshData(crudArgs);
                 }
             });
         }
@@ -15240,35 +15496,33 @@ class Crud {
                 }
             }
             else {
+                if (this.parent.eventBase.checkOverlap(eventData)) {
+                    return;
+                }
                 const args = {
                     requestType: 'eventChange', cancel: false, data: eventData,
                     addedRecords: [], changedRecords: updateEvents, deletedRecords: []
                 };
                 this.parent.trigger(actionBegin, args, (saveArgs) => {
                     if (!saveArgs.cancel) {
-                        let promise;
-                        const fields = this.parent.eventFields;
-                        const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
-                        if (saveArgs.changedRecords instanceof Array) {
-                            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);
-                            }
-                            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+                        if (saveArgs.promise) {
+                            saveArgs.promise.then((hasContinue) => {
+                                if (!this.parent || this.parent && this.parent.isDestroyed) {
+                                    return;
+                                }
+                                if (hasContinue) {
+                                    this.processSaveEvent(saveArgs);
+                                }
+                            }).catch((e) => {
+                                if (!this.parent || this.parent && this.parent.isDestroyed) {
+                                    return;
+                                }
+                                this.parent.trigger(actionFailure, { error: e });
+                            });
                         }
                         else {
-                            const event = this.parent.eventBase.processTimezone(saveArgs.changedRecords, true);
-                            editParams.changedRecords.push(event);
-                            promise = this.parent.dataModule.dataManager.update(fields.id, event, this.getTable(), this.getQuery());
+                            this.processSaveEvent(saveArgs);
                         }
-                        const cloneEvent = extend({}, saveArgs.changedRecords[saveArgs.changedRecords.length - 1], null, true);
-                        this.parent.eventBase.selectWorkCellByTime([this.parent.eventBase.processTimezone(cloneEvent)]);
-                        const crudArgs = {
-                            requestType: 'eventChanged', cancel: false,
-                            data: saveArgs.changedRecords, promise: promise, editParams: editParams
-                        };
-                        this.refreshData(crudArgs);
                     }
                 });
             }
@@ -15310,23 +15564,24 @@ class Crud {
                 };
                 this.parent.trigger(actionBegin, args, (deleteArgs) => {
                     if (!deleteArgs.cancel) {
-                        let promise;
-                        const fields = this.parent.eventFields;
-                        const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
-                        if (deleteArgs.deletedRecords.length > 1) {
-                            editParams.deletedRecords = editParams.deletedRecords.concat(deleteArgs.deletedRecords);
-                            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+                        if (deleteArgs.promise) {
+                            deleteArgs.promise.then((hasContinue) => {
+                                if (!this.parent || this.parent && this.parent.isDestroyed) {
+                                    return;
+                                }
+                                if (hasContinue) {
+                                    this.processDeleteEvent(deleteArgs);
+                                }
+                            }).catch((e) => {
+                                if (!this.parent || this.parent && this.parent.isDestroyed) {
+                                    return;
+                                }
+                                this.parent.trigger(actionFailure, { error: e });
+                            });
                         }
                         else {
-                            editParams.deletedRecords.push(deleteArgs.deletedRecords[0]);
-                            promise = this.parent.dataModule.dataManager.remove(fields.id, deleteArgs.deletedRecords[0], this.getTable(), this.getQuery());
+                            this.processDeleteEvent(deleteArgs);
                         }
-                        this.parent.eventBase.selectWorkCellByTime(deleteArgs.deletedRecords);
-                        const crudArgs = {
-                            requestType: 'eventRemoved', cancel: false,
-                            data: deleteArgs.deletedRecords, promise: promise, editParams: editParams
-                        };
-                        this.refreshData(crudArgs);
                     }
                 });
             }
@@ -17558,6 +17813,8 @@ let Schedule = class Schedule extends Component {
             readonly: this.readonly,
             startHour: this.startHour,
             allowVirtualScrolling: false,
+            allowOverlap: this.allowOverlap,
+            overscanCount: this.overscanCount,
             cellHeaderTemplate: this.cellHeaderTemplate,
             dayHeaderTemplate: this.dayHeaderTemplate,
             monthHeaderTemplate: this.monthHeaderTemplate,
@@ -18011,6 +18268,7 @@ let Schedule = class Schedule extends Component {
             startEndError: 'The selected end date occurs before the start date.',
             invalidDateError: 'The entered date value is invalid.',
             blockAlert: 'Events cannot be scheduled within the blocked time range.',
+            overlapAlert: 'Events cannot be scheduled during the chosen time as it overlaps with another event.',
             ok: 'Ok',
             yes: 'Yes',
             no: 'No',
@@ -18908,6 +19166,7 @@ let Schedule = class Schedule extends Component {
             case 'allowDragAndDrop':
             case 'allowResizing':
             case 'eventDragArea':
+            case 'allowOverlap':
                 this.refreshEvents(false);
                 break;
             case 'weekRule':
@@ -19947,6 +20206,52 @@ let Schedule = class Schedule extends Component {
             this.quickPopup.quickPopupHide(true);
         }
     }
+    /**
+     * To manually open the overlap validation Alert.
+     *
+     * @param {PopupOpenEventArgs} args The arguments for opening the popup.
+     * @param {string} args.type Defines the type of overlap alert (e.g., 'OverlapAlert').
+     * @param {Record<string, any>} args.data The data associated with the popup.
+     * @param {Record<string, any>[]} args.overlapEvents The overlap events.
+     * @returns {void}
+     */
+    openOverlapAlert(args) {
+        if (this.quickPopup) {
+            const eventProp = {
+                type: 'OverlapAlert',
+                cancel: false,
+                element: this.quickPopup.quickDialog.element,
+                data: args.data,
+                overlapEvents: args.overlapEvents
+            };
+            this.trigger(popupOpen, eventProp, (popupArgs) => {
+                if (!popupArgs.cancel) {
+                    this.quickPopup.openValidationError('overlapAlert', args.data);
+                }
+            });
+        }
+    }
+    /**
+     * To manually close the overlap validation Alert.
+     *
+     * @function closeOverlapValidationAlert
+     * @returns {void}
+     */
+    closeOverlapAlert() {
+        if (this.quickPopup) {
+            const args = {
+                type: 'OverlapAlert',
+                cancel: false,
+                data: this.activeEventData.event,
+                element: this.quickPopup.quickDialog.element
+            };
+            this.trigger(popupClose, args, (popupArgs) => {
+                if (!popupArgs.cancel) {
+                    this.quickPopup.quickDialog.hide();
+                }
+            });
+        }
+    }
     /**
      * Closes the tooltip.
      * For example, when the context menu is opened for an event,
@@ -20141,6 +20446,12 @@ __decorate$b([
 __decorate$b([
     Property(true)
 ], Schedule.prototype, "allowSwiping", void 0);
+__decorate$b([
+    Property(true)
+], Schedule.prototype, "allowOverlap", void 0);
+__decorate$b([
+    Property(3)
+], Schedule.prototype, "overscanCount", void 0);
 __decorate$b([
     Collection([], ToolbarItem)
 ], Schedule.prototype, "toolbarItems", void 0);
@@ -20399,6 +20710,15 @@ __decorate$b([
 __decorate$b([
     Event()
 ], Schedule.prototype, "beforePaste", void 0);
+__decorate$b([
+    Event()
+], Schedule.prototype, "beforePrint", void 0);
+__decorate$b([
+    Event()
+], Schedule.prototype, "excelExport", void 0);
+__decorate$b([
+    Event()
+], Schedule.prototype, "tooltipOpen", void 0);
 Schedule = __decorate$b([
     NotifyPropertyChanges
 ], Schedule);
@@ -20486,7 +20806,9 @@ class ActionBase {
     }
     calculateIntervalTime(date) {
         let dateInMS = resetTime(date).getTime();
+        const startHour = this.parent.activeView.getStartHour();
         const intervalInMS = MS_PER_MINUTE * this.actionObj.interval;
+        dateInMS += (startHour.getHours() * 60 + startHour.getMinutes()) * MS_PER_MINUTE + startHour.getSeconds() * 1000;
         dateInMS = dateInMS + Math.floor((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
         return new Date(dateInMS);
     }
@@ -20593,7 +20915,8 @@ class ActionBase {
         return originalElement;
     }
     createCloneElement(element) {
-        const cloneWrapper = createElement('div', { innerHTML: element.outerHTML });
+        const cloneWrapper = document.createElement('div');
+        cloneWrapper.appendChild(element.cloneNode(true));
         const cloneElement = cloneWrapper.children[0];
         const cloneClassLists = [CLONE_ELEMENT_CLASS];
         cloneClassLists.push((this.actionObj.action === 'drag') ? DRAG_CLONE_CLASS : RESIZE_CLONE_CLASS);
@@ -21152,6 +21475,9 @@ class Resize extends ActionBase {
             if (resizeEventArgs.cancel) {
                 return;
             }
+            if (this.parent.eventBase.checkOverlap(resizeEventArgs.data)) {
+                return;
+            }
             if (this.parent.isSpecificResourceEvents()) {
                 this.parent.crudModule.crudObj.sourceEvent =
                     [this.parent.resourceBase.lastResourceLevel[parseInt(resizeEventArgs.element.getAttribute('data-group-index'), 10)]];
@@ -21276,7 +21602,7 @@ class Resize extends ActionBase {
                 resizeTime.setHours(eventEnd.getHours(), eventEnd.getMinutes(), eventEnd.getSeconds());
             }
         }
-        const isNotHourSlot = ['TimelineMonth', 'Year', 'Month', 'Week', 'Date'].indexOf(headerName) !== -1 ||
+        const isNotHourSlot = ['TimelineMonth', 'Year', 'Month', 'Week', 'WorkWeek', 'Date', 'Day'].indexOf(headerName) !== -1 ||
             !this.parent.activeViewOptions.timeScale.enable;
         if (isLeft) {
             if ((eventEnd.getTime() - resizeTime.getTime()) <= 0) {
@@ -21451,7 +21777,7 @@ class YearEvent extends TimelineEvent {
             this.parent.dragAndDropModule.setDragArea();
         }
         this.fields = this.parent.eventFields;
-        const elementSelector = (this.parent.currentView === 'Year') ? '.' + APPOINTMENT_CLASS :
+        const elementSelector = (this.parent.currentView === 'Year') ? '.' + WORK_CELLS_CLASS + ' ' + '.' + APPOINTMENT_CLASS :
             '.' + APPOINTMENT_WRAPPER_CLASS + ',.' + MORE_INDICATOR_CLASS;
         const eventWrappers = [].slice.call(this.parent.element.querySelectorAll(elementSelector));
         for (const wrapper of eventWrappers) {
@@ -22413,6 +22739,9 @@ class DragAndDrop extends ActionBase {
             if (dragEventArgs.cancel) {
                 return;
             }
+            if (this.parent.eventBase.checkOverlap(dragEventArgs.data)) {
+                return;
+            }
             if (this.parent.isSpecificResourceEvents()) {
                 this.parent.crudModule.crudObj.isCrudAction = true;
                 this.parent.crudModule.crudObj.sourceEvent =
@@ -25047,8 +25376,10 @@ class Month extends ViewBase {
         this.retainScrollPosition();
     }
     scrollToSelectedDate() {
+        const selectedDate = new Date(this.parent.selectedDate);
+        selectedDate.setHours(0, 0, 0, 0);
         const headerCell = this.element.querySelector('.' + HEADER_CELLS_CLASS + '[data-date="'
-            + this.parent.selectedDate.getTime().toString() + '"]');
+            + selectedDate.getTime().toString() + '"]');
         const content = this.getContentAreaElement();
         if (!isNullOrUndefined(headerCell)) {
             content.scrollLeft = !this.parent.enableRtl ?
@@ -28582,8 +28913,14 @@ class ExcelExport {
             rows.push({ index: i + 2, cells: columnData });
         });
         const workSheet = [{ columns: columns, rows: rows }];
-        const book = new Workbook({ worksheets: workSheet }, type, this.parent.locale, undefined, separator);
-        book.save(name + '.' + type);
+        const args = { cancel: false, worksheets: workSheet };
+        this.parent.trigger(excelExport, args, (args) => {
+            if (args.cancel) {
+                return;
+            }
+            const book = new Workbook({ worksheets: args.worksheets }, type, this.parent.locale, undefined, separator);
+            book.save(name + '.' + type);
+        });
     }
     getExportColumns(exportOptions) {
         const exportColumns = exportOptions.fieldsInfo || [];
@@ -28620,46 +28957,52 @@ class Print {
     printScheduler() {
         const clone = this.parent.element.cloneNode(true);
         clone.id = this.parent.element.id + '_print';
-        document.body.appendChild(clone);
-        const className = this.parent.currentView === 'MonthAgenda' ? '.e-appointment-wrap' : '.e-content-wrap';
-        const scrollableEle = this.parent.element.querySelector(className);
-        const links = [].slice.call(document.getElementsByTagName('head')[0].querySelectorAll('link, style'));
-        let reference = '';
-        for (const link of links) {
-            reference += link.outerHTML;
-        }
-        const div = createElement('div');
-        clone.style.width = this.parent.element.offsetWidth + 'px';
-        const elementWidth = Math.round((parseInt(clone.style.width, 10)) / 100) * 100;
-        div.appendChild(clone);
-        const printWindow = window.open('', 'print', 'height=550,width=' + elementWidth + ',tabbar=no');
-        printWindow.document.write('<!DOCTYPE html><html><head>' + reference + '</head><body>' + div.innerHTML +
-            '<script>(function() { window.ready = true; })();</script></body></html>');
-        printWindow.document.close();
-        printWindow.focus();
-        setTimeout(() => {
-            if (printWindow.ready && scrollableEle) {
-                // eslint-disable-next-line no-self-assign
-                scrollableEle.scrollLeft = scrollableEle.scrollLeft;
-                // eslint-disable-next-line no-self-assign
-                scrollableEle.scrollTop = scrollableEle.scrollTop;
-                const headerTimeCellsScroll = printWindow.document.querySelector('.e-date-header-wrap');
-                if (headerTimeCellsScroll) {
-                    headerTimeCellsScroll.scrollLeft = scrollableEle.scrollLeft;
-                }
-                const timeCellsScroll = printWindow.document.querySelector('.e-time-cells-wrap');
-                if (timeCellsScroll) {
-                    timeCellsScroll.scrollTop = scrollableEle.scrollTop;
-                }
-                const contentCellScroll = printWindow.document.querySelector(className);
-                if (contentCellScroll) {
-                    contentCellScroll.scrollLeft = scrollableEle.scrollLeft;
-                    contentCellScroll.scrollTop = scrollableEle.scrollTop;
-                }
-                printWindow.print();
-                printWindow.close();
-            }
-        }, 500);
+        const args = { cancel: false, printElement: clone };
+        this.parent.trigger(beforePrint, args, (printElement) => {
+            if (printElement.cancel) {
+                return;
+            }
+            document.body.appendChild(clone);
+            const className = this.parent.currentView === 'MonthAgenda' ? '.e-appointment-wrap' : '.e-content-wrap';
+            const scrollableEle = this.parent.element.querySelector(className);
+            const links = [].slice.call(document.getElementsByTagName('head')[0].querySelectorAll('link, style'));
+            let reference = '';
+            for (const link of links) {
+                reference += link.outerHTML;
+            }
+            const div = createElement('div');
+            clone.style.width = this.parent.element.offsetWidth + 'px';
+            const elementWidth = Math.round((parseInt(clone.style.width, 10)) / 100) * 100;
+            div.appendChild(clone);
+            const printWindow = window.open('', 'print', 'height=550,width=' + elementWidth + ',tabbar=no');
+            printWindow.document.write('<!DOCTYPE html><html><head>' + reference + '</head><body>' + div.innerHTML +
+                '<script>(function() { window.ready = true; })();</script></body></html>');
+            printWindow.document.close();
+            printWindow.focus();
+            setTimeout(() => {
+                if (printWindow.ready && scrollableEle) {
+                    // eslint-disable-next-line no-self-assign
+                    scrollableEle.scrollLeft = scrollableEle.scrollLeft;
+                    // eslint-disable-next-line no-self-assign
+                    scrollableEle.scrollTop = scrollableEle.scrollTop;
+                    const headerTimeCellsScroll = printWindow.document.querySelector('.e-date-header-wrap');
+                    if (headerTimeCellsScroll) {
+                        headerTimeCellsScroll.scrollLeft = scrollableEle.scrollLeft;
+                    }
+                    const timeCellsScroll = printWindow.document.querySelector('.e-time-cells-wrap');
+                    if (timeCellsScroll) {
+                        timeCellsScroll.scrollTop = scrollableEle.scrollTop;
+                    }
+                    const contentCellScroll = printWindow.document.querySelector(className);
+                    if (contentCellScroll) {
+                        contentCellScroll.scrollLeft = scrollableEle.scrollLeft;
+                        contentCellScroll.scrollTop = scrollableEle.scrollTop;
+                    }
+                    printWindow.print();
+                    printWindow.close();
+                }
+            }, 500);
+        });
     }
     printSchedulerWithModel(printOptions) {
         const element = createElement('div', { id: this.parent.element.id + '_print', className: 'e-print-schedule' });
@@ -28670,10 +29013,17 @@ class Print {
         this.printInstance.registeredTemplate = this.parent.registeredTemplate;
         this.printInstance.root = this.parent.root ? this.parent.root : this.parent;
         this.printInstance.appendTo(element);
-        this.printInstance.on(print, this.contentReady, this);
-        this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
-        this.printWindow.moveTo(0, 0);
-        this.printWindow.resizeTo(screen.availWidth, screen.availHeight);
+        const args = { cancel: false, printElement: element };
+        this.parent.trigger(beforePrint, args, (printElement) => {
+            if (printElement.cancel) {
+                this.printCleanup();
+                return;
+            }
+            this.printInstance.on(print, this.contentReady, this);
+            this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
+            this.printWindow.moveTo(0, 0);
+            this.printWindow.resizeTo(screen.availWidth, screen.availHeight);
+        });
     }
     getPrintScheduleModel(printOptions) {
         const printModel = {};
@@ -28751,16 +29101,38 @@ class Print {
     }
     contentReady() {
         this.printWindow = print$1(this.printInstance.element, this.printWindow);
+        this.closePrintWindow(this.printWindow, true);
         this.printWindow.onbeforeunload = () => {
-            if (this.printInstance) {
-                this.printInstance.off(print, this.contentReady);
-                this.printInstance.element.remove();
-                this.printInstance.destroy();
-                this.printInstance = null;
-            }
-            this.printWindow = null;
+            this.printCleanup();
         };
     }
+    closePrintWindow(printWindow, cleanupRequired) {
+        if (Browser.isIos) {
+            const printInterval = setInterval(() => {
+                if (printWindow.opener) {
+                    printWindow.close();
+                }
+                else if (isNullOrUndefined(printWindow.opener)) {
+                    if (cleanupRequired) {
+                        this.printCleanup();
+                    }
+                    clearInterval(printInterval);
+                }
+            }, 500);
+        }
+    }
+    printCleanup() {
+        if (this.printInstance) {
+            this.printInstance.off(print, this.contentReady);
+            this.printInstance.element.remove();
+            this.printInstance.destroy();
+            this.printInstance = null;
+        }
+        if (this.printWindow) {
+            this.printWindow.onbeforeunload = null;
+            this.printWindow = null;
+        }
+    }
     getModuleName() {
         return 'print';
     }
@@ -28769,5 +29141,5 @@ class Print {
     }
 }
 
-export { Agenda, DEFAULT_WEEKS, Day, DragAndDrop, ExcelExport, Gregorian, HeaderRenderer, ICalendarExport, ICalendarImport, Islamic, MS_PER_DAY, MS_PER_MINUTE, Month, MonthAgenda, Print, RecurrenceEditor, Resize, Schedule, TimelineMonth, TimelineViews, TimelineYear, Timezone, ViewBase, WEEK_LENGTH, Week, WorkWeek, Year, actionBegin, actionComplete, actionFailure, addDays, addMonths, addYears, agendaCells, beforePaste, capitalizeFirstWord, cellClick, cellDoubleClick, cellMouseDown, cellSelect, contentReady, dataBinding, dataBound, dataReady, dateHeader, documentClick, documentPaste, drag, dragStart, dragStop, eventClick, eventDoubleClick, eventRendered, eventsLoaded, extractObjectFromRule, findIndexInData, firstDateOfMonth, generate, generateSummary, getCalendarUtil, getDateCount, getDateFromRecurrenceDateString, getDateFromString, getDateInMs, getDaysCount, getElementHeight, getElementHeightFromClass, getElementTop, getElementWidth, getElementWidthFromClass, getMaxDays, getOuterHeight, getRecurrenceStringFromDate, getScrollBarWidth, getStartEndHours, getTranslateX, getTranslateY, getUniversalTime, getWeekFirstDate, getWeekLastDate, getWeekMiddleDate, getWeekNumber, hover, initialEnd, initialLoad, inlineClick, isDaylightSavingTime, isIPadDevice, isMobile, lastDateOfMonth, moreEventsClick, navigating, noEvents, popupClose, popupOpen, print, removeChildren, renderCell, resetScrollbarWidth, resetTime, resizeStart, resizeStop, resizing, resourceHeader, scroll, scrollUiUpdate, select, setTime, timezoneData, uiUpdate, virtualScroll, virtualScrollStart, virtualScrollStop };
+export { Agenda, DEFAULT_WEEKS, Day, DragAndDrop, ExcelExport, Gregorian, HeaderRenderer, ICalendarExport, ICalendarImport, Islamic, MS_PER_DAY, MS_PER_MINUTE, Month, MonthAgenda, Print, RecurrenceEditor, Resize, Schedule, TimelineMonth, TimelineViews, TimelineYear, Timezone, ViewBase, WEEK_LENGTH, Week, WorkWeek, Year, actionBegin, actionComplete, actionFailure, addDays, addMonths, addYears, agendaCells, beforePaste, beforePrint, capitalizeFirstWord, cellClick, cellDoubleClick, cellMouseDown, cellSelect, contentReady, dataBinding, dataBound, dataReady, dateHeader, documentClick, documentPaste, drag, dragStart, dragStop, eventClick, eventDoubleClick, eventRendered, eventsLoaded, excelExport, extractObjectFromRule, findIndexInData, firstDateOfMonth, generate, generateSummary, getCalendarUtil, getDateCount, getDateFromRecurrenceDateString, getDateFromString, getDateInMs, getDaysCount, getElementHeight, getElementHeightFromClass, getElementTop, getElementWidth, getElementWidthFromClass, getMaxDays, getOuterHeight, getRecurrenceStringFromDate, getScrollBarWidth, getStartEndHours, getTranslateX, getTranslateY, getUniversalTime, getWeekFirstDate, getWeekLastDate, getWeekMiddleDate, getWeekNumber, hover, initialEnd, initialLoad, inlineClick, isDaylightSavingTime, isIPadDevice, isMobile, lastDateOfMonth, moreEventsClick, navigating, noEvents, popupClose, popupOpen, print, removeChildren, renderCell, resetScrollbarWidth, resetTime, resizeStart, resizeStop, resizing, resourceHeader, scroll, scrollUiUpdate, select, setTime, timezoneData, tooltipOpen, uiUpdate, virtualScroll, virtualScrollStart, virtualScrollStop };
 //# sourceMappingURL=ej2-schedule.es2015.js.map