@syncfusion/ej2-calendars 35.1.39 → 35.1.43

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

@@ -2347,6 +2347,12 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
         else {
             tempValue = new Date(tempValue.getFullYear(), tempValue.getMonth(), tempValue.getDate(), 0, 0, 0, 0);
         }
+        if (+tempValue < +this.min) {
+            tempValue = new Date(+this.min);
+        }
+        else if (+tempValue > +this.max) {
+            tempValue = new Date(+this.max);
+        }
         return tempValue;
     };
     Calendar.prototype.todayButtonClick = function (e) {
@@ -3472,7 +3478,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.setAllowEdit();
         if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType === 'Always' || !this.floatLabelType || !this.placeholder)) {
             this.updateInput(true);
-            this.updateInputValue(this.maskedDateValue);
+            this.setMaskedInputValue();
         }
         else if (!this.enableMask) {
             this.updateInput(true);
@@ -3594,7 +3600,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 this.updateInputValue('');
             }
             else {
-                this.updateInputValue(this.maskedDateValue);
+                this.setMaskedInputValue();
                 this.notify('createMask', {
                     module: 'MaskedDateTime'
                 });
@@ -3886,6 +3892,31 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.updateInputValue = function (value) {
         Input.setValue(value, this.inputElement, this.floatLabelType, this.showClearButton);
     };
+    DatePicker.prototype.isMaskPlaceholderSwap = function () {
+        return this.getModuleName() === 'datepicker' && this.enableMask && this.strictMode
+            && (!this.placeholder || this.floatLabelType === 'Always') && !!this.maskedDateValue
+            && !this.value && !isNullOrUndefined(this.inputElement) && !isNullOrUndefined(closest(this.inputElement, 'form'));
+    };
+    DatePicker.prototype.setMaskedInputValue = function () {
+        if (this.isMaskPlaceholderSwap() && (this.isBlur || document.activeElement !== this.inputElement)) {
+            this.swapMaskPlaceholder(false);
+        }
+        else {
+            this.updateInputValue(this.maskedDateValue);
+        }
+    };
+    DatePicker.prototype.swapMaskPlaceholder = function (toValue) {
+        if (toValue) {
+            this.updateInputValue(this.maskedDateValue);
+            if (this.inputElement.hasAttribute('placeholder')) {
+                this.inputElement.removeAttribute('placeholder');
+            }
+        }
+        else {
+            this.updateInputValue('');
+            this.inputElement.setAttribute('placeholder', this.maskedDateValue);
+        }
+    };
     DatePicker.prototype.windowResize = function () {
         this.updateFloatLabelOverflowWidth(true);
     };
@@ -4022,7 +4053,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         if (this.initTimeZone !== new Date().getTimezoneOffset()) {
             this.strictModeUpdate(true);
         }
-        if (this.enableMask && !this.inputElement.value && this.placeholder) {
+        if (this.isMaskPlaceholderSwap() && (!this.inputElement.value || this.inputElement.value === this.maskedDateValue)) {
+            this.swapMaskPlaceholder(true);
+        }
+        else if (this.enableMask && !this.inputElement.value && this.placeholder) {
             if (this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder)) {
                 this.updateInputValue(this.maskedDateValue);
                 this.inputElement.selectionStart = 0;
@@ -4073,7 +4107,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.isBlur = false;
         this.popupUpdate();
         this.changeTrigger(e);
-        if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
+        if (this.isMaskPlaceholderSwap() && (!this.inputElement.value || this.inputElement.value === this.maskedDateValue)) {
+            this.swapMaskPlaceholder(false);
+        }
+        else if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
             if (this.inputElement.value === this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder)) {
                 this.updateInputValue('');
             }
@@ -5338,7 +5375,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         if (!this.popupObj) {
             this.updateInputValue(inputVal);
             if (this.enableMask) {
-                this.updateInputValue(this.maskedDateValue);
+                this.setMaskedInputValue();
                 this.notify('createMask', {
                     module: 'MaskedDateTime', isBlur: isBlur
                 });
@@ -5411,7 +5448,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     this.previousElementValue = this.inputElement.value;
                     if (isNullOrUndefined(this.value)) {
                         if (this.enableMask) {
-                            this.updateInputValue(this.maskedDateValue);
+                            this.setMaskedInputValue();
                         }
                         else {
                             this.updateInputValue('');
@@ -5523,13 +5560,21 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                         this.notify('createMask', {
                             module: 'MaskedDateTime'
                         });
-                        this.updateInputValue(this.maskedDateValue);
+                        if (this.isMaskPlaceholderSwap() && document.activeElement !== this.inputElement) {
+                            this.swapMaskPlaceholder(false);
+                        }
+                        else {
+                            this.updateInputValue(this.maskedDateValue);
+                        }
                         this.bindInputEvent();
                     }
                     else {
                         if (this.inputElement.value === this.maskedDateValue) {
                             this.updateInputValue('');
                         }
+                        if (!this.placeholder && this.inputElement.hasAttribute('placeholder') && this.inputElement.getAttribute('placeholder') === this.maskedDateValue) {
+                            this.inputElement.removeAttribute('placeholder');
+                        }
                     }
                     break;
                 case 'min':