@syncfusion/ej2-calendars 20.4.44 → 20.4.51

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

@@ -2568,7 +2568,7 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.value)) {
             this.setProperties({ value: this.value }, true);
         }
-        if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) && !isNullOrUndefined(this.previousDate) && +new Date(this.value.toDateString()) !== +new Date(this.previousDate.toDateString()) || this.previousDate == null
+        if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) && !isNullOrUndefined(this.previousDate) || this.previousDate == null
             && !isNaN(+this.value))) {
             this.changeEvent(e);
         }
@@ -3285,7 +3285,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.createInput();
         this.updateHtmlAttributeToWrapper();
         this.setAllowEdit();
-        this.updateInput();
+        this.updateInput(true);
         if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
             this.updateInputValue(this.maskedDateValue);
         }
@@ -3347,8 +3347,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.updateInput = function (isDynamic) {
         if (isDynamic === void 0) { isDynamic = false; }
         var formatOptions;
-        if (this.value && !this.isCalendar() && !isDynamic) {
-            this.disabledDates();
+        if (this.value && !this.isCalendar()) {
+            this.disabledDates(isDynamic);
         }
         if (isNaN(+new Date(this.checkValue(this.value)))) {
             this.setProperties({ value: null }, true);
@@ -4213,8 +4213,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.trigger('navigated', this.navigatedArgs);
     };
     DatePicker.prototype.changeEvent = function (event) {
-        if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
+        if (!this.isIconClicked) {
             this.selectCalendar(event);
+        }
+        if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
             this.changedArgs.event = event ? event : null;
             this.changedArgs.element = this.element;
             this.changedArgs.isInteracted = this.isInteracted;
@@ -4228,6 +4230,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.previousElementValue = this.inputElement.value;
             this.errorClass();
         }
+        else if (event) {
+            this.hide(event);
+        }
     };
     DatePicker.prototype.requiredModules = function () {
         var modules = [];
@@ -4316,7 +4321,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         else {
             var prevent_1 = true;
             var outOfRange = void 0;
-            if (!isNullOrUndefined(this.value) && !(+this.value >= +this.min && +this.value <= +this.max)) {
+            if (!isNullOrUndefined(this.value) && !(+this.value >= +new Date(this.checkValue(this.min)) && +this.value <= +new Date(this.checkValue(this.max)))) {
                 outOfRange = new Date(this.checkValue(this.value));
                 this.setProperties({ 'value': null }, true);
             }
@@ -4782,14 +4787,17 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.getModuleName = function () {
         return 'datepicker';
     };
-    DatePicker.prototype.disabledDates = function () {
+    DatePicker.prototype.disabledDates = function (isDynamic) {
+        if (isDynamic === void 0) { isDynamic = false; }
         var formatOptions;
         var globalize;
         var valueCopy = this.checkDateValue(this.value) ? new Date(+this.value) : new Date(this.checkValue(this.value));
         var previousValCopy = this.previousDate;
         //calls the Calendar render method to check the disabled dates through renderDayCell event and update the input value accordingly.
         this.minMaxUpdates();
-        _super.prototype.render.call(this);
+        if (!isDynamic || (isDynamic && !isNullOrUndefined(this.renderDayCell))) {
+            _super.prototype.render.call(this);
+        }
         this.previousDate = previousValCopy;
         var date = valueCopy && +(valueCopy);
         var dateIdString = '*[id^="/id"]'.replace('/id', '' + date);
@@ -4798,7 +4806,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 this.setProperties({ value: valueCopy }, true);
             }
         }
-        if (!isNullOrUndefined(this.calendarElement.querySelectorAll(dateIdString)[0])) {
+        if (!isNullOrUndefined(this.calendarElement) && !isNullOrUndefined(this.calendarElement.querySelectorAll(dateIdString)[0])) {
             if (this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled')) {
                 if (!this.strictMode) {
                     this.currentDate = new Date(new Date().setHours(0, 0, 0, 0));
@@ -4859,8 +4867,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         var isDisabledDate = this.calendarElement &&
             this.calendarElement.querySelectorAll(dateIdString)[0] &&
             this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
-        if ((!isNullOrUndefined(this.value) && !(+new Date(+this.value).setMilliseconds(0) >= +this.min
-            && +new Date(+this.value).setMilliseconds(0) <= +this.max))
+        if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) && !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
+            && new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
             || (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
             addClass([this.inputWrapper.container], ERROR);
             attributes(this.inputElement, { 'aria-invalid': 'true' });
@@ -5904,7 +5912,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         this.createControl();
         this.bindCalendarEvents();
         this.updateRange((this.isMobile ? [this.calendarElement] : [this.leftCalendar, this.rightCalendar]));
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.renderDayCell)) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.updateHeader();
@@ -6921,7 +6929,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                 if (!this.isMobile) {
                     this.removeClassDisabled();
                 }
-                if (!isNullOrUndefined(this.renderDayCell)) {
+                if (!isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
                     this.disabledDateRender();
                 }
                 this.trigger('select', this.rangeArgs(event));
@@ -8499,7 +8507,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (!this.strictMode && (isDisabled)) {
             this.clearRange();
         }
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled && !isNullOrUndefined(this.renderDayCell)) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.errorClass();
@@ -8992,7 +9000,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
             range = (Math.round(Math.abs((this.removeTimeValueFromDate(this.startValue).getTime() -
                 this.removeTimeValueFromDate(this.endValue).getTime()) / (1000 * 60 * 60 * 24))) + 1);
-            if (!isNullOrUndefined(this.renderDayCell)) {
+            if (!isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
                 this.disabledDateRender();
             }
             if (!isNullOrUndefined(this.disabledDayCnt)) {
@@ -12355,7 +12363,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                 module: "MaskedDateTime",
             });
         }
-        this.setValue();
+        this.setValue(true);
         if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
             Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
         }
@@ -12374,7 +12382,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         }
         this.renderComplete();
     };
-    DateTimePicker.prototype.setValue = function () {
+    DateTimePicker.prototype.setValue = function (isDynamic) {
+        if (isDynamic === void 0) { isDynamic = false; }
         this.initValue = this.validateMinMaxRange(this.value);
         if (!this.strictMode && this.isDateObject(this.initValue)) {
             var value = this.validateMinMaxRange(this.initValue);
@@ -12388,7 +12397,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.valueWithMinutes = this.value;
-        _super.prototype.updateInput.call(this);
+        _super.prototype.updateInput.call(this, isDynamic);
     };
     DateTimePicker.prototype.validateMinMaxRange = function (value) {
         var result = value;
@@ -12856,8 +12865,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         return popupHeight > height ? height : popupHeight;
     };
     DateTimePicker.prototype.changeEvent = function (e) {
+        _super.prototype.changeEvent.call(this, e);
         if ((this.value && this.value.valueOf()) !== (this.previousDateTime && +this.previousDateTime.valueOf())) {
-            _super.prototype.changeEvent.call(this, e);
             this.valueWithMinutes = this.value;
             this.setInputValue('date');
             this.previousDateTime = this.value && new Date(+this.value);