@syncfusion/ej2-calendars 27.1.50 → 27.1.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.1.52
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@18.32.5",
+  "_id": "@syncfusion/ej2-calendars@27.1.51",
   "_inBundle": false,
-  "_integrity": "sha512-rksJYsGIPpCObDMJj5UXpkHFC3zmO0oIq9E4epQ7uMf79Wwm7p1xmvrBVW4Ie71RnIfpTbHXPqJuFrfidkJcRQ==",
+  "_integrity": "sha512-46rnTrdhdnUUIXd6IlylzsnHHsihlRv8lSTBeRTHYrRfPyW+sR0HQtqh2Sy79f+hUyrTz0NN4o4irXimzo8w7A==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -31,8 +31,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-18.32.5.tgz",
-  "_shasum": "c76c6f7cbc4265f8ddd213a442133b7c0a8f34e0",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-27.1.51.tgz",
+  "_shasum": "02916eff14ef8c43e29a4616e5fe7507f78ff790",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -43,8 +43,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.50",
+    "@syncfusion/ej2-base": "~27.1.52",
+    "@syncfusion/ej2-buttons": "~27.1.51",
     "@syncfusion/ej2-inputs": "~27.1.50",
     "@syncfusion/ej2-lists": "~27.1.50",
     "@syncfusion/ej2-popups": "~27.1.50"
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.50",
+  "version": "27.1.52",
   "sideEffects": false
 }

package/src/datepicker/datepicker.js

@@ -447,9 +447,10 @@ var DatePicker = /** @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', {
@@ -698,12 +699,19 @@ var DatePicker = /** @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) {

package/src/maskbase/masked-date-time.d.ts

@@ -54,6 +54,8 @@ export declare class MaskedDateTime {
     private isPersist;
     private differenceCheck;
     private formatCheck;
+    private isValidDate;
+    private maskPasteInputHandler;
     private maskInputHandler;
     private navigateSelection;
     private roundOff;

package/src/maskbase/masked-date-time.js

@@ -71,6 +71,7 @@ var MaskedDateTime = /** @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) {
@@ -81,6 +82,7 @@ var MaskedDateTime = /** @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;
@@ -171,6 +173,34 @@ var MaskedDateTime = /** @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;
+                default:
+                    break;
+            }
+            return;
+        }
         this.dayTypeCount = this.monthTypeCount = this.hourTypeCount = this.minuteTypeCount = this.secondTypeCount = 0;
         if (args.e.key === 'Delete') {
             this.isDeleteKey = true;
@@ -639,6 +669,25 @@ var MaskedDateTime = /** @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 = '';
@@ -654,7 +703,6 @@ var MaskedDateTime = /** @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;