@syncfusion/ej2-calendars 21.1.38 → 21.2.3

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

@@ -793,7 +793,7 @@ let CalendarBase = class CalendarBase extends Component {
                 addClass([tdEle], SELECTED);
             }
             this.updateFocus(otherMnthBool, disabledCls, localDate, tdEle, currentDate);
-            if (date.getFullYear() === todayDate.getFullYear() && date.getMonth() === todayDate.getMonth()
+            if (!isNullOrUndefined(date) && date.getFullYear() === todayDate.getFullYear() && date.getMonth() === todayDate.getMonth()
                 && date.getDate() === todayDate.getDate()) {
                 addClass([tdEle], TODAY);
             }
@@ -926,7 +926,10 @@ let CalendarBase = class CalendarBase extends Component {
         const type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
         const dateFormatOptions = { skeleton: 'full', type: 'dateTime', calendar: type };
         const date = this.globalize.parseDate(this.globalize.formatDate(localDate, dateFormatOptions), dateFormatOptions);
-        const value = date.valueOf();
+        let value;
+        if (!isNullOrUndefined(date)) {
+            value = date.valueOf();
+        }
         const attrs = {
             className: CELL, attrs: { 'id': '' + getUniqueID('' + value), 'aria-selected': 'false' }
         };
@@ -3261,10 +3264,13 @@ let DatePicker = class DatePicker extends Calendar {
         this.createInput();
         this.updateHtmlAttributeToWrapper();
         this.setAllowEdit();
-        this.updateInput(true);
         if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType === 'Always' || !this.floatLabelType || !this.placeholder)) {
+            this.updateInput(true);
             this.updateInputValue(this.maskedDateValue);
         }
+        else if (!this.enableMask) {
+            this.updateInput(true);
+        }
         this.previousElementValue = this.inputElement.value;
         this.previousDate = !isNullOrUndefined(this.value) ? new Date(+this.value) : null;
         this.inputElement.setAttribute('value', this.inputElement.value);
@@ -11879,7 +11885,7 @@ let TimePicker = class TimePicker extends Component {
                     this.invalidValueString = null;
                     this.checkInvalidValue(newProp.value);
                     newProp.value = this.value;
-                    if (!this.invalidValueString) {
+                    if (!this.invalidValueString && !this.enableMask) {
                         if (typeof newProp.value === 'string') {
                             this.setProperties({ value: this.checkDateValue(new Date(newProp.value)) }, true);
                             newProp.value = this.value;
@@ -11892,6 +11898,10 @@ let TimePicker = class TimePicker extends Component {
                         this.initValue = newProp.value;
                         newProp.value = this.compareFormatChange(this.checkValue(newProp.value));
                     }
+                    else if (this.enableMask) {
+                        this.updateInputValue(this.maskedDateValue);
+                        this.checkErrorState(this.maskedDateValue);
+                    }
                     else {
                         this.updateInputValue(this.invalidValueString);
                         this.checkErrorState(this.invalidValueString);
@@ -13381,7 +13391,12 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                     this.checkInvalidValue(newProp.value);
                     newProp.value = this.value;
                     newProp.value = this.validateValue(newProp.value);
-                    Input.setValue(this.getFormattedValue(newProp.value), this.inputElement, this.floatLabelType, this.showClearButton);
+                    if (this.enableMask) {
+                        Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
+                    }
+                    else {
+                        Input.setValue(this.getFormattedValue(newProp.value), this.inputElement, this.floatLabelType, this.showClearButton);
+                    }
                     this.valueWithMinutes = newProp.value;
                     this.setProperties({ value: newProp.value }, true);
                     if (this.popupObj) {