@syncfusion/ej2-calendars 27.1.50 → 27.1.52

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

@@ -3659,9 +3659,10 @@ let DatePicker = class DatePicker extends Calendar {
             case 'ArrowDown':
             case 'Home':
             case 'End':
+            case 'Backspace':
             case 'Delete':
                 if (this.enableMask && !this.popupObj && !this.readonly) {
-                    if (e.code !== 'Delete') {
+                    if (e.code !== 'Delete' && e.code !== 'Backspace') {
                         e.preventDefault();
                     }
                     this.notify('keyDownHandler', {
@@ -3906,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) {
@@ -14367,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) {
@@ -14377,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;
@@ -14467,6 +14477,32 @@ class MaskedDateTime {
         this.parent.inputElement.setSelectionRange(start, end);
     }
     maskKeydownHandler(args) {
+        if (args.e.key === 'Backspace') {
+            const start = this.parent.inputElement.selectionStart;
+            let formatText = '';
+            if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
+                formatText = this.hiddenMask[start];
+            }
+            switch (formatText) {
+                case 'd':
+                    this.dayTypeCount = Math.max(this.dayTypeCount - 1, 0);
+                    break;
+                case 'M':
+                    this.monthTypeCount = Math.max(this.monthTypeCount - 1, 0);
+                    break;
+                case 'H':
+                case 'h':
+                    this.hourTypeCount = Math.max(this.hourTypeCount - 1, 0);
+                    break;
+                case 'm':
+                    this.minuteTypeCount = Math.max(this.minuteTypeCount - 1, 0);
+                    break;
+                case 's':
+                    this.secondTypeCount = Math.max(this.secondTypeCount - 1, 0);
+                    break;
+            }
+            return;
+        }
         this.dayTypeCount = this.monthTypeCount = this.hourTypeCount = this.minuteTypeCount = this.secondTypeCount = 0;
         if (args.e.key === 'Delete') {
             this.isDeleteKey = true;
@@ -14931,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 = '';
@@ -14946,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;