@syncfusion/ej2-calendars 20.4.54 → 21.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.54
+*  version : 21.1.37
 *  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@20.4.52",
+  "_id": "@syncfusion/ej2-calendars@18.30.15",
   "_inBundle": false,
-  "_integrity": "sha512-UA2qKgFnypQyaIpo6GnggfPCJthMQAjONwLngeMa4QHd5SwYdCau8DSKcCg+pGVJTwdapr1RVCT4bXGov1c89Q==",
+  "_integrity": "sha512-Zc9O9LuF5if2rFp+C2/g1kaYZSFyRSyNSVixO/MY++h2DLiZlLOMt0pUZJGD6PMjlO6Nm+C7kHRumthniXttZw==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -32,10 +32,10 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-20.4.52.tgz",
-  "_shasum": "47244f948b62fc2082421458dc557835ea4452be",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-18.30.15.tgz",
+  "_shasum": "3d5f7d9933e29fc0cf5d8e091c3bfd1b5a7a9823",
   "_spec": "@syncfusion/ej2-calendars@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -44,11 +44,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.53",
-    "@syncfusion/ej2-inputs": "~20.4.54",
-    "@syncfusion/ej2-lists": "~20.4.50",
-    "@syncfusion/ej2-popups": "~20.4.53"
+    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-buttons": "~21.1.37",
+    "@syncfusion/ej2-inputs": "~21.1.37",
+    "@syncfusion/ej2-lists": "~21.1.37",
+    "@syncfusion/ej2-popups": "~21.1.37"
   },
   "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": "20.4.54",
+  "version": "21.1.37",
   "sideEffects": false
 }

package/src/calendar/calendar-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, EventHandler, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { cldrData, getDefaultDateObject, rippleEffect } from '@syncfusion/ej2-base';import { removeClass, detach, closest, addClass, attributes } from '@syncfusion/ej2-base';import { getValue, getUniqueID, extend, Browser , ChildProperty} from '@syncfusion/ej2-base';import { Property, Event, EmitType, isNullOrUndefined, throwError } from '@syncfusion/ej2-base';import { Islamic, IslamicDateArgs } from './index';
+import { Component, EventHandler, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { cldrData, getDefaultDateObject, rippleEffect } from '@syncfusion/ej2-base';import { removeClass, detach, closest, addClass, attributes } from '@syncfusion/ej2-base';import { getValue, getUniqueID, extend, Browser } from '@syncfusion/ej2-base';import { Property, Event, EmitType, isNullOrUndefined, throwError } from '@syncfusion/ej2-base';import { Islamic, IslamicDateArgs } from './index';
 import {CalendarType,CalendarView,WeekRule,DayHeaderFormats,NavigatedEventArgs,RenderDayCellEventArgs,ChangedEventArgs} from "./calendar";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/calendar/calendar.js

@@ -17,6 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+/* eslint-disable @typescript-eslint/no-unused-expressions */
 import { Component, EventHandler, Internationalization } from '@syncfusion/ej2-base';
 import { KeyboardEvents, L10n } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges } from '@syncfusion/ej2-base';
@@ -137,7 +138,7 @@ var CalendarBase = /** @class */ (function (_super) {
                 'data-role': 'calendar'
             });
         }
-        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+        if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
         this.createHeader();
