@syncfusion/ej2-calendars 26.2.8 → 26.2.11

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

@@ -6394,12 +6394,15 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         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;
+        }
     };
     DateRangePicker.prototype.clearRange = function () {
         this.previousStartValue = this.previousEndValue = null;
@@ -7259,7 +7262,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 +8435,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);
@@ -13126,11 +13141,6 @@ var DateTimePicker = /** @__PURE__ @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);
-                }
             }
         }
     };
@@ -13199,6 +13209,14 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             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);
+            var dlgOverlay = createElement('div', { className: 'e-dlg-overlay' });
+            dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+            this.modelWrapper.appendChild(dlgOverlay);
+            document.body.appendChild(this.modelWrapper);
+        }
         var offset = 4;
         this.popupObject = new Popup(this.dateTimeWrapper, {
             width: this.setPopupWidth(),
@@ -13227,6 +13245,9 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                 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();
@@ -13238,7 +13259,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 +13266,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) {