@syncfusion/ej2-calendars 27.1.51 → 27.1.52

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

@@ -3907,12 +3907,19 @@ let DatePicker = class DatePicker extends Calendar {
             this.show();
         }
     }
-    inputHandler() {
+    inputHandler(e) {
         this.isPopupClicked = false;
         if (this.enableMask) {
-            this.notify('inputHandler', {
-                module: 'MaskedDateTime'
-            });
+            if (!isNullOrUndefined(e) && !isNullOrUndefined(e.inputType) && e.inputType === 'insertFromPaste') {
+                this.notify('maskPasteInputHandler', {
+                    module: 'MaskedDateTime'
+                });
+            }
+            else {
+                this.notify('inputHandler', {
+                    module: 'MaskedDateTime'
+                });
+            }
         }
     }
     inputBlurHandler(e) {
@@ -14368,6 +14375,7 @@ class MaskedDateTime {
         this.parent.on('inputHandler', this.maskInputHandler, this);
         this.parent.on('keyDownHandler', this.maskKeydownHandler, this);
         this.parent.on('clearHandler', this.clearHandler, this);
+        this.parent.on('maskPasteInputHandler', this.maskPasteInputHandler, this);
     }
     removeEventListener() {
         if (this.parent.isDestroyed) {
@@ -14378,6 +14386,7 @@ class MaskedDateTime {
         this.parent.off('inputHandler', this.maskInputHandler);
         this.parent.off('keyDownHandler', this.maskKeydownHandler);
         this.parent.off('clearHandler', this.clearHandler);
+        this.parent.off('maskPasteInputHandler', this.maskPasteInputHandler);
     }
     createMask(mask) {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
@@ -14958,6 +14967,25 @@ class MaskedDateTime {
         }
         return formatValueSpecifier;
     }
+    isValidDate(dateString) {
+        const date = new Date(dateString);
+        // Return true if the date is valid, false otherwise
+        return !isNaN(date.getTime());
+    }
+    maskPasteInputHandler() {
+        if (this.isValidDate(this.parent.inputElement.value)) {
+            this.maskDateValue = new Date(this.parent.inputElement.value);
+            this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = true;
+            this.updateValue();
+            if (!this.isBlur) {
+                this.validCharacterCheck();
+            }
+            return;
+        }
+        else {
+            this.maskInputHandler();
+        }
+    }
     maskInputHandler() {
         let start = this.parent.inputElement.selectionStart;
         let formatText = '';
@@ -14973,7 +15001,6 @@ class MaskedDateTime {
         this.previousHiddenMask = this.hiddenMask;
         this.previousValue = inputValue;
         this.parent.inputElement.value = inputValue;
-        this.parent.inputElement.value = inputValue;
         for (let i = 0; i < this.hiddenMask.length; i++) {
             if (formatText === this.hiddenMask[i]) {
                 start = i;