@syncfusion/ej2-calendars 26.2.5 → 26.2.10

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

@@ -4671,6 +4671,7 @@ let DatePicker = class DatePicker extends Calendar {
         if (this.showClearButton) {
             this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
         }
+        this.hide(null);
         super.destroy();
         Input.destroy({
             element: this.inputElement,
@@ -7172,7 +7173,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
     }
     updateMinMaxDays(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)) {
                 const startValueSelected = this.removeTimeValueFromDate(this.startValue);
                 let minDate = new Date(new Date(+startValueSelected).setDate(startValueSelected.getDate() + (this.minDays - 1)));
@@ -8338,6 +8339,18 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 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);
@@ -12548,6 +12561,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         if (this.showClearButton) {
             this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
         }
+        this.hide(null);
         if (this.popupObject && this.popupObject.element.classList.contains(POPUP$3)) {
             this.popupObject.destroy();
             detach(this.dateTimeWrapper);
@@ -13053,6 +13067,14 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             this.timeModal.style.display = 'block';
             document.body.appendChild(this.timeModal);
         }
+        if (Browser.isDevice) {
+            const modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
+            modelWrapper.appendChild(this.dateTimeWrapper);
+            const dlgOverlay = createElement('div', { className: 'e-dlg-overlay' });
+            dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+            modelWrapper.appendChild(dlgOverlay);
+            document.body.appendChild(modelWrapper);
+        }
         const offset = 4;
         this.popupObject = new Popup(this.dateTimeWrapper, {
             width: this.setPopupWidth(),
@@ -13092,7 +13114,6 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             }
         });
         if (Browser.isDevice && this.fullScreenMode) {
-            this.popupObject.element.style.display = 'flex';
             this.popupObject.element.style.maxHeight = '100%';
             this.popupObject.element.style.width = '100%';
         }
@@ -13100,18 +13121,14 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             this.popupObject.element.style.maxHeight = POPUPDIMENSION$1;
         }
         if (Browser.isDevice && this.fullScreenMode) {
-            const modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
             const modelHeader = this.createElement('div', { className: 'e-model-header' });
             const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
             modelTitleSpan.textContent = 'Select time';
             const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
-            const 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);
         }
     }
     dateTimeCloseHandler(e) {