@syncfusion/ej2-calendars 26.2.8 → 26.2.11

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

@@ -6318,12 +6318,15 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         if (this.depth === 'Month') {
             return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
         }
-        else if (this.depth === 'Year') {
+        else if (this.depth === 'Year' && !isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
         }
-        else {
+        else if (!isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);
         }
+        else {
+            return null;
+        }
     }
     clearRange() {
         this.previousStartValue = this.previousEndValue = null;
@@ -7173,7 +7176,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)));
@@ -8339,6 +8342,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);
@@ -12984,11 +12999,6 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                 if (Browser.isDevice && this.fullScreenMode) {
                     this.dateTimeWrapper.style.left = '0px';
                 }
-                if (Browser.isDevice) {
-                    const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
-                    dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
-                    this.timeModal.appendChild(dlgOverlay);
-                }
             }
         }
     }
@@ -13055,6 +13065,14 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             this.timeModal.style.display = 'block';
             document.body.appendChild(this.timeModal);
         }
+        if (Browser.isDevice) {
+            this.modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
+            this.modelWrapper.appendChild(this.dateTimeWrapper);
+            const dlgOverlay = createElement('div', { className: 'e-dlg-overlay' });
+            dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+            this.modelWrapper.appendChild(dlgOverlay);
+            document.body.appendChild(this.modelWrapper);
+        }
         const offset = 4;
         this.popupObject = new Popup(this.dateTimeWrapper, {
             width: this.setPopupWidth(),
@@ -13083,6 +13101,9 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                 remove(this.popupObject.element);
                 this.popupObject.destroy();
                 this.dateTimeWrapper.innerHTML = '';
+                if (this.modelWrapper) {
+                    remove(this.modelWrapper);
+                }
                 this.listWrapper = this.dateTimeWrapper = undefined;
                 if (this.inputEvent) {
                     this.inputEvent.destroy();
@@ -13094,7 +13115,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%';
         }
@@ -13102,18 +13122,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) {