@syncfusion/ej2-calendars 23.1.38 → 23.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.38
+*  version : 23.1.41
 *  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.30.19",
+  "_id": "@syncfusion/ej2-calendars@23.1.40",
   "_inBundle": false,
-  "_integrity": "sha512-r0w9Qb/QlI44UVk7zaxEJ0L4oVz1rt6RB8nF+SZtqP7nC0GLgkSgeHVPsbWQimsjKJijGmsFEuTaRayYIg4vMA==",
+  "_integrity": "sha512-ETp5aE12jR0wILMr2XzoEjq+9xmrvVKAsOSgOTcqY/5U67MFwWHfaba0zvpKjqiD1WvD91hPT66NiZq3xF146w==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -32,8 +32,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-18.30.19.tgz",
-  "_shasum": "17a30c7ae47921638907111c367a6dee5574c42e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-23.1.40.tgz",
+  "_shasum": "2ad008323edd45835aede0046e86e233c2984038",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -44,9 +44,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-buttons": "~23.1.36",
-    "@syncfusion/ej2-inputs": "~23.1.38",
+    "@syncfusion/ej2-base": "~23.1.41",
+    "@syncfusion/ej2-buttons": "~23.1.41",
+    "@syncfusion/ej2-inputs": "~23.1.40",
     "@syncfusion/ej2-lists": "~23.1.36",
     "@syncfusion/ej2-popups": "~23.1.38"
   },
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.38",
+  "version": "23.1.41",
   "sideEffects": false
 }

package/src/calendar/calendar.js

@@ -2294,7 +2294,7 @@ var Calendar = /** @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;

package/src/datepicker/datepicker.js

@@ -176,7 +176,7 @@ var DatePicker = /** @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 };
@@ -753,7 +753,8 @@ var DatePicker = /** @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();
         }
@@ -1337,6 +1338,11 @@ var DatePicker = /** @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);
+            }
         }
     };
     /**
@@ -1475,7 +1481,7 @@ var DatePicker = /** @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);

package/src/daterangepicker/daterangepicker.js

@@ -3405,7 +3405,7 @@ var DateRangePicker = /** @class */ (function (_super) {
             (!isNullOrUndefined(this.targetElement) && !(target === this.targetElement))) &&
             !(closest(target, '[id="' + this.popupWrapper.id + '"]'))
             && !(closest(target, '.' + INPUTCONTAINER) === 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);
@@ -4058,6 +4058,11 @@ var DateRangePicker = /** @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);
+                }
             }
         }
     };

package/src/datetimepicker/datetimepicker.js

@@ -198,6 +198,12 @@ var DateTimePicker = /** @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;
         }
@@ -557,6 +563,11 @@ var DateTimePicker = /** @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);
+                }
             }
         }
     };
@@ -595,7 +606,7 @@ var DateTimePicker = /** @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();

package/src/timepicker/timepicker.js

@@ -2006,7 +2006,8 @@ var TimePicker = /** @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();
@@ -2219,6 +2220,11 @@ var TimePicker = /** @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 */

package/styles/daterangepicker/_fluent-definition.scss

@@ -303,3 +303,20 @@ $modal-range-header-text-color: $content-bg-color !default;
 $modal-range-tablet-font-size: 18px !default;
 
 $range-header-font-size: 16px !default;
+
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}

package/styles/daterangepicker/_layout.scss

@@ -111,8 +111,8 @@
           #{if(&, '&', '*')} .e-title {
             cursor: $range-cursor-pointer-style;
             line-height: $range-normal-nav-icon-height;
-            width: $range-control-header-width;
             @if ($skin-name != 'FluentUI') {
+              width: $range-control-header-width;
               float: $range-float-none;
               font-weight: $range-font-weight-normal;
               margin-left: $range-value-zero;
@@ -126,12 +126,13 @@
             }
           }
           #{if(&, '&', '*')} .e-next {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-left;
-            @if ($skin-name == 'FluentUI') {
-              float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-left;
             }
           }
           #{if(&, '&', '*')} .e-next,
@@ -275,7 +276,9 @@
             float: $range-float-left;
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
             border-radius: $range-hover-end-radius;

package/styles/daterangepicker/fluent-dark.css

@@ -1,5 +1,22 @@
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}
+
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -171,16 +188,6 @@
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   cursor: pointer;
   line-height: 28px;
-  width: auto;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-next,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
-  float: right;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
-  float: left;
-  float: right;
 }
 .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
@@ -305,10 +312,6 @@
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
   float: left;
 }
-.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
-  float: right;
-}
 .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
   border-radius: 0;

package/styles/daterangepicker/fluent.css

@@ -1,5 +1,22 @@
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}
+
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -171,16 +188,6 @@
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   cursor: pointer;
   line-height: 28px;
-  width: auto;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-next,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
-  float: right;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
-  float: left;
-  float: right;
 }
 .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
@@ -305,10 +312,6 @@
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
   float: left;
 }
-.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
-  float: right;
-}
 .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
   border-radius: 0;

package/styles/fluent-dark.css

@@ -1773,6 +1773,23 @@ ejs-calendar {
 
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}
+
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1944,16 +1961,6 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   cursor: pointer;
   line-height: 28px;
-  width: auto;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-next,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
-  float: right;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
-  float: left;
-  float: right;
 }
 .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
@@ -2078,10 +2085,6 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
   float: left;
 }
-.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
-  float: right;
-}
 .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
   border-radius: 0;

package/styles/fluent.css

@@ -1773,6 +1773,23 @@ ejs-calendar {
 
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}
+
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1944,16 +1961,6 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   cursor: pointer;
   line-height: 28px;
-  width: auto;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-next,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
-  float: right;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
-  float: left;
-  float: right;
 }
 .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
@@ -2078,10 +2085,6 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
   float: left;
 }
-.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
-.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
-  float: right;
-}
 .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
   border-radius: 0;