@syncfusion/ej2-calendars 26.1.38 → 26.1.40

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

@@ -5057,6 +5057,10 @@ let DatePicker = class DatePicker extends Calendar {
      */
     onPropertyChanged(newProp, oldProp) {
         for (const prop of Object.keys(newProp)) {
+            const openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+            if (openPopup.indexOf(prop) > 0 && this.isReact) {
+                this.isDynamicValueChanged = true;
+            }
             switch (prop) {
                 case 'value':
                     this.isDynamicValueChanged = true;
@@ -9509,10 +9513,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
      */
     onPropertyChanged(newProp, oldProp) {
         const format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
+        let isDynamicValueChange = false;
         for (const prop of Object.keys(newProp)) {
-            const openPopup = ['maxDays', 'minDays', 'value'];
-            if (openPopup.indexOf(prop) < 0) {
-                this.hide(null);
+            const openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
+            if (openPopup.indexOf(prop) > 0 && this.isReact) {
+                isDynamicValueChange = true;
             }
             switch (prop) {
                 case 'width':
@@ -9605,6 +9610,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     }
                     break;
                 case 'value':
+                    isDynamicValueChange = true;
                     this.invalidValueString = null;
                     this.checkInvalidRange(newProp.value);
                     if (typeof (newProp.value) === 'string') {
@@ -9680,11 +9686,13 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
                     break;
                 case 'minDays':
+                    isDynamicValueChange = true;
                     this.setProperties({ minDays: newProp.minDays }, true);
                     this.refreshChange();
                     this.setMinMaxDays();
                     break;
                 case 'maxDays':
+                    isDynamicValueChange = true;
                     this.setProperties({ maxDays: newProp.maxDays }, true);
                     this.refreshChange();
                     this.setMinMaxDays();
@@ -9726,6 +9734,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     this.refreshChange();
                     break;
             }
+            if (!isDynamicValueChange) {
+                this.hide(null);
+            }
         }
     }
 };
@@ -13835,6 +13846,10 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
      */
     onPropertyChanged(newProp, oldProp) {
         for (const prop of Object.keys(newProp)) {
+            const openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+            if (openPopup.indexOf(prop) > 0 && this.isReact) {
+                this.isDynamicValueChanged = true;
+            }
             switch (prop) {
                 case 'value':
                     this.isDynamicValueChanged = true;