@@ -443,7 +444,8 @@ var CalendarBase = /** @class */ (function (_super) {
         this.footer && detach(this.footer);
         this.todayElement = null;
         this.renderDayCellArgs = null;
-        this.calendarElement = this.tableBodyElement = this.footer = this.tableHeadElement = this.nextIcon = this.previousIcon = this.table = null;
+        this.calendarElement = this.tableBodyElement = this.footer = this.tableHeadElement =
+            this.nextIcon = this.previousIcon = this.table = null;
     };
     CalendarBase.prototype.keyActionHandle = function (e, value, multiSelection) {
         var focusedDate = this.tableBodyElement.querySelector('tr td.e-focused-date');
@@ -764,8 +766,9 @@ var CalendarBase = /** @class */ (function (_super) {
             // if (args.isDisabled && +this.value === +args.date) {
             //     this.setProperties({ value: null }, true);
             // }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var currentTarget = void 0;
-            if (!isNullOrUndefined(e) && e.type == 'click') {
+            if (!isNullOrUndefined(e) && e.type === 'click') {
                 currentTarget = e.currentTarget;
             }
             if (multiSelection && !isNullOrUndefined(values) && !disabledCls) {
@@ -778,7 +781,8 @@ var CalendarBase = /** @class */ (function (_super) {
                         || (this.getDateVal(localDate, value))) {
                         addClass([tdEle], SELECTED);
                     }
-                    if (!isNullOrUndefined(currentTarget) && currentTarget.innerText === tdEle.innerText && this.previousDates && tdEle.classList.contains(SELECTED) && currentTarget.classList.contains(SELECTED)) {
+                    if (!isNullOrUndefined(currentTarget) && currentTarget.innerText === tdEle.innerText &&
+                        this.previousDates && tdEle.classList.contains(SELECTED) && currentTarget.classList.contains(SELECTED)) {
                         removeClass([tdEle], SELECTED);
                         this.previousDates = false;
                         var copyValues = this.copyValues(values);
@@ -1029,7 +1033,8 @@ var CalendarBase = /** @class */ (function (_super) {
                 if (this.weekNumber && rowIterator === otherMonthCell + 1 && elements[otherMonthCell + 1].classList.contains(OTHERMONTH)) {
                     addClass([trEle], OTHERMONTHROW);
                 }
-                if (!this.weekNumber && rowIterator === otherMonthCell && elements[otherMonthCell].classList.contains(OTHERMONTH)) {
+                if (!this.weekNumber && rowIterator === otherMonthCell && elements[otherMonthCell].
+                    classList.contains(OTHERMONTH)) {
                     addClass([trEle], OTHERMONTHROW);
                 }
                 if (this.weekNumber) {
@@ -2570,7 +2575,9 @@ var Calendar = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.value)) {
             this.setProperties({ value: this.value }, true);
         }
-        if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) && !isNullOrUndefined(this.previousDate) || this.previousDate == null
+        // eslint-disable-next-line use-isnan
+        if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) &&
+            !isNullOrUndefined(this.previousDate) || this.previousDate === null
             && !isNaN(+this.value))) {
             this.changeEvent(e);
         }

package/src/calendar/islamic.js

@@ -308,55 +308,62 @@ var Islamic = /** @class */ (function () {
             this.calendarInstance.islamicPreviousHeader = null;
         }
         if (this.calendarInstance.previousIconClicked) {
+            // eslint-disable-next-line no-var
             for (var i = 0; i <= splityear.length; i++) {
-                endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i] - endHdrYr === 2 ? (parseInt(endHdrYr) + 1).toString() : endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ? (parseInt(endHdrYr) + 2).toString() : endHdrYr - splityear[i] === 4 || splityear[i] - endHdrYr === 4 ? (parseInt(endHdrYr) + 3).toString() : endHdrYr - splityear[i] === 5 || splityear[i] - endHdrYr === 5 ? (parseInt(endHdrYr) + 4).toString() : endHdrYr;
+                endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
+                    - endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
+                    endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
+                        (parseInt(endHdrYr, 10) + 2).toString() : endHdrYr - splityear[i] === 4 ||
+                        splityear[i] - endHdrYr === 4 ? (parseInt(endHdrYr, 10) + 3).toString() :
+                        endHdrYr - splityear[i] === 5 || splityear[i] - endHdrYr === 5 ?
+                            (parseInt(endHdrYr, 10) + 4).toString() : endHdrYr;
                 if (endHdrYr - splityear[i] === 0 || splityear[i] - endHdrYr === 0) {
-                    endHdrYr = (parseInt(endHdrYr) - 1).toString();
+                    endHdrYr = (parseInt(endHdrYr, 10) - 1).toString();
                 }
             }
             if (endHdrYr - splityear[i] === 8 || splityear[i] - endHdrYr === 8) {
-                endHdrYr = (parseInt(endHdrYr) - 9).toString();
-                startHdrYr = (parseInt(endHdrYr) - 9).toString();
+                endHdrYr = (parseInt(endHdrYr, 10) - 9).toString();
+                startHdrYr = (parseInt(endHdrYr, 10) - 9).toString();
             }
             if (endHdrYr - splityear[i] === 7 || splityear[i] - endHdrYr === 7) {
-                endHdrYr = (parseInt(endHdrYr) - 8).toString();
-                startHdrYr = (parseInt(endHdrYr) - 9).toString();
+                endHdrYr = (parseInt(endHdrYr, 10) - 8).toString();
+                startHdrYr = (parseInt(endHdrYr, 10) - 9).toString();
             }
             startHdrYr = endHdrYr - startHdrYr === 10
-                ? (parseInt(startHdrYr) + 1).toString() : endHdrYr - startHdrYr === 11
-                ? (parseInt(startHdrYr) + 2).toString() : endHdrYr - startHdrYr === 12
-                ? (parseInt(startHdrYr) + 3).toString() : startHdrYr;
+                ? (parseInt(startHdrYr, 10) + 1).toString() : endHdrYr - startHdrYr === 11
+                ? (parseInt(startHdrYr, 10) + 2).toString() : endHdrYr - startHdrYr === 12
+                ? (parseInt(startHdrYr, 10) + 3).toString() : startHdrYr;
             if (endHdrYr - startHdrYr === 8) {
-                startHdrYr = (parseInt(startHdrYr) - 1).toString();
+                startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
             }
         }
         if (this.calendarInstance.nextIconClicked) {
-            for (var i = 0; i <= splityear.length; i++) {
-                if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
-                    startHdrYr = (parseInt(startHdrYr) + 1).toString();
+            for (var i_1 = 0; i_1 <= splityear.length; i_1++) {
+                if (startHdrYr - splityear[i_1] === 0 || splityear[i_1] - startHdrYr === 0) {
+                    startHdrYr = (parseInt(startHdrYr, 10) + 1).toString();
                 }
-                if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
-                    startHdrYr = (parseInt(startHdrYr) - 1).toString();
+                if (startHdrYr - splityear[i_1] === 2 && startHdrYr > splityear[i_1].trim()) {
+                    startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
                 }
-                if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
-                    startHdrYr = (parseInt(startHdrYr) + 2).toString();
+                if (splityear[i_1] - startHdrYr === 1 && startHdrYr < splityear[i_1].trim()) {
+                    startHdrYr = (parseInt(startHdrYr, 10) + 2).toString();
                 }
             }
             if (startHdrYr - this.calendarInstance.headerTitleElement.textContent.split('-')[1].trim() > 1) {
-                startHdrYr = (parseInt(this.calendarInstance.headerTitleElement.textContent.split('-')[1].trim()) + 1).toString();
-                endHdrYr = (parseInt(startHdrYr) + 9).toString();
+                startHdrYr = (parseInt(this.calendarInstance.headerTitleElement.textContent.split('-')[1].trim(), 10) + 1).toString();
+                endHdrYr = (parseInt(startHdrYr, 10) + 9).toString();
             }
-            endHdrYr = endHdrYr - startHdrYr === 10 ? (parseInt(endHdrYr) - 1).toString() : endHdrYr;
+            endHdrYr = endHdrYr - startHdrYr === 10 ? (parseInt(endHdrYr, 10) - 1).toString() : endHdrYr;
             endHdrYr = endHdrYr - startHdrYr === 7
-                ? (parseInt(endHdrYr) + 2).toString() : endHdrYr - startHdrYr === 8
-                ? (parseInt(endHdrYr) + 1).toString() : endHdrYr;
+                ? (parseInt(endHdrYr, 10) + 2).toString() : endHdrYr - startHdrYr === 8
+                ? (parseInt(endHdrYr, 10) + 1).toString() : endHdrYr;
         }
         this.calendarInstance.headerTitleElement.textContent = startHdrYr + ' - ' + (endHdrYr);
         this.calendarInstance.nextIconClicked = this.calendarInstance.previousIconClicked = false;
-        var year = (parseInt(startHdrYr) - 2).toString();
-        startFullYr = Math.round(parseInt(startHdrYr) * 0.97 + 622);
-        endFullYr = Math.round(parseInt(endHdrYr) * 0.97 + 622);
-        var startYear = Math.round(parseInt(year) * 0.97 + 622);
+        var year = (parseInt(startHdrYr, 10) - 2).toString();
+        startFullYr = Math.round(parseInt(startHdrYr, 10) * 0.97 + 622);
+        endFullYr = Math.round(parseInt(endHdrYr, 10) * 0.97 + 622);
+        var startYear = Math.round(parseInt(year, 10) * 0.97 + 622);
         for (var rowCount = 1; rowCount <= yearCell; ++rowCount) {
             var year_1 = startYear + rowCount;
             localDate.setFullYear(year_1);
@@ -370,12 +377,14 @@ var Islamic = /** @class */ (function () {
             islamicDate = this.getIslamicDate(localDate);
             var gregorianObject_2 = HijriParser.toGregorian(islamicDate.year, 1, 1);
             localDate = gregorianObject_2;
-            if (islamicDate.year === parseInt(startHdrYr) - 1 || islamicDate.year >= startHdrYr && islamicDate.year <= endFullYr || islamicDate.year === parseInt(endHdrYr) + 1) {
+            if (islamicDate.year === parseInt(startHdrYr, 10) - 1 || islamicDate.year >= startHdrYr &&
+                islamicDate.year <= endFullYr || islamicDate.year === parseInt(endHdrYr, 10) + 1) {
                 var tdEle = this.islamicDayCell(localDate);
                 attributes(tdEle, { 'role': 'gridcell' });
                 var dayLink = this.calendarInstance.createElement('span');
                 dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'y', calendar: 'islamic' });
-                if (islamicDate.year === parseInt(startHdrYr) - 1 || (year_1 < startFullYr) || (year_1 > endFullYr) && islamicDate.year !== parseInt(endHdrYr)) {
+                if (islamicDate.year === parseInt(startHdrYr, 10) - 1 || (year_1 < startFullYr) ||
+                    (year_1 > endFullYr) && islamicDate.year !== parseInt(endHdrYr, 10)) {
                     addClass([tdEle], OTHERMONTH);
                 }
                 else if (year_1 < new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
@@ -388,7 +397,8 @@ var Islamic = /** @class */ (function () {
                     addClass([tdEle], SELECTED);
                 }
                 else {
-                    if (localDate.getFullYear() === this.calendarInstance.currentDate.getFullYear() && !tdEle.classList.contains(DISABLED)) {
+                    if (localDate.getFullYear() === this.calendarInstance.currentDate.getFullYear() &&
+                        !tdEle.classList.contains(DISABLED)) {
                         addClass([tdEle], FOCUSEDDATE);
                     }
                 }

package/src/datepicker/datepicker-model.d.ts

@@ -1,4 +1,4 @@
-import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes, select } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs, DayHeaderFormats} from '../calendar/calendar';import { MaskPlaceholderModel } from '../common/maskplaceholder-model'
+import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';import { MaskPlaceholderModel } from '../common/maskplaceholder-model';
 import {FormatObject,PopupObjectArgs,PreventableEventArgs} from "./datepicker";
 import {CalendarModel} from "../calendar/calendar-model";
 
@@ -285,14 +285,14 @@ export interface DatePickerModel extends CalendarModel{
      * Specifies whether it is a masked datepicker or not.
      * By default the datepicker component render without masked input.
      * If you need masked datepicker input then specify it as true.
-     * 
+     *
      * @default false
      */
     enableMask?: boolean;
 
     /**
      * Specifies the mask placeholder to be displayed on masked datepicker.
-     * 
+     *
      * @default {day:'day' , month:'month', year: 'year', hour:'hour',minute:'minute',second:'second',dayOfTheWeek: 'day of the week'}
      */
     maskPlaceholder?: MaskPlaceholderModel;

package/src/datepicker/datepicker.js

@@ -73,7 +73,6 @@ var DatePicker = /** @class */ (function (_super) {
      */
     function DatePicker(options, element) {
         var _this = _super.call(this, options, element) || this;
-        _this.previousElementValue = '';
         _this.isDateIconClicked = false;
         _this.isAltKeyPressed = false;
         _this.isInteracted = true;
@@ -102,7 +101,7 @@ var DatePicker = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
             this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
         }
-        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+        if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
         this.renderComplete();
@@ -150,15 +149,15 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.initialize = function () {
         this.checkInvalidValue(this.value);
         if (this.enableMask) {
-            this.notify("createMask", {
-                module: "MaskedDateTime",
+            this.notify('createMask', {
+                module: 'MaskedDateTime'
             });
         }
         this.createInput();
         this.updateHtmlAttributeToWrapper();
         this.setAllowEdit();
         this.updateInput(true);
-        if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
+        if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType === 'Always' || !this.floatLabelType || !this.placeholder)) {
             this.updateInputValue(this.maskedDateValue);
         }
         this.previousElementValue = this.inputElement.value;
@@ -272,8 +271,8 @@ var DatePicker = /** @class */ (function (_super) {
             }
             else {
                 this.updateInputValue(this.maskedDateValue);
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -439,8 +438,8 @@ var DatePicker = /** @class */ (function (_super) {
                     if (e.code !== 'Delete') {
                         e.preventDefault();
                     }
-                    this.notify("keyDownHandler", {
-                        module: "MaskedDateTime",
+                    this.notify('keyDownHandler', {
+                        module: 'MaskedDateTime',
                         e: e
                     });
                 }
@@ -515,8 +514,8 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.mouseUpHandler = function (e) {
         if (this.enableMask) {
             e.preventDefault();
-            this.notify("setMaskSelection", {
-                module: "MaskedDateTime"
+            this.notify('setMaskSelection', {
+                module: 'MaskedDateTime'
             });
         }
     };
@@ -534,8 +533,8 @@ var DatePicker = /** @class */ (function (_super) {
         this.popupUpdate();
         this.changeEvent(event);
         if (this.enableMask) {
-            this.notify("clearHandler", {
-                module: "MaskedDateTime"
+            this.notify('clearHandler', {
+                module: 'MaskedDateTime'
             });
         }
         if (closest(this.element, 'form')) {
@@ -670,7 +669,7 @@ var DatePicker = /** @class */ (function (_super) {
             return;
         }
         if (this.enableMask && !this.inputElement.value && this.placeholder) {
-            if (this.maskedDateValue && !this.value && (this.floatLabelType == 'Auto' || this.floatLabelType == 'Never' || this.placeholder)) {
+            if (this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder)) {
                 this.updateInputValue(this.maskedDateValue);
                 this.inputElement.selectionStart = 0;
                 this.inputElement.selectionEnd = this.inputElement.value.length;
@@ -689,8 +688,8 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.inputHandler = function () {
         this.isPopupClicked = false;
         if (this.enableMask) {
-            this.notify("inputHandler", {
-                module: "MaskedDateTime"
+            this.notify('inputHandler', {
+                module: 'MaskedDateTime'
             });
         }
     };
@@ -707,7 +706,7 @@ var DatePicker = /** @class */ (function (_super) {
         this.popupUpdate();
         this.changeTrigger(e);
         if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
-            if (this.inputElement.value == this.maskedDateValue && !this.value && (this.floatLabelType == 'Auto' || this.floatLabelType == 'Never' || this.placeholder)) {
+            if (this.inputElement.value === this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder)) {
                 this.updateInputValue('');
             }
         }
@@ -796,31 +795,33 @@ var DatePicker = /** @class */ (function (_super) {
                 break;
             case 'tab':
             case 'shiftTab':
-                var start = this.inputElement.selectionStart;
-                var end = this.inputElement.selectionEnd;
-                if (this.enableMask && !this.popupObj && !this.readonly) {
-                    var length_1 = this.inputElement.value.length;
-                    if ((start == 0 && end == length_1) || (end !== length_1 && e.action == 'tab') || (start !== 0 && e.action == 'shiftTab')) {
-                        e.preventDefault();
+                {
+                    var start = this.inputElement.selectionStart;
+                    var end = this.inputElement.selectionEnd;
+                    if (this.enableMask && !this.popupObj && !this.readonly) {
+                        var length_1 = this.inputElement.value.length;
+                        if ((start === 0 && end === length_1) || (end !== length_1 && e.action === 'tab') || (start !== 0 && e.action === 'shiftTab')) {
+                            e.preventDefault();
+                        }
+                        this.notify('keyDownHandler', {
+                            module: 'MaskedDateTime',
+                            e: e
+                        });
+                        start = this.inputElement.selectionStart;
+                        end = this.inputElement.selectionEnd;
                     }
-                    this.notify("keyDownHandler", {
-                        module: "MaskedDateTime",
-                        e: e
-                    });
-                    start = this.inputElement.selectionStart;
-                    end = this.inputElement.selectionEnd;
-                }
-                this.strictModeUpdate();
-                this.updateInput();
-                this.popupUpdate();
-                this.changeTrigger(e);
-                this.errorClass();
-                if (this.enableMask) {
-                    this.inputElement.selectionStart = start;
-                    this.inputElement.selectionEnd = end;
+                    this.strictModeUpdate();
+                    this.updateInput();
+                    this.popupUpdate();
+                    this.changeTrigger(e);
+                    this.errorClass();
+                    if (this.enableMask) {
+                        this.inputElement.selectionStart = start;
+                        this.inputElement.selectionEnd = end;
+                    }
+                    this.hide(e);
+                    break;
                 }
-                this.hide(e);
-                break;
             default:
                 this.defaultAction(e);
                 // Fix for close the popup when select the previously selected value.
@@ -1116,7 +1117,6 @@ var DatePicker = /** @class */ (function (_super) {
         }
         return modules;
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     DatePicker.prototype.selectCalendar = function (e) {
         var date;
         var tempFormat;
@@ -1147,16 +1147,16 @@ var DatePicker = /** @class */ (function (_super) {
                 date = this.globalize.formatDate(this.changedArgs.value, formatOptions);
             }
             if (this.enableMask) {
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
         if (!isNullOrUndefined(date)) {
             this.updateInputValue(date);
             if (this.enableMask) {
-                this.notify("setMaskSelection", {
-                    module: "MaskedDateTime"
+                this.notify('setMaskSelection', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -1193,7 +1193,8 @@ var DatePicker = /** @class */ (function (_super) {
         else {
             var prevent_1 = true;
             var outOfRange = void 0;
-            if (!isNullOrUndefined(this.value) && !(+this.value >= +new Date(this.checkValue(this.min)) && +this.value <= +new Date(this.checkValue(this.max)))) {
+            if (!isNullOrUndefined(this.value) && !(+this.value >= +new Date(this.checkValue(this.min))
+                && +this.value <= +new Date(this.checkValue(this.max)))) {
                 outOfRange = new Date(this.checkValue(this.value));
                 this.setProperties({ 'value': null }, true);
             }
@@ -1714,8 +1715,8 @@ var DatePicker = /** @class */ (function (_super) {
             this.updateInputValue(inputVal);
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -1739,7 +1740,10 @@ var DatePicker = /** @class */ (function (_super) {
         var isDisabledDate = this.calendarElement &&
             this.calendarElement.querySelectorAll(dateIdString)[0] &&
             this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
-        if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) && !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
+        if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) &&
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             && new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
             || (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
             addClass([this.inputWrapper.container], ERROR);
@@ -1770,7 +1774,12 @@ var DatePicker = /** @class */ (function (_super) {
                     newProp.value = this.value;
                     this.previousElementValue = this.inputElement.value;
                     if (isNullOrUndefined(this.value)) {
-                        this.updateInputValue('');
+                        if (this.enableMask) {
+                            this.updateInputValue(this.maskedDateValue);
+                        }
+                        else {
+                            this.updateInputValue('');
+                        }
                         this.currentDate = new Date(new Date().setHours(0, 0, 0, 0));
                     }
                     this.updateInput(true);
@@ -1780,8 +1789,8 @@ var DatePicker = /** @class */ (function (_super) {
                     this.isInteracted = true;
                     this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -1790,8 +1799,8 @@ var DatePicker = /** @class */ (function (_super) {
                     this.bindInputEvent();
                     this.updateInput();
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         if (!this.value) {
                             this.updateInputValue(this.maskedDateValue);
@@ -1823,8 +1832,8 @@ var DatePicker = /** @class */ (function (_super) {
                     Input.setPlaceholder(this.placeholder, this.inputElement);
                     this.updateInput();
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -1870,8 +1879,8 @@ var DatePicker = /** @class */ (function (_super) {
                     break;
                 case 'enableMask':
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         this.updateInputValue(this.maskedDateValue);
                         this.bindInputEvent();

package/src/daterangepicker/daterangepicker.js

@@ -169,7 +169,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
             this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
         }
-        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+        if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
         this.renderComplete();
@@ -371,7 +371,8 @@ var DateRangePicker = /** @class */ (function (_super) {
         var attributes = {};
         if (!isDynamic) {
             for (var i = 0; i < this.element.attributes.length; i++) {
-                attributes[this.element.attributes[i].name] = this.element.getAttribute(this.element.attributes[i].name);
+                attributes[this.element.attributes[i].name] =
+                    this.element.getAttribute(this.element.attributes[i].name);
             }
         }
         else {
@@ -804,7 +805,8 @@ var DateRangePicker = /** @class */ (function (_super) {
         this.createControl();
         this.bindCalendarEvents();
         this.updateRange((this.isMobile ? [this.calendarElement] : [this.leftCalendar, this.rightCalendar]));
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) &&
+            !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.updateHeader();
@@ -1050,6 +1052,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         this.updateHiddenInput();
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
         if (this.depth === 'Month') {
             return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
@@ -1439,7 +1442,8 @@ var DateRangePicker = /** @class */ (function (_super) {
         var isLeftYear = leftHeader ? leftHeader.classList.contains('e-year') : false;
         var isRightDecade = rightHeader ? rightHeader.classList.contains('e-decade') : false;
         var isLeftDecade = leftHeader ? leftHeader.classList.contains('e-decade') : false;
-        return isLeftCalendar && (isLeftMonth || isLeftYear || isLeftDecade) && (isRightMonth || isRightYear || isRightDecade) && !this.isMobile;
+        return isLeftCalendar && (isLeftMonth || isLeftYear || isLeftDecade) &&
+            (isRightMonth || isRightYear || isRightDecade) && !this.isMobile;
     };
     DateRangePicker.prototype.keyNavigation = function (calendar, e) {
         this.bindCalendarCellEvents(calendar);
@@ -3399,7 +3403,8 @@ var DateRangePicker = /** @class */ (function (_super) {
         if (!this.strictMode && (isDisabled)) {
             this.clearRange();
         }
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) &&
+            !isDisabled && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.errorClass();
@@ -4146,6 +4151,7 @@ var DateRangePicker = /** @class */ (function (_super) {
             this.updateHeader();
         }
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
         if (this.depth === 'Month') {
             return this.checkDateValue(new Date(this.checkValue(date)));