@syncfusion/ej2-calendars 21.2.8 → 21.2.10

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

@@ -1583,10 +1583,10 @@ let CalendarBase = class CalendarBase extends Component {
      * @returns {string}
      */
     currentView() {
-        if (this.contentElement.classList.contains(YEAR)) {
+        if (!isNullOrUndefined(this.contentElement) && this.contentElement.classList.contains(YEAR)) {
             return 'Year';
         }
-        else if (this.contentElement.classList.contains(DECADE)) {
+        else if (!isNullOrUndefined(this.contentElement) && this.contentElement.classList.contains(DECADE)) {
             return 'Decade';
         }
         else {
@@ -3205,6 +3205,7 @@ let DatePicker = class DatePicker extends Calendar {
         this.isDynamicValueChanged = false;
         this.moduleName = this.getModuleName();
         this.isFocused = false;
+        this.isBlur = false;
         this.datepickerOptions = options;
     }
     /**
@@ -3337,10 +3338,10 @@ let DatePicker = class DatePicker extends Calendar {
         Input.addAttributes({ 'aria-label': 'select' }, this.inputWrapper.buttons[0]);
         addClass([this.inputWrapper.container], DATEWRAPPER);
     }
-    updateInput(isDynamic = false) {
+    updateInput(isDynamic = false, isBlur = false) {
         let 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);
@@ -3821,7 +3822,9 @@ let DatePicker = class DatePicker extends Calendar {
             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') {
@@ -4204,7 +4207,7 @@ let DatePicker = class DatePicker extends Calendar {
         this.trigger('navigated', this.navigatedArgs);
     }
     changeEvent(event) {
-        if (!this.isIconClicked) {
+        if (!this.isIconClicked && !this.isBlur) {
             this.selectCalendar(event);
         }
         if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
@@ -4775,7 +4778,7 @@ let DatePicker = class DatePicker extends Calendar {
     getModuleName() {
         return 'datepicker';
     }
-    disabledDates(isDynamic = false) {
+    disabledDates(isDynamic = false, isBlur = false) {
         let formatOptions;
         let globalize;
         const valueCopy = this.checkDateValue(this.value) ? new Date(+this.value) : new Date(this.checkValue(this.value));
@@ -4830,7 +4833,7 @@ let DatePicker = class DatePicker extends Calendar {
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
                 this.notify('createMask', {
-                    module: 'MaskedDateTime'
+                    module: 'MaskedDateTime', isBlur: isBlur
                 });
             }
         }
@@ -10686,9 +10689,7 @@ let TimePicker = class TimePicker extends Component {
         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);
@@ -13705,6 +13706,7 @@ class MaskedDateTime {
         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;
@@ -13751,7 +13753,7 @@ class MaskedDateTime {
         this.parent.off('keyDownHandler', this.maskKeydownHandler);
         this.parent.off('clearHandler', this.clearHandler);
     }
-    createMask(navigated = false) {
+    createMask(mask) {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
         this.dateformat = this.getCulturedFormat();
         if (this.parent.maskPlaceholder.day) {
@@ -13784,7 +13786,8 @@ class MaskedDateTime {
         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();
         }
     }
@@ -13813,7 +13816,9 @@ class MaskedDateTime {
         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();
+        }
     }
     setSelection(validChar) {
         let start = -1;