@syncfusion/ej2-calendars 31.2.5 → 31.2.12

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

@@ -3344,6 +3344,7 @@ let DatePicker = class DatePicker extends Calendar {
         if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
+        this.initTimeZone = new Date().getTimezoneOffset();
         this.renderComplete();
         this.setTimeZone(this.serverTimezoneOffset);
     }
@@ -3917,6 +3918,9 @@ let DatePicker = class DatePicker extends Calendar {
         if (!this.enabled) {
             return;
         }
+        if (this.initTimeZone !== new Date().getTimezoneOffset()) {
+            this.strictModeUpdate(true);
+        }
         if (this.enableMask && !this.inputElement.value && this.placeholder) {
             if (this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder)) {
                 this.updateInputValue(this.maskedDateValue);
@@ -3954,12 +3958,8 @@ let DatePicker = class DatePicker extends Calendar {
         }
     }
     inputBlurHandler(e) {
-        const inputSame = this.inputElement.value === this.previousElementValue;
-        const dateSame = this.value && this.previousDate
-            ? this.value.getTime() === this.previousDate.getTime()
-            : this.value === this.previousDate;
         this.updateFloatLabelOverflowWidth();
-        if (!this.enabled || (inputSame && dateSame)) {
+        if (!this.enabled) {
             return;
         }
         this.strictModeUpdate();
@@ -4143,7 +4143,7 @@ let DatePicker = class DatePicker extends Calendar {
             }
         }
     }
-    strictModeUpdate() {
+    strictModeUpdate(preventTimeZone) {
         let format;
         const pattern = /^y/;
         const charPattern = /[^a-zA-Z]/;
@@ -4248,17 +4248,17 @@ let DatePicker = class DatePicker extends Calendar {
             }
         }
         // EJ2-35061 - To prevent change event from triggering twice when using strictmode and format property
-        if ((this.getModuleName() === 'datepicker') && (this.value && !isNaN(+this.value)) && date) {
+        if (((this.getModuleName() === 'datepicker') && (this.value && !isNaN(+this.value)) && date) && !preventTimeZone) {
             date.setHours(this.value.getHours(), this.value.getMinutes(), this.value.getSeconds(), this.value.getMilliseconds());
         }
         if (this.strictMode && date) {
             this.updateInputValue(this.globalize.formatDate(date, dateOptions));
-            if (this.inputElement.value !== this.previousElementValue) {
+            if ((this.inputElement.value !== this.previousElementValue) || preventTimeZone) {
                 this.setProperties({ value: date }, true);
             }
         }
         else if (!this.strictMode) {
-            if (this.inputElement.value !== this.previousElementValue) {
+            if ((this.inputElement.value !== this.previousElementValue) || preventTimeZone) {
                 this.setProperties({ value: date }, true);
             }
         }
@@ -4440,11 +4440,14 @@ let DatePicker = class DatePicker extends Calendar {
         if (this.fullScreenMode) {
             const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
-            const modelTodayButton = this.calendarElement.querySelector('button.e-today');
+            const modelTodayButton = this.showTodayButton
+                ? this.calendarElement.querySelector('button.e-today') : null;
             h2.classList.add('e-day-wrapper');
-            modelTodayButton.classList.add('e-outline');
             modelHeader.appendChild(modelCloseIcon);
-            modelHeader.appendChild(modelTodayButton);
+            if (modelTodayButton) {
+                modelTodayButton.classList.add('e-outline');
+                modelHeader.appendChild(modelTodayButton);
+            }
         }
         if (!this.fullScreenMode) {
             modelHeader.appendChild(yearHeading);