@syncfusion/ej2-calendars 23.1.38 → 23.1.41

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

@@ -2292,7 +2292,7 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
             this.islamicModule.islamicRenderTemplate(elements, count, classNm, e, this.value);
         }
         this.changedArgs = { value: this.value, values: this.values };
-        this.changeHandler();
+        e && e.type === 'click' && e.currentTarget.classList.contains(OTHERMONTH) ? this.changeHandler(e) : this.changeHandler();
     };
     Calendar.prototype.clickHandler = function (e) {
         var eve = e.currentTarget;
@@ -3340,7 +3340,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         var ariaAttrs = {
             'aria-atomic': 'true', 'aria-expanded': 'false',
             'role': 'combobox', 'autocomplete': 'off', 'autocorrect': 'off',
-            'autocapitalize': 'off', 'spellcheck': 'false', 'aria-invalid': 'false'
+            'autocapitalize': 'off', 'spellcheck': 'false', 'aria-invalid': 'false', 'aria-label': this.getModuleName()
         };
         if (this.getModuleName() === 'datepicker') {
             var l10nLocale = { placeholder: this.placeholder };
@@ -3917,7 +3917,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         var target = e.target;
         if (!(closest(target, '.e-datepicker.e-popup-wrapper')) && !isNullOrUndefined(this.inputWrapper)
             && !(closest(target, '.' + INPUTCONTAINER) === this.inputWrapper.container)
-            && (!target.classList.contains('e-day'))) {
+            && (!target.classList.contains('e-day'))
+            && (!target.classList.contains('e-dlg-overlay'))) {
             this.hide(e);
             this.focusOut();
         }
@@ -4501,6 +4502,11 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 }
                 EventHandler.add(document, 'mousedown touchstart', _this.documentHandler, _this);
             });
+            if (Browser.isDevice) {
+                var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+                this.mobilePopupWrapper.appendChild(dlgOverlay);
+            }
         }
     };
     /**
@@ -4639,7 +4645,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         var ariaAttrs = {
             'aria-atomic': 'true', 'aria-disabled': 'true',
             'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off',
-            'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false'
+            'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false', 'aria-label': this.getModuleName()
         };
         if (this.inputElement) {
             Input.removeAttributes(ariaAttrs, this.inputElement);
@@ -8646,7 +8652,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             (!isNullOrUndefined(this.targetElement) && !(target === this.targetElement))) &&
             !(closest(target, '[id="' + this.popupWrapper.id + '"]'))
             && !(closest(target, '.' + INPUTCONTAINER$1) === this.inputWrapper.container)
-            && !(closest(target, '.e-daterangepicker.e-popup') && (!target.classList.contains('e-day')))) {
+            && !(closest(target, '.e-daterangepicker.e-popup') && (!target.classList.contains('e-day'))) && (!target.classList.contains('e-dlg-overlay'))) {
             this.preventBlur = false;
             if (this.isPopupOpen() && document.body.contains(this.popupObj.element)) {
                 this.applyFunction(e);
@@ -9299,6 +9305,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                         _this.isMobile || Browser.isDevice);
                     }
                 });
+                if (Browser.isDevice) {
+                    var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                    dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+                    this.mobileRangePopupWrap.appendChild(dlgOverlay);
+                }
             }
         }
     };
@@ -11859,7 +11870,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         if (!(closest(target, '[id="' + this.popupObj.element.id + '"]')) && target !== this.inputElement
             && target !== (this.inputWrapper && this.inputWrapper.buttons[0]) &&
             target !== (this.inputWrapper && this.inputWrapper.clearButton) &&
-            target !== (this.inputWrapper && this.inputWrapper.container)) {
+            target !== (this.inputWrapper && this.inputWrapper.container)
+            && (!target.classList.contains('e-dlg-overlay'))) {
             if (this.isPopupOpen()) {
                 this.hide();
                 this.focusOut();
@@ -12072,6 +12084,11 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                     _this.popupObj = null;
                 }
             });
+            if (Browser.isDevice) {
+                var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+                this.mobileTimePopupWrap.appendChild(dlgOverlay);
+            }
         }
     };
     /* eslint-enable valid-jsdoc, jsdoc/require-param */
@@ -12636,6 +12653,12 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         this.cloneElement = this.element.cloneNode(true);
         this.dateTimeFormat = this.cldrDateTimeFormat();
         this.initValue = this.value;
+        if (typeof (this.min) === 'string') {
+            this.min = this.checkDateValue(new Date(this.min));
+        }
+        if (typeof (this.max) === 'string') {
+            this.max = this.checkDateValue(new Date(this.max));
+        }
         if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
@@ -12995,6 +13018,11 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                 if (Browser.isDevice && this.fullScreenMode) {
                     this.dateTimeWrapper.style.left = '0px';
                 }
+                if (Browser.isDevice) {
+                    var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                    dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+                    this.timeModal.appendChild(dlgOverlay);
+                }
             }
         }
     };
@@ -13033,7 +13061,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             event.preventDefault();
         }
         if (!(closest(target, '[id="' + (this.popupObject && this.popupObject.element.id + '"]'))) && target !== this.inputElement
-            && target !== this.timeIcon && !isNullOrUndefined(this.inputWrapper) && target !== this.inputWrapper.container) {
+            && target !== this.timeIcon && !isNullOrUndefined(this.inputWrapper) && target !== this.inputWrapper.container && !target.classList.contains('e-dlg-overlay')) {
             if (this.isTimePopupOpen()) {
                 this.hide(event);
                 this.focusOut();