@syncfusion/ej2-calendars 22.2.10 → 22.2.12

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

@@ -3206,6 +3206,7 @@ let DatePicker = class DatePicker extends Calendar {
         this.moduleName = this.getModuleName();
         this.isFocused = false;
         this.isBlur = false;
+        this.isKeyAction = false;
         this.datepickerOptions = options;
     }
     /**
@@ -3533,6 +3534,7 @@ let DatePicker = class DatePicker extends Calendar {
         EventHandler.add(this.inputElement, 'mouseup', this.mouseUpHandler, this);
         EventHandler.add(this.inputElement, 'focus', this.inputFocusHandler, this);
         EventHandler.add(this.inputElement, 'blur', this.inputBlurHandler, this);
+        EventHandler.add(this.inputElement, 'keyup', this.keyupHandler, this);
         if (this.enableMask) {
             EventHandler.add(this.inputElement, 'keydown', this.keydownHandler, this);
         }
@@ -3583,6 +3585,7 @@ let DatePicker = class DatePicker extends Calendar {
         EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler);
         EventHandler.remove(this.inputElement, 'blur', this.inputBlurHandler);
         EventHandler.remove(this.inputElement, 'change', this.inputChangeHandler);
+        EventHandler.remove(this.inputElement, 'keyup', this.keyupHandler);
         if (this.enableMask) {
             EventHandler.remove(this.inputElement, 'keydown', this.keydownHandler);
         }
@@ -4271,12 +4274,16 @@ let DatePicker = class DatePicker extends Calendar {
                 this.isInteracted = true;
             }
         }
+        this.isKeyAction = false;
     }
     navigatedEvent() {
         this.trigger('navigated', this.navigatedArgs);
     }
+    keyupHandler(e) {
+        this.isKeyAction = (this.inputElement.value !== this.previousElementValue) ? true : false;
+    }
     changeEvent(event) {
-        if (!this.isIconClicked && !this.isBlur) {
+        if (!this.isIconClicked && !(this.isBlur || this.isKeyAction)) {
             this.selectCalendar(event);
         }
         if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
@@ -4296,6 +4303,7 @@ let DatePicker = class DatePicker extends Calendar {
         else if (event) {
             this.hide(event);
         }
+        this.isKeyAction = false;
     }
     requiredModules() {
         const modules = [];
@@ -5304,6 +5312,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.invalidValueString = null;
         this.isAngular = false;
         this.preventChange = false;
+        this.isKeyPressed = false;
         this.dateRangeOptions = options;
     }
     /**
@@ -5654,6 +5663,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         EventHandler.add(this.inputElement, 'focus', this.inputFocusHandler, this);
         EventHandler.add(this.inputElement, 'blur', this.inputBlurHandler, this);
         EventHandler.add(this.inputElement, 'change', this.inputChangeHandler, this);
+        EventHandler.add(this.inputElement, 'keyup', this.keyupHandler, this);
         if (this.showClearButton && this.inputWrapper.clearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.resetHandler, this);
         }
@@ -5680,6 +5690,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         EventHandler.remove(this.inputElement, 'blur', this.inputBlurHandler);
         EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler);
         EventHandler.remove(this.inputElement, 'change', this.inputChangeHandler);
+        EventHandler.remove(this.inputElement, 'keyup', this.keyupHandler);
         if (this.showClearButton && this.inputWrapper.clearButton) {
             EventHandler.remove(this.inputWrapper.clearButton, 'mousedown touchstart', this.resetHandler);
         }
@@ -7889,6 +7900,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.startButton.element.classList.add(ACTIVE$1);
         }
     }
+    keyupHandler(e) {
+        this.isKeyPressed = (this.inputElement.value !== this.previousEleValue) ? true : false;
+    }
     applyFunction(eve) {
         let isValueChanged = false;
         if (eve.type !== 'touchstart') {
@@ -7914,7 +7928,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.previousStartValue = new Date(+this.startValue);
             this.previousEndValue = new Date(+this.endValue);
             this.previousEleValue = this.inputElement.value;
-            Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
+            if (!this.isKeyPressed) {
+                Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
+            }
+            this.isKeyPressed = false;
             if (+this.initStartDate !== +this.startValue || +this.initEndDate !== +this.endValue) {
                 isValueChanged = true;
             }
@@ -10694,7 +10711,7 @@ let TimePicker = class TimePicker extends Component {
     }
     inputHandler(event) {
         if (!this.readonly && this.enabled) {
-            if (!((event.action == 'right' || event.action == 'left' || event.action == 'tab') || ((event.action == 'home' || event.action == 'end') && !this.isPopupOpen()))) {
+            if (!((event.action == 'right' || event.action == 'left' || event.action == 'tab') || ((event.action == 'home' || event.action == 'end' || event.action == 'up' || event.action == 'down') && !this.isPopupOpen() && !this.enableMask))) {
                 event.preventDefault();
             }
             switch (event.action) {
@@ -11495,7 +11512,9 @@ let TimePicker = class TimePicker extends Component {
         this.isNavigate = true;
         this.setHover(this.selectedElement, NAVIGATION);
         this.setActiveDescendant();
-        this.selectInputText();
+        if (this.enableMask) {
+            this.selectInputText();
+        }
         if (this.isPopupOpen() && this.selectedElement !== null && (!event || event.type !== 'click')) {
             this.setScrollPosition();
         }