@syncfusion/ej2-calendars 26.2.5 → 26.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.5
+*  version : 26.2.10
 *  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@26.1.41",
+  "_id": "@syncfusion/ej2-calendars@26.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-dtyCtcUTeff5+TS7Y+/R3w+UiHNB7d5KwcSZZpwhjkjEozQM6UEar2KzSrQ70n9maAvktJJo9FvxLTPcwSJnqQ==",
+  "_integrity": "sha512-lSLHdNlcqugm3Gmp7JHlGEj99Msn113iGzsffWVknlK/MjHpeGSDKkkuUsY70Qq5swMRQg/45RQ1awd6C/pvnw==",
   "_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-26.1.41.tgz",
-  "_shasum": "5d02b42f086313df3e86a2e1ecfb3a649f646216",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-26.2.8.tgz",
+  "_shasum": "9c2c70ff41080297dd4c5d2769e79a095d129fdc",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -43,11 +43,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-buttons": "~26.2.5",
-    "@syncfusion/ej2-inputs": "~26.2.5",
-    "@syncfusion/ej2-lists": "~26.2.5",
-    "@syncfusion/ej2-popups": "~26.2.5"
+    "@syncfusion/ej2-base": "~26.2.10",
+    "@syncfusion/ej2-buttons": "~26.2.10",
+    "@syncfusion/ej2-inputs": "~26.2.10",
+    "@syncfusion/ej2-lists": "~26.2.10",
+    "@syncfusion/ej2-popups": "~26.2.10"
   },
   "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": "26.2.5",
+  "version": "26.2.10",
   "sideEffects": false
 }

package/src/datepicker/datepicker.js

@@ -1482,6 +1482,7 @@ var DatePicker = /** @class */ (function (_super) {
         if (this.showClearButton) {
             this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
         }
+        this.hide(null);
         _super.prototype.destroy.call(this);
         Input.destroy({
             element: this.inputElement,

package/src/daterangepicker/daterangepicker.js

@@ -1924,7 +1924,7 @@ var DateRangePicker = /** @class */ (function (_super) {
     };
     DateRangePicker.prototype.updateMinMaxDays = function (calendar) {
         if ((!isNullOrUndefined(this.startValue) && isNullOrUndefined(this.endValue)) ||
-            (this.isMobile && this.endButton.element.classList.contains(ACTIVE))) {
+            (this.isMobile && this.endButton && this.endButton.element.classList.contains(ACTIVE))) {
             if ((!isNullOrUndefined(this.minDays) && this.minDays > 0) || (!isNullOrUndefined(this.maxDays) && this.maxDays > 0)) {
                 var startValueSelected = this.removeTimeValueFromDate(this.startValue);
                 var minDate = new Date(new Date(+startValueSelected).setDate(startValueSelected.getDate() + (this.minDays - 1)));
@@ -3097,6 +3097,18 @@ var DateRangePicker = /** @class */ (function (_super) {
                 if (!isUndefined(_this.presets[0].start && _this.presets[0].end && _this.presets[0].label)) {
                     _this.unWireListEvents();
                 }
+                if (_this.applyButton) {
+                    _this.applyButton.destroy();
+                }
+                if (_this.cancelButton) {
+                    _this.cancelButton.destroy();
+                }
+                if (_this.isMobile && _this.endButton) {
+                    _this.endButton.destroy();
+                }
+                if (_this.isMobile && _this.startButton) {
+                    _this.startButton.destroy();
+                }
                 if (!isNullOrUndefined(_this.popupObj)) {
                     if (!isNullOrUndefined(_this.popupObj.element.parentElement)) {
                         detach(_this.popupObj.element);

package/src/datetimepicker/datetimepicker.js

@@ -142,6 +142,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         if (this.showClearButton) {
             this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
         }
+        this.hide(null);
         if (this.popupObject && this.popupObject.element.classList.contains(POPUP)) {
             this.popupObject.destroy();
             detach(this.dateTimeWrapper);
@@ -650,6 +651,14 @@ var DateTimePicker = /** @class */ (function (_super) {
             this.timeModal.style.display = 'block';
             document.body.appendChild(this.timeModal);
         }
+        if (Browser.isDevice) {
+            var modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
+            modelWrapper.appendChild(this.dateTimeWrapper);
+            var dlgOverlay = createElement('div', { className: 'e-dlg-overlay' });
+            dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+            modelWrapper.appendChild(dlgOverlay);
+            document.body.appendChild(modelWrapper);
+        }
         var offset = 4;
         this.popupObject = new Popup(this.dateTimeWrapper, {
             width: this.setPopupWidth(),
@@ -689,7 +698,6 @@ var DateTimePicker = /** @class */ (function (_super) {
             }
         });
         if (Browser.isDevice && this.fullScreenMode) {
-            this.popupObject.element.style.display = 'flex';
             this.popupObject.element.style.maxHeight = '100%';
             this.popupObject.element.style.width = '100%';
         }
@@ -697,18 +705,14 @@ var DateTimePicker = /** @class */ (function (_super) {
             this.popupObject.element.style.maxHeight = POPUPDIMENSION;
         }
         if (Browser.isDevice && this.fullScreenMode) {
-            var modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
             var modelHeader = this.createElement('div', { className: 'e-model-header' });
             var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
             modelTitleSpan.textContent = 'Select time';
             var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
-            var timeContent = this.dateTimeWrapper.querySelector('.e-content');
             modelHeader.appendChild(modelCloseIcon);
             modelHeader.appendChild(modelTitleSpan);
-            modelWrapper.appendChild(modelHeader);
-            modelWrapper.appendChild(timeContent);
-            this.dateTimeWrapper.insertBefore(modelWrapper, this.dateTimeWrapper.firstElementChild);
+            this.dateTimeWrapper.insertBefore(modelHeader, this.dateTimeWrapper.firstElementChild);
         }
     };
     DateTimePicker.prototype.dateTimeCloseHandler = function (e) {

package/styles/bootstrap-dark.css

@@ -2883,6 +2883,34 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetime-mob-popup-wrap {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  left: 0;
+  max-height: 100%;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  position: relative;
+  top: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-datetimepicker.e-time-modal {
   background-color: rgba(26, 26, 26, 0.6);
   height: 100%;

package/styles/bootstrap.css

@@ -2889,6 +2889,34 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetime-mob-popup-wrap {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  left: 0;
+  max-height: 100%;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  position: relative;
+  top: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-datetimepicker.e-time-modal {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/bootstrap4.css

@@ -2915,6 +2915,34 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetime-mob-popup-wrap {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  left: 0;
+  max-height: 100%;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  position: relative;
+  top: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-datetimepicker.e-time-modal {
   background-color: rgba(0, 0, 0, 0.15);
   height: 100%;

package/styles/bootstrap5-dark.css

@@ -3046,6 +3046,34 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetime-mob-popup-wrap {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  left: 0;
+  max-height: 100%;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  position: relative;
+  top: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-datetimepicker.e-time-modal {
   background-color: #343a40;
   height: 100%;

package/styles/bootstrap5.css

@@ -3046,6 +3046,34 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetime-mob-popup-wrap {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  left: 0;
+  max-height: 100%;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  position: relative;
+  top: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-datetimepicker.e-time-modal {
   background-color: #e9ecef;
   height: 100%;