@syncfusion/ej2-schedule 27.2.5 → 28.1.33

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

@@ -74,6 +74,8 @@ var agendaCells = 'agendaCells';
 var resourceHeader = 'resourceHeader';
 /** @private */
 var dateHeader = 'dateHeader';
+/** @private */
+var beforePaste = 'beforePaste';
 /**
  * Specifies schedule internal events
  */
@@ -100,6 +102,8 @@ var uiUpdate = 'ui-update';
 /** @private */
 var documentClick = 'document-click';
 /** @private */
+var documentPaste = 'document-paste';
+/** @private */
 var cellMouseDown = 'cell-mouse-down';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -1028,6 +1032,8 @@ var SCROLL_HIDDEN = 'e-scroll-hidden';
 var ALLDAY_APPOINTMENT_SCROLL = 'e-all-day-scroll';
 /** @private */
 var ALLDAY_APPOINTMENT_AUTO = 'e-all-day-auto';
+/** @private */
+var CLIPBOARD_CLASS = 'e-clipboard';
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -1504,6 +1510,8 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
             targetType: 'relative',
             relateTo: this.getPopUpRelativeElement(),
             position: { X: 'left', Y: 'bottom' },
+            collision: { X: 'fit' },
+            viewPortElement: this.element,
             enableRtl: this.parent.enableRtl
         });
         var calendarView = this.getCalendarView();
@@ -1615,10 +1623,10 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
                 }
                 break;
             case 'e-prev':
-                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('previous'), args.originalEvent);
+                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Previous'), args.originalEvent);
                 break;
             case 'e-next':
-                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('next'), args.originalEvent);
+                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Next'), args.originalEvent);
                 break;
             case 'e-add':
                 isSameTime = this.parent.activeCellsData.startTime.getTime() === this.parent.activeCellsData.endTime.getTime();
@@ -1845,6 +1853,9 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         this.touchRightDirection = this.parent.enableRtl ? 'Left' : 'Right';
     }
     ScheduleTouch.prototype.scrollHandler = function (e) {
+        if (!isNullOrUndefined(this.parent.eventTooltip)) {
+            this.parent.eventTooltip.close();
+        }
         var blockSwipe = !this.parent.isAdaptive && e.originalEvent && e.originalEvent.target &&
             !isNullOrUndefined(closest(e.originalEvent.target, '.' + APPOINTMENT_CLASS));
         this.parent.uiStateValues.isTouchScroll = blockSwipe && e.originalEvent.type === 'touchmove' && !this.parent.uiStateValues.action;
@@ -1852,6 +1863,7 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
             this.parent.uiStateValues.isTapHold) {
             return;
         }
+        this.parent.uiStateValues.isSwipeScroll = true;
         if (!this.timeStampStart) {
             this.timeStampStart = Date.now();
         }
@@ -1876,7 +1888,7 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         }
         if (e.scrollDirection === this.touchLeftDirection) {
             if (!this.nextPanel) {
-                this.renderPanel(NEXT_PANEL_CLASS, 'next');
+                this.renderPanel(NEXT_PANEL_CLASS, 'Next');
                 this.nextPanel = {
                     element: this.parent.activeView.getPanel(),
                     selectedDate: new Date(this.parent.selectedDate.getTime()),
@@ -1891,7 +1903,7 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         else if (e.scrollDirection === this.touchRightDirection) {
             var prevWidth = 0;
             if (!this.previousPanel) {
-                this.renderPanel(PREVIOUS_PANEL_CLASS, 'previous');
+                this.renderPanel(PREVIOUS_PANEL_CLASS, 'Previous');
                 this.previousPanel = {
                     element: this.parent.activeView.getPanel(),
                     selectedDate: new Date(this.parent.selectedDate.getTime()),
@@ -2039,6 +2051,7 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(this.element) && !this.element.classList.contains(TRANSLATE_CLASS)) {
             return;
         }
+        this.parent.uiStateValues.isSwipeScroll = false;
         removeClass([this.element], TRANSLATE_CLASS);
         this.element.style.transitionDuration = '';
         this.element.style.transform = '';
@@ -2085,13 +2098,25 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
     return ScheduleTouch;
 }());
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
+var __assign$1 = (undefined && undefined.__assign) || function () {
+    __assign$1 = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$1.apply(this, arguments);
+};
 /**
  * Keyboard interaction
  */
 var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     function KeyboardInteraction(parent) {
         this.selectedCells = [];
+        this.isCutContentPasted = false;
+        this.isCutAction = false;
         this.keyConfigs = {
             downArrow: 'downarrow',
             upArrow: 'uparrow',
@@ -2126,7 +2151,11 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             ctrlShiftLeftArrow: 'ctrl+shift+leftarrow',
             ctrlShiftRightArrow: 'ctrl+shift+rightarrow',
             shiftAltY: 'shift+alt+y',
-            shiftAltN: 'shift+alt+n'
+            shiftAltN: 'shift+alt+n',
+            cut: 'ctrl+x',
+            copy: 'ctrl+c',
+            cmdCut: 'cmd+x',
+            cmdCopy: 'cmd+c'
         };
         this.parent = parent;
         this.parent.element.tabIndex = this.parent.element.tabIndex === -1 ? 0 : this.parent.element.tabIndex;
@@ -2136,6 +2165,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             eventName: 'keydown'
         });
         this.addEventListener();
+        this.createClipboardElement();
     }
     KeyboardInteraction.prototype.keyActionHandler = function (e) {
         switch (e.action) {
@@ -2156,13 +2186,13 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 this.processRight(e, e.shiftKey);
                 break;
             case 'ctrlLeftArrow':
-                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('previous'), e);
+                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Previous'), e);
                 if (this.parent.headerModule) {
                     this.parent.headerModule.element.querySelector('.e-prev button').focus();
                 }
                 break;
             case 'ctrlRightArrow':
-                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('next'), e);
+                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Next'), e);
                 if (this.parent.headerModule) {
                     this.parent.headerModule.element.querySelector('.e-next button').focus();
                 }
@@ -2217,6 +2247,14 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 }
                 this.processShiftAltN(e);
                 break;
