@syncfusion/ej2-calendars 22.2.11 → 23.1.36

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

@@ -1472,6 +1472,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         }
         this.todayElement = null;
         this.tableBodyElement = null;
+        this.todayButtonEvent = null;
         this.renderDayCellArgs = null;
         this.headerElement = null;
         this.nextIcon = null;
@@ -2419,6 +2420,7 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
     Calendar.prototype.destroy = function () {
         _super.prototype.destroy.call(this);
         if (this.getModuleName() === 'calendar') {
+            this.changedArgs = null;
             var form = closest(this.element, 'form');
             if (form) {
                 EventHandler.remove(form, 'reset', this.formResetHandler.bind(this));
@@ -3245,6 +3247,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 +3578,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 +3629,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 +4321,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 +4350,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         else if (event) {
             this.hide(event);
         }
+        this.isKeyAction = false;
     };
     DatePicker.prototype.requiredModules = function () {
         var modules = [];
@@ -5375,6 +5385,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 +5741,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 +5768,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);
         }
@@ -5904,7 +5917,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             this.show(null, e);
             if (!this.isMobile) {
                 if (!isNullOrUndefined(this.leftCalendar)) {
+                    this.isRangeIconClicked = false;
                     this.calendarFocus();
+                    this.isRangeIconClicked = true;
                 }
             }
             addClass([this.inputWrapper.container], [INPUTFOCUS$1]);
@@ -7075,11 +7090,16 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (event) {
             leftCalendar = closest(event.target, '.' + LEFTCALENDER);
         }
-        if (event && isNullOrUndefined(leftCalendar)) {
-            rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
+        if (!isNullOrUndefined(leftCalendar)) {
+            this.leftCalendar.children[1].firstElementChild.focus();
         }
-        if (!isNullOrUndefined(leftCalendar) || !isNullOrUndefined(rightCalendar)) {
-            this.inputWrapper.container.focus();
+        else {
+            if (event) {
+                rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
+            }
+            if (!isNullOrUndefined(rightCalendar)) {
+                this.rightCalendar.children[1].firstElementChild.focus();
+            }
         }
         addClass([ele], SELECTED$3);
         this.calendarIconEvent();
@@ -7981,6 +8001,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 +8029,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;
             }
@@ -8319,7 +8345,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     EventHandler.remove(document, 'keydown', _this.popupCloseHandler);
                 }
             }, targetExitViewport: function () {
-                if (!Browser.isDevice) {
+                var popupEle = _this.popupObj && _this.popupObj.element;
+                if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < popupEle.parentElement.getBoundingClientRect().height) {
                     _this.hide();
                 }
             }
@@ -10815,7 +10842,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 +11645,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();
         }
@@ -12979,7 +13008,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             if (!_this.preventArgs.cancel && !_this.readonly) {
                 var openAnimation = {
                     name: 'FadeIn',
-                    duration: ANIMATIONDURATION$1
+                    duration: ANIMATIONDURATION$1,
                 };
                 if (_this.zIndex === 1000) {
                     _this.popupObject.show(new Animation(openAnimation), _this.element);