@syncfusion/ej2-calendars 21.2.8 → 21.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.8
+*  version : 21.2.10
 *  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@21.2.6",
+  "_id": "@syncfusion/ej2-calendars@21.2.9",
   "_inBundle": false,
-  "_integrity": "sha512-6pyip17aSIl+jAdCvrm6DcX96he6zqVnbnLHSB772ZhBQai0oUta9m98yNdMPr6zt9y79+QlAbjtpTRr10ESag==",
+  "_integrity": "sha512-hEe0pY/d+LA4Nh3/iHYsKuOMc+H6WDWxjiiWapfTOYE3+FwoqRlWcb60IvVtmdvGFdYbAh+5EJENzvoF1PlBaA==",
   "_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-21.2.6.tgz",
-  "_shasum": "8295228f17a0c80628c9ba064fc9f3f9879159cf",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-21.2.9.tgz",
+  "_shasum": "03c2e601ebb2ddbfbbfdb817755ad7a334c71907",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -44,11 +44,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-buttons": "~21.2.6",
-    "@syncfusion/ej2-inputs": "~21.2.8",
-    "@syncfusion/ej2-lists": "~21.2.6",
-    "@syncfusion/ej2-popups": "~21.2.4"
+    "@syncfusion/ej2-base": "~21.2.9",
+    "@syncfusion/ej2-buttons": "~21.2.10",
+    "@syncfusion/ej2-inputs": "~21.2.9",
+    "@syncfusion/ej2-lists": "~21.2.9",
+    "@syncfusion/ej2-popups": "~21.2.10"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.8",
+  "version": "21.2.10",
   "sideEffects": false
 }

package/src/calendar/calendar.js