+            case 'cut':
+            case 'cmdCut':
+                this.processClipboardAction(true, undefined, e);
+                break;
+            case 'copy':
+            case 'cmdCopy':
+                this.processClipboardAction(false, undefined, e);
+                break;
         }
     };
     KeyboardInteraction.prototype.processShiftAltN = function (e) {
@@ -2264,9 +2302,13 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     };
     KeyboardInteraction.prototype.addEventListener = function () {
         this.parent.on(cellMouseDown, this.onCellMouseDown, this);
+        if (this.parent.allowClipboard) {
+            this.parent.on(documentPaste, this.pasteHandler, this);
+        }
     };
     KeyboardInteraction.prototype.removeEventListener = function () {
         this.parent.off(cellMouseDown, this.onCellMouseDown);
+        this.parent.off(documentPaste, this.pasteHandler);
     };
     KeyboardInteraction.prototype.onCellMouseDown = function (e) {
         if (e.event.shiftKey) {
@@ -2906,7 +2948,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                         return;
                     }
                     var rowIndex = this.isInverseTableSelect() ? key.rowIndex : 0;
-                    this.parent.changeDate(this.parent.activeView.getNextPreviousDate('next'), e);
+                    this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Next'), e);
                     var tableEle = this.parent.getContentTable();
                     var cell = isMonthEnd ? tableEle.rows[parseInt(rowIndex.toString(), 10)].querySelector('.' + WORK_CELLS_CLASS + ':not(.' + OTHERMONTH_CLASS + ')')
                         : tableEle.rows[parseInt(rowIndex.toString(), 10)].cells[0];
@@ -2922,7 +2964,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 this.selectCells(isMultiple, allDayRow.cells[curColIndex + 1]);
             }
             else if (curColIndex === maxColIndex - 1 && !isMultiple) {
-                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('next'), e);
+                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Next'), e);
                 var allDayRow_1 = this.parent.getAllDayRow();
                 this.selectCells(false, allDayRow_1.cells[0]);
             }
@@ -2976,7 +3018,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                         this.selectCells(isMultiple, this.parent.element.querySelector('[data-date="' + (targetDate.getTime() - MS_PER_DAY) + '"]'));
                         return;
                     }
-                    this.parent.changeDate(this.parent.activeView.getNextPreviousDate('previous'), e);
+                    this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Previous'), e);
                     var tableEle = this.parent.getContentTable();
                     var rowIndex = this.isInverseTableSelect() ? key.rowIndex : tableEle.rows.length - 1;
                     var cell = tableEle.rows[parseInt(rowIndex.toString(), 10)].cells[key.maxIndex - 1];
@@ -2996,7 +3038,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 this.selectCells(isMultiple, allDayRow.cells[curColIndex - 1]);
             }
             else if (curColIndex === 0 && !isMultiple) {
-                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('previous'), e);
+                this.parent.changeDate(this.parent.activeView.getNextPreviousDate('Previous'), e);
                 var allDayRow_2 = this.parent.getAllDayRow();
                 this.selectCells(false, allDayRow_2.cells[maxColIndex - 1]);
             }
@@ -3262,6 +3304,221 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS).scrollTop = workCell.offsetTop;
         }
     };
