@syncfusion/ej2-calendars 22.2.11 → 22.2.12

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.11
+*  version : 22.2.12
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@22.2.10",
+  "_id": "@syncfusion/ej2-calendars@22.2.11",
   "_inBundle": false,
-  "_integrity": "sha512-Sr2NdC4t3rAxX5aYicbL866BCfVLTqsMOLLFFs+UfcMnuWoqV5J2JJSEwdxY/xk6IuMq9zVjiZ6Je7dOudoYVw==",
+  "_integrity": "sha512-cwzDz6pAW40PxeOL7ChHzThrzubj01e3xIwcS2OyHLIAX5DX58JtNo/iGtHmui+Zum7JpHuAWe4hrIG6GerqIQ==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -32,8 +32,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-22.2.10.tgz",
-  "_shasum": "08c96663fb2f05e48b7a9499bd4c4bf629fb2c1a",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-22.2.11.tgz",
+  "_shasum": "fa83b13c8bf2ac2f0d1eb48c5cceb9bd20753189",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -44,9 +44,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.10",
+    "@syncfusion/ej2-base": "~22.2.12",
     "@syncfusion/ej2-buttons": "~22.2.9",
-    "@syncfusion/ej2-inputs": "~22.2.9",
+    "@syncfusion/ej2-inputs": "~22.2.12",
     "@syncfusion/ej2-lists": "~22.2.11",
     "@syncfusion/ej2-popups": "~22.2.11"
   },
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.11",
+  "version": "22.2.12",
   "sideEffects": false
 }

package/src/datepicker/datepicker.d.ts

@@ -68,6 +68,7 @@ export declare class DatePicker extends Calendar implements IInput {
     protected touchStart: boolean;
     protected iconRight: boolean;
     protected isBlur: boolean;
+    private isKeyAction;
     /**
      * Specifies the width of the DatePicker component.
      *
@@ -448,6 +449,7 @@ export declare class DatePicker extends Calendar implements IInput {
     private modelCloseHandler;
     protected changeTrigger(event?: MouseEvent | KeyboardEvent): void;
     protected navigatedEvent(): void;
+    protected keyupHandler(e: KeyboardEventArgs): void;
     protected changeEvent(event?: MouseEvent | KeyboardEvent | Event): void;
     requiredModules(): ModuleDeclaration[];
     protected selectCalendar(e?: MouseEvent | KeyboardEvent | Event): void;

package/src/datepicker/datepicker.js

@@ -86,6 +86,7 @@ var DatePicker = /** @class */ (function (_super) {
         _this.moduleName = _this.getModuleName();
         _this.isFocused = false;
         _this.isBlur = false;
+        _this.isKeyAction = false;
         _this.datepickerOptions = options;
         return _this;
     }
@@ -416,6 +417,7 @@ var DatePicker = /** @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);
         }
@@ -466,6 +468,7 @@ var DatePicker = /** @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);
         }
@@ -1157,12 +1160,16 @@ var DatePicker = /** @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()))) {
@@ -1182,6 +1189,7 @@ var DatePicker = /** @class */ (function (_super) {
         else if (event) {
             this.hide(event);
         }
+        this.isKeyAction = false;
     };
     DatePicker.prototype.requiredModules = function () {
         var modules = [];

package/src/daterangepicker/daterangepicker.d.ts

@@ -173,6 +173,7 @@ export declare class DateRangePicker extends CalendarBase {
     protected touchRangeModule: Touch;
     protected touchRangeStart: boolean;
     protected iconRangeRight: string;
+    private isKeyPressed;
     /**
      * Gets or sets the start and end date of the Calendar.
      * {% codeBlock src='daterangepicker/value/index.md' %}{% endcodeBlock %}
@@ -715,6 +716,7 @@ export declare class DateRangePicker extends CalendarBase {
     private modelRangeCloseHandler;
     private cancelFunction;
     private deviceHeaderUpdate;
+    private keyupHandler;
     private applyFunction;
     private onMouseClick;
     private onMouseOver;

package/src/daterangepicker/daterangepicker.js

@@ -147,6 +147,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         _this.invalidValueString = null;
         _this.isAngular = false;
         _this.preventChange = false;
+        _this.isKeyPressed = false;
         _this.dateRangeOptions = options;
         return _this;
     }
@@ -502,6 +503,7 @@ var DateRangePicker = /** @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);
         }
@@ -528,6 +530,7 @@ var DateRangePicker = /** @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);
         }
@@ -2753,6 +2756,9 @@ var DateRangePicker = /** @class */ (function (_super) {
             this.startButton.element.classList.add(ACTIVE);
         }
     };
+    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') {
@@ -2778,7 +2784,10 @@ var DateRangePicker = /** @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;
             }

package/src/timepicker/timepicker.js

@@ -992,7 +992,7 @@ var TimePicker = /** @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) {
@@ -1795,7 +1795,9 @@ var TimePicker = /** @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();
         }

package/styles/calendar/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component icons */
 .e-calendar .e-header .e-date-icon-prev::before {
   content: "\e910";

package/styles/datepicker/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/daterangepicker/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/datetimepicker/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component icons */
 .e-calendar .e-header .e-date-icon-prev::before {
   content: "\e910";

package/styles/timepicker/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {