@syncfusion/ej2-calendars 26.2.8 → 26.2.10

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

@@ -7259,7 +7259,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
     };
     DateRangePicker.prototype.updateMinMaxDays = function (calendar) {
         if ((!isNullOrUndefined(this.startValue) && isNullOrUndefined(this.endValue)) ||
-            (this.isMobile && this.endButton.element.classList.contains(ACTIVE$1))) {
+            (this.isMobile && this.endButton && this.endButton.element.classList.contains(ACTIVE$1))) {
             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)));
@@ -8432,6 +8432,18 @@ var DateRangePicker = /** @__PURE__ @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);
@@ -13199,6 +13211,14 @@ var DateTimePicker = /** @__PURE__ @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(),
@@ -13238,7 +13258,6 @@ var DateTimePicker = /** @__PURE__ @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%';
         }
@@ -13246,18 +13265,14 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             this.popupObject.element.style.maxHeight = POPUPDIMENSION$1;
         }
         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) {