@syncfusion/ej2-calendars 21.2.9 → 21.2.10

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

@@ -3244,6 +3244,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         _this.isDynamicValueChanged = false;
         _this.moduleName = _this.getModuleName();
         _this.isFocused = false;
+        _this.isBlur = false;
         _this.datepickerOptions = options;
         return _this;
     }
@@ -3377,11 +3378,12 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         Input.addAttributes({ 'aria-label': 'select' }, this.inputWrapper.buttons[0]);
         addClass([this.inputWrapper.container], DATEWRAPPER);
     };
-    DatePicker.prototype.updateInput = function (isDynamic) {
+    DatePicker.prototype.updateInput = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         if (this.value && !this.isCalendar()) {
-            this.disabledDates(isDynamic);
+            this.disabledDates(isDynamic, isBlur);
         }
         if (isNaN(+new Date(this.checkValue(this.value)))) {
             this.setProperties({ value: null }, true);
@@ -3864,7 +3866,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.invalidValueString = null;
             this.updateInputValue('');
         }
-        this.updateInput();
+        this.isBlur = true;
+        this.updateInput(false, true);
+        this.isBlur = false;
         this.popupUpdate();
         this.changeTrigger(e);
         if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
@@ -4248,7 +4252,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.trigger('navigated', this.navigatedArgs);
     };
     DatePicker.prototype.changeEvent = function (event) {
-        if (!this.isIconClicked) {
+        if (!this.isIconClicked && !this.isBlur) {
             this.selectCalendar(event);
         }
         if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
@@ -4822,8 +4826,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.getModuleName = function () {
         return 'datepicker';
     };
-    DatePicker.prototype.disabledDates = function (isDynamic) {
+    DatePicker.prototype.disabledDates = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         var globalize;
         var valueCopy = this.checkDateValue(this.value) ? new Date(+this.value) : new Date(this.checkValue(this.value));
@@ -4878,7 +4883,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
                 this.notify('createMask', {
-                    module: 'MaskedDateTime'
+                    module: 'MaskedDateTime', isBlur: isBlur
                 });
             }
         }
@@ -10806,9 +10811,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         if (this.isValidLI(li)) {
             this.checkValue(li.getAttribute('data-value'));
             if (this.enableMask) {
-                this.notify('createMask', {
-                    module: 'MaskedDateTime', navigated: true
-                });
+                this.createMask();
             }
             this.selectedElement = li;
             this.activeIndex = Array.prototype.slice.call(this.liCollections).indexOf(li);
@@ -13852,6 +13855,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.isComplete = false;
         this.isNavigate = false;
         this.navigated = false;
+        this.isBlur = false;
         this.formatRegex = /EEEEE|EEEE|EEE|EE|E|dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yy|y|HH|H|hh|h|mm|m|fff|ff|f|aa|a|ss|s|zzzz|zzz|zz|z|'[^']*'|'[^']*'/g;
         this.isDeletion = false;
         this.isShortYear = false;
@@ -13898,8 +13902,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.parent.off('keyDownHandler', this.maskKeydownHandler);
         this.parent.off('clearHandler', this.clearHandler);
     };
-    MaskedDateTime.prototype.createMask = function (navigated) {
-        if (navigated === void 0) { navigated = false; }
+    MaskedDateTime.prototype.createMask = function (mask) {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
         this.dateformat = this.getCulturedFormat();
         if (this.parent.maskPlaceholder.day) {
@@ -13932,7 +13935,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.mask = this.previousValue = inputValue;
         this.parent.maskedDateValue = this.mask;
         if (this.parent.value) {
-            this.navigated = navigated;
+            this.navigated = true;
+            this.isBlur = mask.isBlur;
             this.setDynamicValue();
         }
     };
@@ -13961,7 +13965,9 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.maskDateValue = new Date(+this.parent.value);
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = true;
         this.updateValue();
-        this.validCharacterCheck();
+        if (!this.isBlur) {
+            this.validCharacterCheck();
+        }
     };
     MaskedDateTime.prototype.setSelection = function (validChar) {
         var start = -1;