+    KeyboardInteraction.prototype.createClipboardElement = function () {
+        if (!this.parent.allowClipboard) {
+            return;
+        }
+        this.clipBoardTextArea = this.parent.createElement('textarea', {
+            className: CLIPBOARD_CLASS,
+            attrs: {
+                tabindex: '-1'
+            }
+        });
+        this.parent.element.appendChild(this.clipBoardTextArea);
+    };
+    KeyboardInteraction.prototype.setCopy = function (copiedEventData, e) {
+        var _this = this;
+        if (window.getSelection().toString() !== '') {
+            return;
+        }
+        this.clipBoardTextArea.value = '';
+        var eventDetails = { elements: [], eventDatas: [] };
+        if (copiedEventData) {
+            var filteredContent = this.filterReadOnlyEvent(copiedEventData);
+            eventDetails.eventDatas = filteredContent;
+        }
+        else {
+            if (!this.parent || !this.parent.eventBase) {
+                return;
+            }
+            var selectedEvents = this.parent.eventBase.getSelectedEvents();
+            selectedEvents.event = selectedEvents && selectedEvents.event ? Array.isArray(selectedEvents.event)
+                ? this.filterReadOnlyEvent(selectedEvents.event) :
+                this.filterReadOnlyEvent([selectedEvents.event]) : undefined;
+            if (selectedEvents.element && selectedEvents.event) {
+                eventDetails = {
+                    elements: selectedEvents.element,
+                    eventDatas: selectedEvents.event
+                };
+            }
+            else {
+                eventDetails.element = [e.target];
+                eventDetails.eventDatas = [this.parent.getEventDetails(e.target)];
+            }
+        }
+        this.clipBoardTextArea.value = JSON.stringify(eventDetails.eventDatas, undefined, 2);
+        if (!/ipad|ipod|iphone/i.test(Browser.userAgent)) {
+            this.clipBoardTextArea.select();
+        }
+        else {
+            this.clipBoardTextArea.setSelectionRange(0, this.clipBoardTextArea.value.length);
+        }
+        if (!isNullOrUndefined(navigator.clipboard)) {
+            navigator.clipboard.writeText(this.clipBoardTextArea.value)
+                .then(function () {
+                _this.clipBoardTextArea.blur();
+                window.getSelection().removeAllRanges();
+                if (e) {
+                    var closestAppointment = e.target.closest('.' + APPOINTMENT_CLASS);
+                    if (closestAppointment) {
+                        closestAppointment.focus();
+                    }
+                }
+            })
+                .catch(function (err) {
+                throw err;
+            });
+        }
+    };
+    KeyboardInteraction.prototype.filterReadOnlyEvent = function (args) {
+        var _this = this;
+        return args.filter(function (event) { return !event[_this.parent.eventFields.isReadonly]; });
+    };
+    KeyboardInteraction.prototype.processClipboardAction = function (isCut, copiedEventData, e) {
+        if (!this.parent.allowClipboard) {
+            return;
+        }
+        this.isCutAction = isCut;
+        this.isCutContentPasted = false;
+        this.parent.closeQuickInfoPopup();
+        this.setCopy(copiedEventData ? copiedEventData : undefined, e);
+    };
+    KeyboardInteraction.prototype.pasteHandler = function (clipboardEvent, targetElement) {
+        var _this = this;
+        if (!this.parent.allowClipboard || this.isCutContentPasted) {
+            return;
+        }
+        var target = this.parent.getSelectedCells().length > 0
+            ? this.parent.getSelectedCells()
+            : (targetElement ? [targetElement] : []);
+        if (target.length === 0 || this.parent.eventWindow.dialogObject.visible ||
+            this.parent.quickPopup.quickPopup.element.classList.contains(POPUP_OPEN)) {
+            return;
+        }
+        var clipboardData = clipboardEvent.clipboardData || clipboardEvent.event.clipboardData
+            || window.clipboardData;
+        var pastedData = clipboardData.getData('text');
+        if (pastedData === '[]' || pastedData === '') {
+            return;
+        }
+        var parsedData;
+        try {
+            parsedData = JSON.parse(pastedData);
+        }
+        catch (_a) {
+            parsedData = pastedData;
+        }
+        var args = { cancel: false, data: parsedData, element: target };
+        this.parent.trigger(beforePaste, args, function (pasteEventArgs) {
+            if (!pasteEventArgs.cancel) {
+                if (!Array.isArray(pasteEventArgs.data) || !pasteEventArgs.data.every(function (item) { return typeof item === 'object'; })) {
+                    _this.clipBoardTextArea.value = '';
+                    return;
+                }
+                _this.processPaste(pasteEventArgs.data, targetElement);
+                if (_this.isCutAction) {
+                    _this.isCutContentPasted = true;
+                }
+            }
+            else {
+                _this.parent.closeQuickInfoPopup();
+                return;
+            }
+        });
+    };
+    KeyboardInteraction.prototype.processPaste = function (data, targetElement) {
+        if (!this.parent || !this.parent.eventWindow || !this.parent.eventBase || !data || !data.length) {
+            return;
+        }
+        var target = this.getTargetElements(targetElement);
+        var cellDetails = this.parent.getCellDetails(target);
+        var eventDetails = {};
+        this.parent.eventWindow.convertToEventData(cellDetails, eventDetails);
+        var isAllDay = this.isAllDayEvent(target);
+        var resources = this.parent.getResourcesByIndex(cellDetails.groupIndex);
+        var processedData = this.processEventData(data, isAllDay, cellDetails, resources);
+        var selectedEventData = this.parent.eventBase.sortByDateTime(processedData);
+        var saveData = this.prepareEventData(selectedEventData, eventDetails);
+        removeClass(target, SELECTED_CELL_CLASS);
+        if (saveData.length > 0) {
+            if (this.isCutAction) {
+                this.parent.saveEvent(saveData);
+            }
+            else {
+                this.parent.addEvent(saveData);
+            }
+        }
+    };
+    KeyboardInteraction.prototype.getTargetElements = function (targetElement) {
+        return this.parent.getSelectedCells().length > 0
+            ? this.parent.getSelectedCells()
+            : (targetElement ? [targetElement] : []);
+    };
+    KeyboardInteraction.prototype.isAllDayEvent = function (target) {
+        return !target.some(function (cell) { return cell.classList.contains(WORK_CELLS_CLASS); });
+    };
+    KeyboardInteraction.prototype.processEventData = function (data, isAllDay, cellDetails, resources) {
+        var _this = this;
+        return data.map(function (item) {
+            var _a;
+            var processedItem = __assign$1({}, item, (_a = {}, _a[_this.parent.eventFields.startTime] = new Date(item[_this.parent.eventFields.startTime]), _a[_this.parent.eventFields.endTime] = new Date(item[_this.parent.eventFields.endTime]), _a[_this.parent.eventFields.recurrenceID] = null, _a[_this.parent.eventFields.isAllDay] = isAllDay, _a));
+            _this.adjustEventTime(processedItem, isAllDay, item.IsAllDay, cellDetails);
+            if (resources && resources.groupData) {
+                Object.assign(processedItem, resources.groupData);
+            }
+            return processedItem;
+        });
+    };
+    KeyboardInteraction.prototype.adjustEventTime = function (processedItem, isAllDay, itemIsAllDay, cellDetails) {
+        var isTimeScaleEnabled = this.parent.activeViewOptions.timeScale.enable;
+        if ((['Day', 'Week', 'WorkWeek'].indexOf(this.parent.currentView) !== -1) && isTimeScaleEnabled) {
+            if (isAllDay) {
+                processedItem[this.parent.eventFields.endTime] = new Date(processedItem[this.parent.eventFields.startTime]);
+                processedItem[this.parent.eventFields.endTime].setDate(processedItem[this.parent.eventFields.startTime].getDate() + 1);
+            }
+            else if (itemIsAllDay) {
+                processedItem[this.parent.eventFields.startTime] = new Date(processedItem[this.parent.eventFields.startTime]
+                    .setHours(0, 0, 0, 0));
+                processedItem[this.parent.eventFields.endTime] = new Date(processedItem[this.parent.eventFields.startTime].getTime() + (cellDetails.endTime.getTime() - cellDetails.startTime.getTime()));
+            }
+        }
+        else if (itemIsAllDay) {
+            processedItem[this.parent.eventFields.isAllDay] = true;
+            processedItem[this.parent.eventFields.startTime] = new Date(processedItem[this.parent.eventFields.startTime]
+                .setHours(0, 0, 0, 0));
+            processedItem[this.parent.eventFields.endTime] = new Date(processedItem[this.parent.eventFields.startTime].getTime() +
+                (processedItem[this.parent.eventFields.endTime].getTime() - processedItem[this.parent.eventFields.startTime].getTime()));
+        }
+    };
+    KeyboardInteraction.prototype.prepareEventData = function (selectedEventData, eventDetails) {
+        var _this = this;
+        var initialEventTime = new Date(selectedEventData[0][this.parent.eventFields.startTime]);
+        var uniqueId = this.parent.getEventMaxID();
+        return selectedEventData.map(function (events) {
+            var totalDuration = _this.calculateTotalDuration(events, eventDetails, initialEventTime);
+            var cloneDetails = _this.isCutAction ? events : __assign$1({}, events);
+            if (!events[_this.parent.eventFields.recurrenceRule]) {
+                cloneDetails[_this.parent.eventFields.startTime] =
+                    new Date(new Date(cloneDetails[_this.parent.eventFields.startTime]).setMilliseconds(totalDuration));
+                cloneDetails[_this.parent.eventFields.endTime] =
+                    new Date(new Date(cloneDetails[_this.parent.eventFields.endTime]).setMilliseconds(totalDuration));
+            }
+            if (!_this.isCutAction) {
+                cloneDetails[_this.parent.eventFields.id] = uniqueId++;
+            }
+            return cloneDetails;
+        });
+    };
+    KeyboardInteraction.prototype.calculateTotalDuration = function (events, eventDetails, initialEventTime) {
+        if ((['Month', 'TimelineMonth', 'TimelineYear'].indexOf(this.parent.currentView) !== -1) || !this.parent.activeViewOptions.timeScale.enable) {
+            var eventStartTime = new Date(events[this.parent.eventFields.startTime]);
+            return eventDetails[this.parent.eventFields.startTime].getTime() - initialEventTime.getTime() +
+                (eventStartTime.getHours() * 3600000 + eventStartTime.getMinutes() * 60000 + eventStartTime.getSeconds() * 1000);
+        }
+        else {
+            return eventDetails[this.parent.eventFields.startTime].getTime() - initialEventTime.getTime();
+        }
+    };
     /**
      * Get module name.
      *
@@ -3279,6 +3536,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     KeyboardInteraction.prototype.destroy = function () {
         this.removeEventListener();
         this.selectedCells = [];
+        this.clipBoardTextArea = null;
         this.keyboardModule.destroy();
     };
     return KeyboardInteraction;
@@ -11020,6 +11278,10 @@ var EventTooltip = /** @__PURE__ @class */ (function () {
         return targets.join(',');
     };
     EventTooltip.prototype.onBeforeRender = function (args) {
+        if (this.parent.uiStateValues.isSwipeScroll) {
+            args.cancel = true;
+            return;
+        }
         if (!isNullOrUndefined(args.target.getAttribute('data-tooltip-id'))) {
             return;
         }
@@ -18435,6 +18697,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         EventHandler.add(window, 'resize', this.onScheduleResize, this);
         EventHandler.add(window, 'orientationchange', this.onScheduleResize, this);
         EventHandler.add(document, Browser.touchStartEvent, this.onDocumentClick, this);
+        if (this.allowClipboard) {
+            EventHandler.add(document, 'paste', this.onDocumentPaste, this);
+        }
     };
     /**
      * Method to remove selected class
@@ -18810,6 +19075,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     Schedule.prototype.onDocumentClick = function (args) {
         this.notify(documentClick, { event: args });
     };
+    Schedule.prototype.onDocumentPaste = function (args) {
+        this.notify(documentPaste, { event: args });
+    };
     Schedule.prototype.onScheduleResize = function () {
         if (isNullOrUndefined(this.activeView) || ((this.isAdaptive || isMobile()) && document.activeElement
             && (document.activeElement.classList.contains(SUBJECT_CLASS) ||
@@ -19007,6 +19275,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         EventHandler.remove(window, 'resize', this.onScheduleResize);
         EventHandler.remove(window, 'orientationchange', this.onScheduleResize);
         EventHandler.remove(document, Browser.touchStartEvent, this.onDocumentClick);
+        EventHandler.remove(document, 'paste', this.onDocumentPaste);
     };
     /**
      * Core method to return the component name.
@@ -19242,11 +19511,12 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                 this.onEventSettingsPropertyChanged(newProp.eventSettings, oldProp.eventSettings, state);
                 break;
             case 'allowKeyboardInteraction':
+            case 'allowClipboard':
                 if (this.keyboardInteractionModule) {
                     this.keyboardInteractionModule.destroy();
                     this.keyboardInteractionModule = null;
                 }
-                if (newProp.allowKeyboardInteraction) {
+                if (newProp.allowKeyboardInteraction || newProp.allowClipboard) {
                     this.keyboardInteractionModule = new KeyboardInteraction(this);
                 }
                 break;
@@ -20173,6 +20443,76 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         return (eventCollection.length > 0) ? false : true;
     };
+    /**
+     * Method to copy events from an HTMLElement or an array of HTMLElements.
+     *
+     * @param { HTMLElement[] } elements Accepts an array of HTMLElement
+     * @returns {void} This method does not return a value.
+     */
+    Schedule.prototype.copy = function (elements) {
+        this.processCutCopyActions(elements, false);
+    };
+    /**
+     * Method to cut events from an HTMLElement or an array of HTMLElements.
+     *
+     * @param { HTMLElement[] } elements Accepts an array of HTMLElement
+     * @returns {void} This method does not return a value.
+     */
+    Schedule.prototype.cut = function (elements) {
+        this.processCutCopyActions(elements, true);
+    };
+    /**
+     * Method to create a paste event with clipboard data
+     *
+     * @param { HTMLElement } targetElement Accepts HTMLElement
+     * @returns {void}
+     */
+    Schedule.prototype.paste = function (targetElement) {
+        var _this = this;
+        if (!this.allowClipboard || !this.allowKeyboardInteraction) {
+            return;
+        }
+        if (!targetElement.classList.contains('e-work-cells') && !targetElement.classList.contains('e-all-day-cells')) {
+            return;
+        }
+        var clipboardData = new DataTransfer();
+        if (!isNullOrUndefined(navigator.clipboard)) {
+            navigator.clipboard.readText()
+                .then(function (text) {
+                clipboardData.setData('text/plain', text);
+                var pasteEvent = new ClipboardEvent('paste', {
+                    bubbles: true,
+                    cancelable: true
+                });
+                Object.defineProperty(pasteEvent, 'clipboardData', {
+                    value: clipboardData
+                });
+                _this.keyboardInteractionModule.pasteHandler(pasteEvent, targetElement);
+            })
+                .catch(function (err) {
+                throw err;
+            });
+        }
+    };
+    Schedule.prototype.processCutCopyActions = function (elements, isCut) {
+        var _this = this;
+        if (!elements || !this.allowClipboard || !this.allowKeyboardInteraction) {
+            return;
+        }
+        var elementArray = elements;
+        var eventDetailsArray = [];
+        elementArray.forEach(function (element) {
+            if (element.classList.contains(APPOINTMENT_CLASS)) {
+                var eventDetail = _this.getEventDetails(element);
+                if (eventDetail) {
+                    eventDetailsArray.push(eventDetail);
+                }
+            }
+        });
+        if (eventDetailsArray.length > 0) {
+            this.keyboardInteractionModule.processClipboardAction(isCut, eventDetailsArray);
+        }
+    };
     /**
      * To manually open the event editor on specific time or on certain events.
      *
@@ -20305,6 +20645,52 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.eventTooltip.close();
         }
     };
+    /**
+     * Retrieves a formatted string representing the date range of the given date collection.
+     *
+     * @param {Date[]} dates - An array of Date objects representing the date range.
+     * @returns {string} A formatted string describing the date range.
+     *   If the dates is empty, returns an empty string.
+     *   Otherwise, delegates to the active view to generate the appropriate date range text.
+     *
+     * @example
+     * // Assuming dates contains dates from May 1, 2023 to May 7, 2023
+     * const rangeText = schedule.getDateRangeText(schedule.getViewDates());
+     * // rangeText might be "May 1 - 7, 2023" (actual format depends on the active view)
+     *
+     * @remarks
+     * The actual format of the returned string depends on the implementation
+     * of the getDateRangeText method in the active view.
+     */
+    Schedule.prototype.getDateRangeText = function (dates) {
+        if ((isNullOrUndefined(dates) && dates.length === 0) || !this.activeView) {
+            return '';
+        }
+        return this.activeView.getDateRangeText(dates[0], dates);
+    };
+    /**
+     * Retrieves an array of dates based on the specified date collection direction.
+     *
+     * @param {NavigationDirection} type - The direction for date collection. Options are:
+     *   - 'Previous': Returns the previous date range collection from the current rendered date.
+     *   - 'Next': Returns the next date range collection from the current rendered date.
+     *   - 'Current': Returns the current rendered date collection.
+     *
+     * @returns {Date[]} An array of Date objects representing the view dates.
+     */
+    Schedule.prototype.getViewDates = function (type) {
+        if (type === void 0) { type = 'Current'; }
+        if (!this.activeView) {
+            return [];
+        }
+        switch (type) {
+            case 'Previous':
+            case 'Next':
+                return this.activeView.getRenderDates(undefined, this.activeView.getNextPreviousDate(type));
+            case 'Current':
+                return this.getCurrentViewDates();
+        }
+    };
     /**
      * Select the resource based on group index in mobile mode.
      *
@@ -20609,6 +20995,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate$b([
         Property()
     ], Schedule.prototype, "cssClass", void 0);
+    __decorate$b([
+        Property(false)
+    ], Schedule.prototype, "allowClipboard", void 0);
     __decorate$b([
         Property()
     ], Schedule.prototype, "eventDragArea", void 0);
@@ -20693,6 +21082,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate$b([
         Event()
     ], Schedule.prototype, "dataBound", void 0);
+    __decorate$b([
+        Event()
+    ], Schedule.prototype, "beforePaste", void 0);
     Schedule = __decorate$b([
         NotifyPropertyChanges
     ], Schedule);
@@ -20784,9 +21176,10 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         }
     };
     ActionBase.prototype.calculateIntervalTime = function (date) {
-        var intervalTime = new Date(+date);
-        intervalTime.setMinutes(Math.floor(intervalTime.getMinutes() / this.actionObj.interval) * this.actionObj.interval);
-        return intervalTime;
+        var dateInMS = resetTime(date).getTime();
+        var intervalInMS = MS_PER_MINUTE * this.actionObj.interval;
+        dateInMS = dateInMS + Math.floor((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
+        return new Date(dateInMS);
     };
     ActionBase.prototype.getContentAreaDimension = function () {
         var viewElement = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
@@ -22922,12 +23315,12 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             if ((dragArea.scrollLeft === 0) &&
                 (Math.round(this.actionObj.X) <=
                     Math.round(dragArea.getBoundingClientRect().left + this.actionObj.cellWidth + window.pageXOffset))) {
-                navigationType = this.parent.enableRtl ? 'next' : 'previous';
+                navigationType = this.parent.enableRtl ? 'Next' : 'Previous';
             }
             else if ((Math.round(dragArea.scrollLeft) + dragArea.clientWidth === dragArea.scrollWidth) &&
                 (Math.round(this.actionObj.X) >=
                     Math.round(dragArea.getBoundingClientRect().right - this.actionObj.cellWidth + window.pageXOffset))) {
-                navigationType = this.parent.enableRtl ? 'previous' : 'next';
+                navigationType = this.parent.enableRtl ? 'Previous' : 'Next';
             }
             if (navigationType) {
                 this.parent.changeDate(this.parent.activeView.getNextPreviousDate(navigationType));
@@ -23789,7 +24182,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
      * @param {Schedule} parent Accepts the schedule instance
      */
     function ViewBase(parent) {
-        this.previousNextAction = 'next';
+        this.previousNextAction = 'Next';
         this.parent = parent;
     }
     ViewBase.prototype.isTimelineView = function () {
@@ -24048,11 +24441,12 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         return !(getDateInMs(date) < getDateInMs(startHour) || getDateInMs(date) >= getDateInMs(endHour) ||
             !this.isWorkDay(date, workDays));
     };
-    ViewBase.prototype.getRenderDates = function (workDays) {
+    ViewBase.prototype.getRenderDates = function (workDays, date) {
+        if (date === void 0) { date = this.parent.selectedDate; }
         var renderDates = [];
         // Due to same code for vertical and time line, week & work week views, if condition has used
         if (this.parent.currentView === 'Week' || this.parent.currentView === 'TimelineWeek') {
-            var selectedDate = resetTime(this.parent.selectedDate);
+            var selectedDate = resetTime(date);
             var start = getWeekFirstDate(selectedDate, this.parent.activeViewOptions.firstDayOfWeek);
             for (var i = 0, length_1 = WEEK_LENGTH * this.parent.activeViewOptions.interval; i < length_1; i++) {
                 if (this.parent.activeViewOptions.showWeekend) {
@@ -24067,7 +24461,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
             }
         }
         else if (this.parent.currentView === 'WorkWeek' || this.parent.currentView === 'TimelineWorkWeek') {
-            var start = getWeekFirstDate(resetTime(this.parent.selectedDate), this.parent.activeViewOptions.firstDayOfWeek);
+            var start = getWeekFirstDate(resetTime(date), this.parent.activeViewOptions.firstDayOfWeek);
             for (var i = 0, length_2 = WEEK_LENGTH * this.parent.activeViewOptions.interval; i < length_2; i++) {
                 if (this.isWorkDay(start, workDays)) {
                     renderDates.push(start);
@@ -24078,7 +24472,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         else {
             var dayCount = this.parent.currentView === 'Agenda' ? this.parent.agendaDaysCount :
                 this.parent.activeViewOptions.interval;
-            var start = resetTime(this.parent.selectedDate);
+            var start = resetTime(date);
             do {
                 if (this.parent.activeViewOptions.showWeekend) {
                     renderDates.push(start);
@@ -24104,11 +24498,11 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         if (this.parent.currentView === 'Day' || this.parent.currentView === 'TimelineDay') {
             if (this.parent.activeViewOptions.showWeekend) {
                 var daysCount = this.parent.activeViewOptions.interval;
-                return addDays(this.parent.selectedDate, type === 'next' ? daysCount : -daysCount);
+                return addDays(this.parent.selectedDate, type === 'Next' ? daysCount : -daysCount);
             }
             else {
                 var date = void 0;
-                if (type === 'next') {
+                if (type === 'Next') {
                     date = addDays(this.renderDates.slice(-1)[0], 1);
                     while (!this.isWorkDay(date)) {
                         date = addDays(date, 1);
@@ -24129,7 +24523,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
                 return date;
             }
         }
-        var weekLength = type === 'next' ? WEEK_LENGTH : -WEEK_LENGTH;
+        var weekLength = type === 'Next' ? WEEK_LENGTH : -WEEK_LENGTH;
         return addDays(this.parent.selectedDate, weekLength * this.parent.activeViewOptions.interval);
     };
     ViewBase.prototype.formatViewLabel = function (view, startDate, endDate) {
@@ -24156,12 +24550,14 @@ var ViewBase = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    ViewBase.prototype.getDateRangeText = function () {
+    ViewBase.prototype.getDateRangeText = function (date, dateCollection) {
+        if (date === void 0) { date = this.renderDates[0]; }
+        if (dateCollection === void 0) { dateCollection = this.renderDates; }
         if (this.parent.isAdaptive) {
             var formatDate = (this.parent.activeViewOptions.dateFormat) ? this.parent.activeViewOptions.dateFormat : 'MMMM y';
             return capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { format: formatDate, calendar: this.parent.getCalendarMode() }), 'single');
         }
-        return this.formatDateRange(this.renderDates[0], this.renderDates[this.renderDates.length - 1]);
+        return this.formatDateRange(date, dateCollection[dateCollection.length - 1]);
     };
     ViewBase.prototype.formatDateRange = function (startDate, endDate) {
         var globalize = this.parent.globalize;
@@ -26021,9 +26417,10 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         }
         return false;
     };
-    Month.prototype.getRenderDates = function (workDays) {
+    Month.prototype.getRenderDates = function (workDays, selectedDate) {
+        if (selectedDate === void 0) { selectedDate = this.parent.selectedDate; }
         var renderDates = [];
-        var currentDate = resetTime(this.parent.selectedDate);
+        var currentDate = resetTime(selectedDate);
         var start = this.getMonthStart(currentDate);
         var monthEnd = this.getMonthEnd(currentDate);
         do {
@@ -26051,13 +26448,13 @@ var Month = /** @__PURE__ @class */ (function (_super) {
     Month.prototype.getNextPreviousDate = function (type) {
         if (this.isCustomMonth()) {
             var dates = this.parent.getCurrentViewDates();
-            var date = getWeekFirstDate(type === 'next' ? dates[dates.length - 1]
+            var date = getWeekFirstDate(type === 'Next' ? dates[dates.length - 1]
                 : dates[0], this.parent.activeViewOptions.firstDayOfWeek);
-            return addDays(date, type === 'next' ? WEEK_LENGTH : -(this.parent.activeViewOptions.numberOfWeeks > 0 ?
+            return addDays(date, type === 'Next' ? WEEK_LENGTH : -(this.parent.activeViewOptions.numberOfWeeks > 0 ?
                 this.parent.activeViewOptions.numberOfWeeks : DEFAULT_WEEKS) * WEEK_LENGTH);
         }
         else {
-            return addMonths(this.parent.selectedDate, ((type === 'next' ? 1 : -1) * this.parent.activeViewOptions.interval));
+            return addMonths(this.parent.selectedDate, ((type === 'Next' ? 1 : -1) * this.parent.activeViewOptions.interval));
         }
     };
     Month.prototype.getStartDate = function () {
@@ -26069,13 +26466,18 @@ var Month = /** @__PURE__ @class */ (function (_super) {
     Month.prototype.getEndDateFromStartDate = function (start) {
         return addDays(new Date(start.getTime()), 1);
     };
-    Month.prototype.getDateRangeText = function () {
+    Month.prototype.getDateRangeText = function (startDate, dateCollection) {
+        if (startDate === void 0) { startDate = this.parent.selectedDate; }
+        if (dateCollection === void 0) { dateCollection = null; }
         if (this.parent.isAdaptive || isNullOrUndefined(this.parent.activeViewOptions.dateFormat)) {
-            var startDate = this.parent.selectedDate;
+            var maxNumberOfDaysPerWeek = 7;
+            startDate = !isNullOrUndefined(dateCollection) && dateCollection.length > maxNumberOfDaysPerWeek - 1
+                ? dateCollection[maxNumberOfDaysPerWeek - 1] : startDate;
             var endDate = void 0;
             var updateCustomRange = false;
             if (this.isCustomMonth()) {
-                var dates = this.parent.getCurrentViewDates();
+                var dates = !isNullOrUndefined(dateCollection) && dateCollection.length > 0 ? dateCollection :
+                    this.parent.getCurrentViewDates();
                 updateCustomRange = dates[0].getMonth() !== dates[dates.length - 1].getMonth() ||
                     dates[0].getFullYear() !== dates[dates.length - 1].getFullYear();
                 if (updateCustomRange) {
@@ -26101,7 +26503,8 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             var format = (this.parent.activeViewOptions.dateFormat) ? this.parent.activeViewOptions.dateFormat : 'MMMM y';
             return capitalizeFirstWord(this.parent.globalize.formatDate(startDate, { format: format, calendar: this.parent.getCalendarMode() }), 'single');
         }
-        return this.formatDateRange(this.parent.selectedDate);
+        return this.formatDateRange(!isNullOrUndefined(dateCollection) && dateCollection.length > 0 ? dateCollection[0] :
+            this.parent.selectedDate);
     };
     Month.prototype.getLabelText = function (view) {
         var viewStr = view.charAt(0).toLowerCase() + view.substring(1);
@@ -26438,7 +26841,7 @@ var Year = /** @__PURE__ @class */ (function (_super) {
         this.parent.activeCellsData = this.parent.getCellDetails(target);
         var isPrevious = startDate.getTime() < this.getStartDate().getTime();
         if (isPrevious || startDate.getTime() > this.getEndDate().getTime()) {
-            this.parent.changeDate(this.parent.activeView.getNextPreviousDate(isPrevious ? 'previous' : 'next'), e);
+            this.parent.changeDate(this.parent.activeView.getNextPreviousDate(isPrevious ? 'Previous' : 'Next'), e);
             var activeDate = this.parent.activeCellsData.startTime.getTime();
             var inRange = activeDate >= this.getStartDate().getTime() && activeDate <= this.getEndDate().getTime();
             var dateAttr = inRange ? activeDate : (isPrevious ? this.getEndDate() : this.getStartDate()).getTime();
@@ -26541,16 +26944,19 @@ var Year = /** @__PURE__ @class */ (function (_super) {
         return addDays(new Date(date.getTime()), 1);
     };
     Year.prototype.getNextPreviousDate = function (type) {
-        return addYears(this.parent.selectedDate, ((type === 'next') ? 1 : -1));
-    };
-    Year.prototype.getDateRangeText = function () {
-        var startDate = this.getStartDate();
-        var endDate = this.getEndDate();
+        return addYears(this.parent.selectedDate, ((type === 'Next') ? 1 : -1));
+    };
+    Year.prototype.getDateRangeText = function (date, dateCollection) {
+        if (date === void 0) { date = this.parent.selectedDate; }
+        if (dateCollection === void 0) { dateCollection = null; }
+        var isDateColAvail = !isNullOrUndefined(dateCollection) && dateCollection.length > 0;
+        var startDate = isDateColAvail ? dateCollection[0] : this.getStartDate();
+        var endDate = isDateColAvail ? dateCollection[dateCollection.length - 1] : this.getEndDate();
         if (startDate.getFullYear() !== endDate.getFullYear()) {
             return this.parent.globalize.formatDate(startDate, { skeleton: 'yMMM' }) + ' - ' + this.parent.globalize.formatDate(endDate, { skeleton: 'yMMM' });
         }
         else {
-            return this.parent.globalize.formatDate(this.parent.selectedDate, { skeleton: 'y' });
+            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y' });
         }
     };
     Year.prototype.addEventListener = function () {
@@ -27419,7 +27825,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
         return resetTime(addDays(filterDate, 1));
     };
     Agenda.prototype.getNextPreviousDate = function (type) {
-        var noOfDays = (type === 'next') ? 1 : -1;
+        var noOfDays = (type === 'Next') ? 1 : -1;
         return addDays(this.parent.selectedDate, noOfDays);
     };
     Agenda.prototype.startDate = function () {
@@ -27676,9 +28082,9 @@ var MonthAgenda = /** @__PURE__ @class */ (function (_super) {
     };
     MonthAgenda.prototype.getNextPreviousDate = function (type) {
         var selectedDate = this.parent.selectedDate;
-        var interval = (type === 'next') ? this.parent.activeViewOptions.interval : -this.parent.activeViewOptions.interval;
+        var interval = (type === 'Next') ? this.parent.activeViewOptions.interval : -this.parent.activeViewOptions.interval;
         var navigateDate = addMonths(this.parent.selectedDate, interval);
-        var month = (type === 'next') ? 2 : 0;
+        var month = (type === 'Next') ? 2 : 0;
         var lastDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth() + month, 0).getDate();
         var date = (lastDate >= this.monthAgendaDate.getDate()) ? this.monthAgendaDate.getDate() : lastDate;
         this.monthAgendaDate = new Date(navigateDate.getFullYear(), navigateDate.getMonth(), date);
@@ -29424,5 +29830,5 @@ var Print = /** @__PURE__ @class */ (function () {
     return 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, capitalizeFirstWord, cellClick, cellDoubleClick, cellMouseDown, cellSelect, contentReady, dataBinding, dataBound, dataReady, dateHeader, documentClick, 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, 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 };
 //# sourceMappingURL=ej2-schedule.es5.js.map