@syncfusion/ej2-calendars 27.1.57 → 27.2.3

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

@@ -3897,6 +3897,9 @@ let DatePicker = class DatePicker extends Calendar {
                 this.inputElement.selectionEnd = this.inputElement.value.length;
             }
         }
+        if (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
         const focusArguments = {
             model: this
         };
@@ -4402,6 +4405,9 @@ let DatePicker = class DatePicker extends Calendar {
     }
     keyupHandler(e) {
         this.isKeyAction = (this.inputElement.value !== this.previousElementValue) ? true : false;
+        if (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
     }
     changeEvent(event) {
         if (!this.isIconClicked && !(this.isBlur || this.isKeyAction)) {
@@ -5237,6 +5243,12 @@ let DatePicker = class DatePicker extends Calendar {
                     if (this.calendarElement && this.isCalendar()) {
                         super.onPropertyChanged(newProp, oldProp);
                     }
+                    if (prop === 'min' && isNullOrUndefined(this.min)) {
+                        this.min = new Date(1900, 0, 1);
+                    }
+                    if (prop === 'max' && isNullOrUndefined(this.max)) {
+                        this.max = new Date(2099, 11, 31);
+                    }
                     break;
             }
             if (!this.isDynamicValueChanged) {
@@ -8219,6 +8231,21 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.popupObj.hide();
         this.popupWrapper = this.createElement('div', { id: this.element.id + '_popup', className: ROOT$2 + ' ' + POPUP$1 });
         this.renderControl();
+        this.openEventArgs = {
+            popup: this.popupObj || null,
+            cancel: false,
+            date: this.inputElement.value,
+            model: this,
+            event: event ? event : null,
+            appendTo: this.isMobile || Browser.isDevice ? this.mobileRangePopupWrap : document.body
+        };
+        const eventArgs = this.openEventArgs;
+        this.trigger('open', eventArgs, (eventArgs) => {
+            this.openEventArgs = eventArgs;
+            if (this.openEventArgs.cancel) {
+                return;
+            }
+        });
         this.openEventArgs.appendTo.appendChild(this.popupWrapper);
         this.showPopup();
         this.isCustomRange = true;
@@ -11225,6 +11252,7 @@ let TimePicker = class TimePicker extends Component {
         EventHandler.add(this.inputElement, 'input', this.inputEventHandler, this);
         if (this.enableMask) {
             EventHandler.add(this.inputElement, 'keydown', this.keydownHandler, this);
+            EventHandler.add(this.inputElement, 'keyup', this.keyupHandler, this);
         }
         if (this.showClearButton && this.inputWrapper.clearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.clearHandler, this);
@@ -11256,6 +11284,11 @@ let TimePicker = class TimePicker extends Component {
                 break;
         }
     }
+    keyupHandler(e) {
+        if ((e.code === 'Backspace' || e.code === 'Delete') && (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide'))) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
+    }
     formResetHandler() {
         if (!this.enabled) {
             return;
@@ -11306,6 +11339,9 @@ let TimePicker = class TimePicker extends Component {
         EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler);
         EventHandler.remove(this.inputElement, 'change', this.inputChangeHandler);
         EventHandler.remove(this.inputElement, 'input', this.inputEventHandler);
+        if (this.enableMask) {
+            EventHandler.remove(this.inputElement, 'keyup', this.keyupHandler);
+        }
         if (this.inputEvent) {
             this.inputEvent.destroy();
         }
@@ -12052,6 +12088,9 @@ let TimePicker = class TimePicker extends Component {
                 this.inputElement.selectionEnd = this.inputElement.value.length;
             }
         }
+        if (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
         this.trigger('focus', focusArguments);
         this.clearIconState();
         if (this.openOnFocus) {
@@ -15196,6 +15235,9 @@ class MaskedDateTime {
     clearHandler() {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
         this.updateValue();
+        if (this.parent.inputElement && this.parent.inputElement.value === this.parent.maskedDateValue && this.parent.inputWrapper && this.parent.inputWrapper.clearButton && !this.parent.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.parent.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
     }
     updateValue() {
         this.monthCharacter = this.periodCharacter = '';