@syncfusion/ej2-calendars 21.1.38 → 21.1.41

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' }
         };
@@ -11879,7 +11882,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 +11895,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 +13388,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) {