@syncfusion/ej2-calendars 34.2.5 → 34.2.8

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 34.2.8
+*  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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _calendars from '@syncfusion/ej2-calendars';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-calendars",
-  "version": "34.2.5",
+  "version": "34.2.8",
   "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.5",
-    "@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.8",
+    "@syncfusion/ej2-buttons": "~34.2.8",
+    "@syncfusion/ej2-inputs": "~34.2.8",
+    "@syncfusion/ej2-lists": "~34.2.8",
+    "@syncfusion/ej2-popups": "~34.2.8"
   },
   "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;
@@ -589,6 +598,9 @@ var DatePicker = /** @class */ (function (_super) {
             }
             else {
                 this.isDateIconClicked = true;
+                if (this.getModuleName() === 'datetimepicker') {
+                    this.strictModeUpdate();
+                }
                 this.show(null, e);
                 if (this.getModuleName() === 'datetimepicker') {
                     this.inputElement.focus();
@@ -1938,13 +1950,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-model.d.ts

@@ -383,8 +383,7 @@ export interface DateRangePickerModel extends CalendarBaseModel{
 
     /**
      * Sets or gets the required date format to the start and end date string.
-     * > For more details refer to
-     * [`Format`](https://ej2.syncfusion.com/demos/#/material/daterangepicker/format.html)sample.
+     * > For more details refer to [`Format`](https://ej2.syncfusion.com/demos/daterangepicker/date-format)sample.
      *
      * @aspType string
      * {% codeBlock src='daterangepicker/format/index.md' %}{% endcodeBlock %}

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 %}
@@ -499,8 +500,7 @@ export declare class DateRangePicker extends CalendarBase {
     };
     /**
      * Sets or gets the required date format to the start and end date string.
-     * > For more details refer to
-     * [`Format`](https://ej2.syncfusion.com/demos/#/material/daterangepicker/format.html)sample.
+     * > For more details refer to [`Format`](https://ej2.syncfusion.com/demos/daterangepicker/date-format)sample.
      *
      * @aspType string
      * {% codeBlock src='daterangepicker/format/index.md' %}{% endcodeBlock %}
@@ -641,6 +641,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);

package/src/datetimepicker/datetimepicker.js

@@ -514,6 +514,7 @@ var DateTimePicker = /** @class */ (function (_super) {
             }
             else {
                 this.inputElement.focus();
+                this.strictModeUpdate();
                 this.popupCreation('time', e);
                 addClass([this.inputWrapper.container], [INPUTFOCUS]);
             }

package/src/timepicker/timepicker-model.d.ts

@@ -248,7 +248,7 @@ export interface TimePickerModel extends ComponentModel{
      * Specifies the scroll bar position if there is no value is selected in the popup list or
      *  the given value is not present in the popup list.
      * > For more details refer to
-     * [`Time Duration`](https://ej2.syncfusion.com/demos/#/material/timepicker/list-formatting.html) sample.
+     * [`Time Duration`](https://ej2.syncfusion.com/demos/timepicker/list-formatting) sample.
      * {% codeBlock src='timepicker/scrollTo/index.md' %}{% endcodeBlock %}
      *
      * @default null

package/src/timepicker/timepicker.d.ts

@@ -361,7 +361,7 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * Specifies the scroll bar position if there is no value is selected in the popup list or
      *  the given value is not present in the popup list.
      * > For more details refer to
-     * [`Time Duration`](https://ej2.syncfusion.com/demos/#/material/timepicker/list-formatting.html) sample.
+     * [`Time Duration`](https://ej2.syncfusion.com/demos/timepicker/list-formatting) sample.
      * {% codeBlock src='timepicker/scrollTo/index.md' %}{% endcodeBlock %}
      *
      * @default null