@syncfusion/ej2-calendars 22.2.10 → 22.2.12

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

@@ -3245,6 +3245,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         _this.moduleName = _this.getModuleName();
         _this.isFocused = false;
         _this.isBlur = false;
+        _this.isKeyAction = false;
         _this.datepickerOptions = options;
         return _this;
     }
@@ -3575,6 +3576,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         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);
         }
@@ -3625,6 +3627,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         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);
         }
@@ -4316,12 +4319,16 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 this.isInteracted = true;
             }
         }
+        this.isKeyAction = false;
     };
     DatePicker.prototype.navigatedEvent = function () {
         this.trigger('navigated', this.navigatedArgs);
     };
+    DatePicker.prototype.keyupHandler = function (e) {
+        this.isKeyAction = (this.inputElement.value !== this.previousElementValue) ? true : false;
+    };
     DatePicker.prototype.changeEvent = function (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()))) {
@@ -4341,6 +4348,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         else if (event) {
             this.hide(event);
         }
+        this.isKeyAction = false;
     };
     DatePicker.prototype.requiredModules = function () {
         var modules = [];
@@ -5375,6 +5383,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         _this.invalidValueString = null;
         _this.isAngular = false;
         _this.preventChange = false;
+        _this.isKeyPressed = false;
         _this.dateRangeOptions = options;
         return _this;
     }
@@ -5730,6 +5739,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         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);
         }
@@ -5756,6 +5766,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         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);
         }
@@ -7981,6 +7992,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             this.startButton.element.classList.add(ACTIVE$1);
         }
     };
+    DateRangePicker.prototype.keyupHandler = function (e) {
+        this.isKeyPressed = (this.inputElement.value !== this.previousEleValue) ? true : false;
+    };
     DateRangePicker.prototype.applyFunction = function (eve) {
         var isValueChanged = false;
         if (eve.type !== 'touchstart') {
@@ -8006,7 +8020,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             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;
             }
@@ -10815,7 +10832,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
     };
     TimePicker.prototype.inputHandler = function (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) {
@@ -11618,7 +11635,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         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();
         }