@syncfusion/ej2-calendars 27.1.51 → 27.1.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.51
+*  version : 27.1.55
 *  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@27.1.50",
+  "_id": "@syncfusion/ej2-calendars@27.1.52",
   "_inBundle": false,
-  "_integrity": "sha512-g0dL8PLj2RZ7+F14PMrZfnSHCI6aRffPm4GORONccG4B3UoadWPsd94U8sLPpeHyN4V30MBCIzS5DX4ighQ1GQ==",
+  "_integrity": "sha512-iQ86qDROqYqFxZUaO3x3+MlOUlu0MAuCcBYix+qICneAqcNVi4tCK/sW4l11uTTZ+keaeV+hv1OUWipuD30Zkg==",
   "_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-27.1.50.tgz",
-  "_shasum": "552a96a19e63124f18a7c4e287bec5ab2cc2060a",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-27.1.52.tgz",
+  "_shasum": "025c3258a584a7fe99ed416d9ac8708561631f53",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -43,11 +43,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.51",
-    "@syncfusion/ej2-inputs": "~27.1.50",
+    "@syncfusion/ej2-base": "~27.1.55",
+    "@syncfusion/ej2-buttons": "~27.1.53",
+    "@syncfusion/ej2-inputs": "~27.1.55",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-popups": "~27.1.50"
+    "@syncfusion/ej2-popups": "~27.1.55"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.51",
+  "version": "27.1.55",
   "sideEffects": false
 }

package/src/datepicker/datepicker.js

@@ -699,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,7 +54,11 @@ export declare class MaskedDateTime {
     private isPersist;
     private differenceCheck;
     private formatCheck;
+    private isValidDate;
+    private maskPasteInputHandler;
     private maskInputHandler;
+    private findScrollableParent;
+    private isScrollable;
     private navigateSelection;
     private roundOff;
     private zeroCheck;

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

@@ -1,4 +1,4 @@
-import { L10n, getValue, getDefaultDateObject, cldrData } from '@syncfusion/ej2-base';
+import { L10n, getValue, getDefaultDateObject, cldrData, Browser } from '@syncfusion/ej2-base';
 var ARROWLEFT = 'ArrowLeft';
 var ARROWRIGHT = 'ArrowRight';
 var ARROWUP = 'ArrowUp';
@@ -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;
@@ -667,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 = '';
@@ -682,25 +703,47 @@ 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;
                 break;
             }
         }
+        var scrollPositionY;
+        if (Browser.isDevice && (Browser.isIos || Browser.isIos7)) {
+            var scrollableParent = this.findScrollableParent(this.parent.inputElement);
+            scrollPositionY = scrollableParent ? scrollableParent.getBoundingClientRect().top : window.scrollY;
+        }
         this.parent.inputElement.selectionStart = start;
         this.validCharacterCheck();
         if ((this.isNavigate || this.isDeletion) && !this.isDeleteKey) {
             var isbackward = this.isNavigate ? false : true;
             this.isNavigate = this.isDeletion = false;
             this.navigateSelection(isbackward);
+            if (Browser.isDevice && (Browser.isIos || Browser.isIos7)) {
+                setTimeout(function () {
+                    window.scrollTo(0, scrollPositionY);
+                }, 0);
+            }
         }
         if (this.isDeleteKey) {
             this.isDeletion = false;
         }
         this.isDeleteKey = false;
     };
+    MaskedDateTime.prototype.findScrollableParent = function (element) {
+        while (element) {
+            if (this.isScrollable(element)) {
+                return element;
+            }
+            element = element.parentElement;
+        }
+        return null;
+    };
+    MaskedDateTime.prototype.isScrollable = function (element) {
+        var overflowY = window.getComputedStyle(element).overflowY;
+        return element.scrollHeight > element.clientHeight && (overflowY === 'auto' || overflowY === 'scroll');
+    };
     MaskedDateTime.prototype.navigateSelection = function (isbackward) {
         var start = this.parent.inputElement.selectionStart;
         var end = this.parent.inputElement.selectionEnd;