@syncfusion/ej2-calendars 21.1.37 → 21.1.41

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

@@ -810,7 +810,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
                 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);
             }
@@ -943,7 +943,10 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
         var dateFormatOptions = { skeleton: 'full', type: 'dateTime', calendar: type };
         var date = this.globalize.parseDate(this.globalize.formatDate(localDate, dateFormatOptions), dateFormatOptions);
-        var value = date.valueOf();
+        var value;
+        if (!isNullOrUndefined(date)) {
+            value = date.valueOf();
+        }
         var attrs = {
             className: CELL, attrs: { 'id': '' + getUniqueID('' + value), 'aria-selected': 'false' }
         };
@@ -4894,7 +4897,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             addClass([this.inputWrapper.container], ERROR);
             attributes(this.inputElement, { 'aria-invalid': 'true' });
         }
-        else {
+        else if (!isNullOrUndefined(this.inputWrapper)) {
             removeClass([this.inputWrapper.container], ERROR);
             attributes(this.inputElement, { 'aria-invalid': 'false' });
         }
@@ -12003,7 +12006,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                     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;
@@ -12016,6 +12019,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                         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);
@@ -13527,7 +13534,12 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                     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) {