@syncfusion/ej2-calendars 21.1.38 → 21.2.3

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' }
         };
@@ -3301,10 +3304,13 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         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);
@@ -12003,7 +12009,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 +12022,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 +13537,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) {