@syncfusion/ej2-calendars 27.1.50 → 27.1.52

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

@@ -3700,9 +3700,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             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', {
@@ -3949,12 +3950,19 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.show();
         }
     };
-    DatePicker.prototype.inputHandler = function () {
+    DatePicker.prototype.inputHandler = function (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'
+                });
+            }
         }
     };
     DatePicker.prototype.inputBlurHandler = function (e) {
@@ -14515,6 +14523,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         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);
     };
     MaskedDateTime.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -14525,6 +14534,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.parent.off('inputHandler', this.maskInputHandler);
         this.parent.off('keyDownHandler', this.maskKeydownHandler);
         this.parent.off('clearHandler', this.clearHandler);
+        this.parent.off('maskPasteInputHandler', this.maskPasteInputHandler);
     };
     MaskedDateTime.prototype.createMask = function (mask) {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
@@ -14615,6 +14625,32 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.parent.inputElement.setSelectionRange(start, end);
     };
     MaskedDateTime.prototype.maskKeydownHandler = function (args) {
+        if (args.e.key === 'Backspace') {
+            var start = this.parent.inputElement.selectionStart;
+            var 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;
@@ -15080,6 +15116,25 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         }
         return formatValueSpecifier;
     };
+    MaskedDateTime.prototype.isValidDate = function (dateString) {
+        var date = new Date(dateString);
+        // Return true if the date is valid, false otherwise
+        return !isNaN(date.getTime());
+    };
+    MaskedDateTime.prototype.maskPasteInputHandler = function () {
+        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();
+        }
+    };
     MaskedDateTime.prototype.maskInputHandler = function () {
         var start = this.parent.inputElement.selectionStart;
         var formatText = '';
@@ -15095,7 +15150,6 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.previousHiddenMask = this.hiddenMask;
         this.previousValue = inputValue;
         this.parent.inputElement.value = inputValue;
-        this.parent.inputElement.value = inputValue;
         for (var i = 0; i < this.hiddenMask.length; i++) {
             if (formatText === this.hiddenMask[i]) {
                 start = i;