@syncfusion/ej2-calendars 34.2.4 → 34.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.2.4
+*  version : 34.2.6
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-calendars",
-  "version": "34.2.4",
+  "version": "34.2.6",
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,11 +8,11 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-calendars.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~34.2.4",
-    "@syncfusion/ej2-buttons": "~34.2.2",
-    "@syncfusion/ej2-inputs": "~34.2.2",
-    "@syncfusion/ej2-lists": "~34.2.2",
-    "@syncfusion/ej2-popups": "~34.2.4"
+    "@syncfusion/ej2-base": "~34.2.6",
+    "@syncfusion/ej2-buttons": "~34.2.6",
+    "@syncfusion/ej2-inputs": "~34.2.6",
+    "@syncfusion/ej2-lists": "~34.2.6",
+    "@syncfusion/ej2-popups": "~34.2.6"
   },
   "devDependencies": {},
   "keywords": [

package/src/datepicker/datepicker.d.ts

@@ -70,6 +70,7 @@ export declare class DatePicker extends Calendar implements IInput {
     protected isBlur: boolean;
     private isKeyAction;
     private initTimeZone;
+    private resizeHandler;
     protected clearButton: HTMLElement;
     /**
      * Specifies the width of the DatePicker component.
@@ -437,6 +438,7 @@ export declare class DatePicker extends Calendar implements IInput {
     private clear;
     private preventEventBubbling;
     private updateInputValue;
+    private windowResize;
     private dateIconHandler;
     protected updateHtmlAttributeToWrapper(): void;
     private getDeviceType;

package/src/datepicker/datepicker.js

@@ -440,6 +440,8 @@ var DatePicker = /** @class */ (function (_super) {
             keyAction: this.inputKeyActionHandle.bind(this),
             keyConfigs: this.defaultKeyConfigs
         });
+        this.resizeHandler = this.windowResize.bind(this);
+        window.addEventListener('resize', this.resizeHandler);
     };
     DatePicker.prototype.keydownHandler = function (e) {
         switch (e.code) {
@@ -483,6 +485,10 @@ var DatePicker = /** @class */ (function (_super) {
         if (this.formElement) {
             EventHandler.remove(this.formElement, 'reset', this.resetFormHandler);
         }
+        if (this.resizeHandler) {
+            window.removeEventListener('resize', this.resizeHandler);
+            this.resizeHandler = null;
+        }
     };
     DatePicker.prototype.resetFormHandler = function () {
         if (!this.enabled) {
@@ -573,6 +579,9 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.updateInputValue = function (value) {
         Input.setValue(value, this.inputElement, this.floatLabelType, this.showClearButton);
     };
+    DatePicker.prototype.windowResize = function () {
+        this.updateFloatLabelOverflowWidth(true);
+    };
     DatePicker.prototype.dateIconHandler = function (e) {
         if (!this.enabled) {
             return;
@@ -1938,13 +1947,17 @@ var DatePicker = /** @class */ (function (_super) {
         }
         return document.body;
     };
-    DatePicker.prototype.updateFloatLabelOverflowWidth = function () {
+    DatePicker.prototype.updateFloatLabelOverflowWidth = function (isDynamic) {
         var container = this.inputWrapper.container;
-        var label = container.querySelector('.e-float-text.e-label-bottom');
+        var label = isDynamic ?
+            container.querySelector('.e-float-text') : container.querySelector('.e-float-text.e-label-bottom');
         var width = 0;
         var iconSelectors = '.e-input-group-icon, .e-clear-icon';
         var icons = container.querySelectorAll(iconSelectors);
         for (var index = 0; index < icons.length; index++) {
+            if (isDynamic && icons[index].classList.contains('e-time-icon')) {
+                continue;
+            }
             width += icons[index].offsetWidth;
         }
         if (label) {

package/src/daterangepicker/daterangepicker.d.ts

@@ -175,6 +175,7 @@ export declare class DateRangePicker extends CalendarBase {
     protected iconRangeRight: string;
     protected clearButton: HTMLElement;
     private isIconClick;
+    private resizeHandler;
     /**
      * Gets or sets the start and end date of the Calendar.
      * {% codeBlock src='daterangepicker/value/index.md' %}{% endcodeBlock %}
@@ -641,6 +642,7 @@ export declare class DateRangePicker extends CalendarBase {
     private restoreValue;
     protected formResetHandler(e: MouseEvent): void;
     private clear;
+    private windowResize;
     private rangeIconHandler;
     private checkHtmlAttributes;
     private createPopup;

package/src/daterangepicker/daterangepicker.js

@@ -583,6 +583,8 @@ var DateRangePicker = /** @class */ (function (_super) {
         else {
             this.inputElement.tabIndex = -1;
         }
+        this.resizeHandler = this.windowResize.bind(this);
+        window.addEventListener('resize', this.resizeHandler);
     };
     DateRangePicker.prototype.unBindEvents = function () {
         EventHandler.remove(this.inputWrapper.buttons[0], 'mousedown', this.rangeIconHandler);
@@ -601,6 +603,10 @@ var DateRangePicker = /** @class */ (function (_super) {
             EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
         }
         this.inputElement.tabIndex = -1;
+        if (this.resizeHandler) {
+            window.removeEventListener('resize', this.resizeHandler);
+            this.resizeHandler = null;
+        }
     };
     DateRangePicker.prototype.updateHiddenInput = function () {
         if (this.firstHiddenChild && this.secondHiddenChild) {
@@ -719,6 +725,9 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         this.removeSelection();
     };
+    DateRangePicker.prototype.windowResize = function () {
+        this.updateFloatLabelOverflowWidth(true);
+    };
     DateRangePicker.prototype.rangeIconHandler = function (e) {
         if (!this.enabled) {
             return;
@@ -4163,9 +4172,10 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         return document.body;
     };
-    DateRangePicker.prototype.updateFloatLabelOverflowWidth = function () {
+    DateRangePicker.prototype.updateFloatLabelOverflowWidth = function (isDynamic) {
         var container = this.inputWrapper.container;
-        var label = container.querySelector('.e-float-text.e-label-bottom');
+        var label = isDynamic ?
+            container.querySelector('.e-float-text') : container.querySelector('.e-float-text.e-label-bottom');
         var width = 0;
         var iconSelectors = '.e-input-group-icon, .e-clear-icon';
         var icons = container.querySelectorAll(iconSelectors);