@@ -1602,10 +1602,10 @@ var CalendarBase = /** @class */ (function (_super) {
      * @returns {string}
      */
     CalendarBase.prototype.currentView = function () {
-        if (this.contentElement.classList.contains(YEAR)) {
+        if (!isNullOrUndefined(this.contentElement) && this.contentElement.classList.contains(YEAR)) {
             return 'Year';
         }
-        else if (this.contentElement.classList.contains(DECADE)) {
+        else if (!isNullOrUndefined(this.contentElement) && this.contentElement.classList.contains(DECADE)) {
             return 'Decade';
         }
         else {

package/src/datepicker/datepicker.d.ts

@@ -63,6 +63,7 @@ export declare class DatePicker extends Calendar implements IInput {
     protected isDynamicValueChanged: boolean;
     protected moduleName: string;
     protected isFocused: boolean;
+    protected isBlur: boolean;
     /**
      * Specifies the width of the DatePicker component.
      *
@@ -399,7 +400,7 @@ export declare class DatePicker extends Calendar implements IInput {
     protected updateIconState(): void;
     private initialize;
     private createInput;
-    protected updateInput(isDynamic?: boolean): void;
+    protected updateInput(isDynamic?: boolean, isBlur?: boolean): void;
     protected minMaxUpdates(): void;
     private checkStringValue;
     protected checkInvalidValue(value: Date): void;

package/src/datepicker/datepicker.js

@@ -85,6 +85,7 @@ var DatePicker = /** @class */ (function (_super) {
         _this.isDynamicValueChanged = false;
         _this.moduleName = _this.getModuleName();
         _this.isFocused = false;
+        _this.isBlur = false;
         _this.datepickerOptions = options;
         return _this;
     }
@@ -218,11 +219,12 @@ var DatePicker = /** @class */ (function (_super) {
         Input.addAttributes({ 'aria-label': 'select' }, this.inputWrapper.buttons[0]);
         addClass([this.inputWrapper.container], DATEWRAPPER);
     };
-    DatePicker.prototype.updateInput = function (isDynamic) {
+    DatePicker.prototype.updateInput = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         if (this.value && !this.isCalendar()) {
-            this.disabledDates(isDynamic);
+            this.disabledDates(isDynamic, isBlur);
         }
         if (isNaN(+new Date(this.checkValue(this.value)))) {
             this.setProperties({ value: null }, true);
@@ -705,7 +707,9 @@ var DatePicker = /** @class */ (function (_super) {
             this.invalidValueString = null;
             this.updateInputValue('');
         }
-        this.updateInput();
+        this.isBlur = true;
+        this.updateInput(false, true);
+        this.isBlur = false;
         this.popupUpdate();
         this.changeTrigger(e);
         if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
@@ -1089,7 +1093,7 @@ var DatePicker = /** @class */ (function (_super) {
         this.trigger('navigated', this.navigatedArgs);
     };
     DatePicker.prototype.changeEvent = function (event) {
-        if (!this.isIconClicked) {
+        if (!this.isIconClicked && !this.isBlur) {
             this.selectCalendar(event);
         }
         if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
@@ -1663,8 +1667,9 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.getModuleName = function () {
         return 'datepicker';
     };
-    DatePicker.prototype.disabledDates = function (isDynamic) {
+    DatePicker.prototype.disabledDates = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         var globalize;
         var valueCopy = this.checkDateValue(this.value) ? new Date(+this.value) : new Date(this.checkValue(this.value));
@@ -1719,7 +1724,7 @@ var DatePicker = /** @class */ (function (_super) {
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
                 this.notify('createMask', {
-                    module: 'MaskedDateTime'
+                    module: 'MaskedDateTime', isBlur: isBlur
                 });
             }
         }

package/src/maskbase/masked-date-time.d.ts

@@ -27,6 +27,7 @@ export declare class MaskedDateTime {
     private previousDate;
     private isNavigate;
     private navigated;
+    private isBlur;
     private formatRegex;
     private isDeletion;
     private isShortYear;
@@ -67,4 +68,5 @@ export declare class MaskedDateTime {
 export interface events {
     module: string;
     e: KeyboardEventArgs;
+    isBlur: boolean;
 }

package/src/maskbase/masked-date-time.js

@@ -34,6 +34,7 @@ var MaskedDateTime = /** @class */ (function () {
         this.isComplete = false;
         this.isNavigate = false;
         this.navigated = false;
+        this.isBlur = false;
         this.formatRegex = /EEEEE|EEEE|EEE|EE|E|dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yy|y|HH|H|hh|h|mm|m|fff|ff|f|aa|a|ss|s|zzzz|zzz|zz|z|'[^']*'|'[^']*'/g;
         this.isDeletion = false;
         this.isShortYear = false;
@@ -80,8 +81,7 @@ var MaskedDateTime = /** @class */ (function () {
         this.parent.off('keyDownHandler', this.maskKeydownHandler);
         this.parent.off('clearHandler', this.clearHandler);
     };
-    MaskedDateTime.prototype.createMask = function (navigated) {
-        if (navigated === void 0) { navigated = false; }
+    MaskedDateTime.prototype.createMask = function (mask) {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
         this.dateformat = this.getCulturedFormat();
         if (this.parent.maskPlaceholder.day) {
@@ -114,7 +114,8 @@ var MaskedDateTime = /** @class */ (function () {
         this.mask = this.previousValue = inputValue;
         this.parent.maskedDateValue = this.mask;
         if (this.parent.value) {
-            this.navigated = navigated;
+            this.navigated = true;
+            this.isBlur = mask.isBlur;
             this.setDynamicValue();
         }
     };
@@ -143,7 +144,9 @@ var MaskedDateTime = /** @class */ (function () {
         this.maskDateValue = new Date(+this.parent.value);
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = true;
         this.updateValue();
-        this.validCharacterCheck();
+        if (!this.isBlur) {
+            this.validCharacterCheck();
+        }
     };
     MaskedDateTime.prototype.setSelection = function (validChar) {
         var start = -1;

package/src/timepicker/timepicker.js

@@ -1138,9 +1138,7 @@ var TimePicker = /** @class */ (function (_super) {
         if (this.isValidLI(li)) {
             this.checkValue(li.getAttribute('data-value'));
             if (this.enableMask) {
-                this.notify('createMask', {
-                    module: 'MaskedDateTime', navigated: true
-                });
+                this.createMask();
             }
             this.selectedElement = li;
             this.activeIndex = Array.prototype.slice.call(this.liCollections).indexOf(li);