@syncfusion/ej2-calendars 34.2.5 → 34.2.8

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

@@ -3747,6 +3747,8 @@ var DatePicker = /** @__PURE__ @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) {
@@ -3788,6 +3790,10 @@ var DatePicker = /** @__PURE__ @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) {
@@ -3878,6 +3884,9 @@ var DatePicker = /** @__PURE__ @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;
@@ -3894,6 +3903,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 this.isDateIconClicked = true;
+                if (this.getModuleName() === 'datetimepicker') {
+                    this.strictModeUpdate();
+                }
                 this.show(null, e);
                 if (this.getModuleName() === 'datetimepicker') {
                     this.inputElement.focus();
@@ -5239,13 +5251,17 @@ var DatePicker = /** @__PURE__ @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) {
@@ -6213,6 +6229,8 @@ var DateRangePicker = /** @__PURE__ @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);
@@ -6231,6 +6249,10 @@ var DateRangePicker = /** @__PURE__ @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) {
@@ -6349,6 +6371,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         }
         this.removeSelection();
     };
+    DateRangePicker.prototype.windowResize = function () {
+        this.updateFloatLabelOverflowWidth(true);
+    };
     DateRangePicker.prototype.rangeIconHandler = function (e) {
         if (!this.enabled) {
             return;
@@ -9789,9 +9814,10 @@ var DateRangePicker = /** @__PURE__ @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);
@@ -13693,6 +13719,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 this.inputElement.focus();
+                this.strictModeUpdate();
                 this.popupCreation('time', e);
                 addClass([this.inputWrapper.container], [INPUTFOCUS$2]);
             }