v26.2.10 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 26.2.9 (2024-08-13)
+## 26.2.10 (2024-08-20)
 
 ### Barcode
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 26.2.9 (2024-08-13)
+## 26.2.10 (2024-08-20)
 
 ### Switch
 

controls/calendars/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## [Unreleased]
 
+## 26.2.10 (2024-08-20)
+
+### DateRangePicker
+
+#### Bug Fixes
+
+- `#I189705` - Resolved an issue that caused a console error on mobile devices when utilizing the `maxDays` property in the `DateRangePicker`.
+
+- `#I607606` - Fixed the issue where the TimePicker popup was not opening at the center on mobile devices.
+
+- `#I613304` - Resolved an issue where toggling the visibility of the date range picker caused a memory leak.
+
 ## 26.2.8 (2024-08-06)
 
 ### DatePicker

controls/calendars/node_modules/@types/node/README.md

@@ -2436,7 +2436,7 @@ export class DateRangePicker extends CalendarBase {
     }
     private updateMinMaxDays(calendar: HTMLElement): void {
         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)) {
                 const startValueSelected : Date = this.removeTimeValueFromDate(this.startValue);
                 let minDate: Date = new Date(new Date(+startValueSelected).setDate(startValueSelected.getDate() + (this.minDays - 1)));
@@ -3584,6 +3584,18 @@ export 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);

controls/calendars/node_modules/aws-sdk/README.md

@@ -1117,6 +1117,14 @@ export class DateTimePicker extends DatePicker {
             this.timeModal.style.display = 'block';
             document.body.appendChild(this.timeModal);
         }
+        if(Browser.isDevice){
+            const modelWrapper: HTMLElement = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
+            modelWrapper.appendChild(this.dateTimeWrapper);
+            const dlgOverlay: HTMLElement = createElement('div', { className: 'e-dlg-overlay'});
+            dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+            modelWrapper.appendChild(dlgOverlay);
+            document.body.appendChild(modelWrapper);
+        }
         const offset: number = 4;
         this.popupObject = new Popup(this.dateTimeWrapper as HTMLElement, {
             width: this.setPopupWidth(),
@@ -1157,26 +1165,21 @@ export 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%';
         } else {
             this.popupObject.element.style.maxHeight = POPUPDIMENSION;
         }
 
         if (Browser.isDevice && this.fullScreenMode) {
-            const modelWrapper: HTMLElement = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
             const modelHeader: HTMLElement = this.createElement('div', { className: 'e-model-header' });
             const modelTitleSpan: HTMLElement = this.createElement('span', { className: 'e-model-title' });
             modelTitleSpan.textContent = 'Select time';
             const modelCloseIcon: HTMLElement = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
-            const timeContent: HTMLElement = 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);
         }
     }
 

controls/calendars/node_modules/libphonenumber-js/README.md

@@ -57,6 +57,26 @@
     }
   }
 
+  .e-datetime-mob-popup-wrap {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    max-height: 100%;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1002;
+  
+    .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 {
     @if $skin-name != 'Material3' {
       background-color: $datetime-default-overlay;

controls/calendars/src/daterangepicker/daterangepicker.ts

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 26.2.9 (2024-08-13)
+## 26.2.10 (2024-08-20)
 
 ### Chart