@syncfusion/ej2-calendars 20.4.54 → 21.1.37

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

@@ -10,6 +10,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     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 */
 //class constant defination.
 const OTHERMONTH = 'e-other-month';
 const OTHERDECADE = 'e-other-year';
@@ -121,7 +122,7 @@ let CalendarBase = class CalendarBase extends Component {
                 '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();
@@ -426,7 +427,8 @@ let CalendarBase = class CalendarBase extends Component {
         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;
     }
     keyActionHandle(e, value, multiSelection) {
         const focusedDate = this.tableBodyElement.querySelector('tr td.e-focused-date');
@@ -746,8 +748,9 @@ let CalendarBase = class CalendarBase extends Component {
             // if (args.isDisabled && +this.value === +args.date) {
             //     this.setProperties({ value: null }, true);
             // }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             let currentTarget;
-            if (!isNullOrUndefined(e) && e.type == 'click') {
+            if (!isNullOrUndefined(e) && e.type === 'click') {
                 currentTarget = e.currentTarget;
             }
             if (multiSelection && !isNullOrUndefined(values) && !disabledCls) {
@@ -760,7 +763,8 @@ let CalendarBase = class CalendarBase extends Component {
                         || (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;
                         const copyValues = this.copyValues(values);
@@ -1011,7 +1015,8 @@ let CalendarBase = class CalendarBase extends Component {
                 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) {
@@ -2546,7 +2551,9 @@ let Calendar = class Calendar extends CalendarBase {
         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);
         }
@@ -2749,8 +2756,8 @@ class Islamic {
                 }
                 break;
             case 'Decade': {
-                let startIslamicYear = 1361;
-                let gregorianValue = HijriParser.toGregorian(startIslamicYear, 1, 1);
+                const startIslamicYear = 1361;
+                const gregorianValue = HijriParser.toGregorian(startIslamicYear, 1, 1);
                 let prevDecadeCompare = this.hijriCompareDecade(date, this.calendarInstance.min) < 1;
                 const nextDecadeCompare = this.hijriCompareDecade(date, this.calendarInstance.max) > -1;
                 prevDecadeCompare = HijriParser.toGregorian(this.calendarInstance.headerTitleElement.textContent.split('-')[0].trim(), 1, 1).getFullYear() === gregorianValue.getFullYear() ? true : prevDecadeCompare;
@@ -2866,7 +2873,7 @@ class Islamic {
         let endFullYr = endYr.getFullYear();
         let startHdrYr = this.calendarInstance.globalize.formatDate(startYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
         let endHdrYr = this.calendarInstance.globalize.formatDate(endYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
-        let splityear = this.calendarInstance.headerElement.textContent.split('-');
+        const splityear = this.calendarInstance.headerElement.textContent.split('-');
         if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') || (!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
             startHdrYr = this.calendarInstance.headerElement.textContent.split('-')[0].trim();
             endHdrYr = this.calendarInstance.headerElement.textContent.split('-')[1].trim();
@@ -2877,55 +2884,62 @@ class Islamic {
             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++) {
+            for (let i = 0; i <= splityear.length; i++) {
                 if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
-                    startHdrYr = (parseInt(startHdrYr) + 1).toString();
+                    startHdrYr = (parseInt(startHdrYr, 10) + 1).toString();
                 }
                 if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
-                    startHdrYr = (parseInt(startHdrYr) - 1).toString();
+                    startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
                 }
                 if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
-                    startHdrYr = (parseInt(startHdrYr) + 2).toString();
+                    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;
-        const year = (parseInt(startHdrYr) - 2).toString();
-        startFullYr = Math.round(parseInt(startHdrYr) * 0.97 + 622);
-        endFullYr = Math.round(parseInt(endHdrYr) * 0.97 + 622);
-        let startYear = Math.round(parseInt(year) * 0.97 + 622);
+        const year = (parseInt(startHdrYr, 10) - 2).toString();
+        startFullYr = Math.round(parseInt(startHdrYr, 10) * 0.97 + 622);
+        endFullYr = Math.round(parseInt(endHdrYr, 10) * 0.97 + 622);
+        const startYear = Math.round(parseInt(year, 10) * 0.97 + 622);
         for (let rowCount = 1; rowCount <= yearCell; ++rowCount) {
             const year = startYear + rowCount;
             localDate.setFullYear(year);
@@ -2939,12 +2953,14 @@ class Islamic {
             islamicDate = this.getIslamicDate(localDate);
             const gregorianObject = HijriParser.toGregorian(islamicDate.year, 1, 1);
             localDate = gregorianObject;
-            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) {
                 const tdEle = this.islamicDayCell(localDate);
                 attributes(tdEle, { 'role': 'gridcell' });
                 const 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 < startFullYr) || (year > endFullYr) && islamicDate.year !== parseInt(endHdrYr)) {
+                if (islamicDate.year === parseInt(startHdrYr, 10) - 1 || (year < startFullYr) ||
+                    (year > endFullYr) && islamicDate.year !== parseInt(endHdrYr, 10)) {
                     addClass([tdEle], OTHERMONTH$1);
                 }
                 else if (year < new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
@@ -2957,7 +2973,8 @@ class Islamic {
                     addClass([tdEle], SELECTED$1);
                 }
                 else {
-                    if (localDate.getFullYear() === this.calendarInstance.currentDate.getFullYear() && !tdEle.classList.contains(DISABLED$1)) {
+                    if (localDate.getFullYear() === this.calendarInstance.currentDate.getFullYear() &&
+                        !tdEle.classList.contains(DISABLED$1)) {
                         addClass([tdEle], FOCUSEDDATE$1);
                     }
                 }
@@ -3162,7 +3179,6 @@ let DatePicker = class DatePicker extends Calendar {
      */
     constructor(options, element) {
         super(options, element);
-        this.previousElementValue = '';
         this.isDateIconClicked = false;
         this.isAltKeyPressed = false;
         this.isInteracted = true;
@@ -3190,7 +3206,7 @@ let DatePicker = class DatePicker extends Calendar {
         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();
@@ -3238,15 +3254,15 @@ let DatePicker = class DatePicker extends Calendar {
     initialize() {
         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;
@@ -3270,7 +3286,7 @@ let DatePicker = class DatePicker extends Calendar {
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
             updatedCssClassValues = (this.cssClass.replace(/\s+/g, ' ')).trim();
         }
-        let isBindClearAction = this.enableMask ? false : true;
+        const isBindClearAction = this.enableMask ? false : true;
         this.inputWrapper = Input.createInput({
             element: this.inputElement,
             floatLabelType: this.floatLabelType,
@@ -3359,8 +3375,8 @@ let DatePicker = class DatePicker extends Calendar {
             }
             else {
                 this.updateInputValue(this.maskedDateValue);
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -3526,8 +3542,8 @@ let DatePicker = class DatePicker extends Calendar {
                     if (e.code !== 'Delete') {
                         e.preventDefault();
                     }
-                    this.notify("keyDownHandler", {
-                        module: "MaskedDateTime",
+                    this.notify('keyDownHandler', {
+                        module: 'MaskedDateTime',
                         e: e
                     });
                 }
@@ -3602,8 +3618,8 @@ let DatePicker = class DatePicker extends Calendar {
     mouseUpHandler(e) {
         if (this.enableMask) {
             e.preventDefault();
-            this.notify("setMaskSelection", {
-                module: "MaskedDateTime"
+            this.notify('setMaskSelection', {
+                module: 'MaskedDateTime'
             });
         }
     }
@@ -3621,13 +3637,13 @@ let DatePicker = class DatePicker extends Calendar {
         this.popupUpdate();
         this.changeEvent(event);
         if (this.enableMask) {
-            this.notify("clearHandler", {
-                module: "MaskedDateTime"
+            this.notify('clearHandler', {
+                module: 'MaskedDateTime'
             });
         }
         if (closest(this.element, 'form')) {
-            let element = this.element;
-            let keyupEvent = document.createEvent('KeyboardEvent');
+            const element = this.element;
+            const keyupEvent = document.createEvent('KeyboardEvent');
             keyupEvent.initEvent('keyup', false, true);
             element.dispatchEvent(keyupEvent);
         }
@@ -3755,7 +3771,7 @@ let DatePicker = class DatePicker extends Calendar {
             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;
@@ -3774,8 +3790,8 @@ let DatePicker = class DatePicker extends Calendar {
     inputHandler() {
         this.isPopupClicked = false;
         if (this.enableMask) {
-            this.notify("inputHandler", {
-                module: "MaskedDateTime"
+            this.notify('inputHandler', {
+                module: 'MaskedDateTime'
             });
         }
     }
@@ -3792,7 +3808,7 @@ let DatePicker = class DatePicker extends Calendar {
         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('');
             }
         }
@@ -3881,31 +3897,33 @@ let DatePicker = class DatePicker extends Calendar {
                 break;
             case 'tab':
             case 'shiftTab':
-                let start = this.inputElement.selectionStart;
-                let end = this.inputElement.selectionEnd;
-                if (this.enableMask && !this.popupObj && !this.readonly) {
-                    let length = this.inputElement.value.length;
-                    if ((start == 0 && end == length) || (end !== length && e.action == 'tab') || (start !== 0 && e.action == 'shiftTab')) {
-                        e.preventDefault();
+                {
+                    let start = this.inputElement.selectionStart;
+                    let end = this.inputElement.selectionEnd;
+                    if (this.enableMask && !this.popupObj && !this.readonly) {
+                        const length = this.inputElement.value.length;
+                        if ((start === 0 && end === length) || (end !== length && 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.
@@ -4200,7 +4218,6 @@ let DatePicker = class DatePicker extends Calendar {
         }
         return modules;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     selectCalendar(e) {
         let date;
         let tempFormat;
@@ -4231,16 +4248,16 @@ let DatePicker = class DatePicker extends Calendar {
                 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'
                 });
             }
         }
@@ -4276,7 +4293,8 @@ let DatePicker = class DatePicker extends Calendar {
         else {
             let prevent = true;
             let outOfRange;
-            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);
             }
@@ -4794,8 +4812,8 @@ let DatePicker = class DatePicker extends Calendar {
             this.updateInputValue(inputVal);
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -4819,7 +4837,10 @@ let DatePicker = class DatePicker extends Calendar {
         const 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);
@@ -4849,7 +4870,12 @@ let DatePicker = class DatePicker extends Calendar {
                     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);
@@ -4859,8 +4885,8 @@ let DatePicker = class DatePicker extends Calendar {
                     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;
@@ -4869,8 +4895,8 @@ let DatePicker = class DatePicker extends Calendar {
                     this.bindInputEvent();
                     this.updateInput();
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         if (!this.value) {
                             this.updateInputValue(this.maskedDateValue);
@@ -4902,8 +4928,8 @@ let DatePicker = class DatePicker extends Calendar {
                     Input.setPlaceholder(this.placeholder, this.inputElement);
                     this.updateInput();
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -4949,8 +4975,8 @@ let DatePicker = class DatePicker extends Calendar {
                     break;
                 case 'enableMask':
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         this.updateInputValue(this.maskedDateValue);
                         this.bindInputEvent();
@@ -5207,7 +5233,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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();
@@ -5409,7 +5435,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         let attributes$$1 = {};
         if (!isDynamic) {
             for (let i = 0; i < this.element.attributes.length; i++) {
-                attributes$$1[this.element.attributes[i].name] = this.element.getAttribute(this.element.attributes[i].name);
+                attributes$$1[this.element.attributes[i].name] =
+                    this.element.getAttribute(this.element.attributes[i].name);
             }
         }
         else {
@@ -5618,8 +5645,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.clearRange();
         this.hide(e);
         if (closest(this.element, 'form')) {
-            let element = this.firstHiddenChild;
-            let keyupEvent = document.createEvent('KeyboardEvent');
+            const element = this.firstHiddenChild;
+            const keyupEvent = document.createEvent('KeyboardEvent');
             keyupEvent.initEvent('keyup', false, true);
             element.dispatchEvent(keyupEvent);
         }
@@ -5837,7 +5864,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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();
@@ -6083,6 +6111,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         }
         this.updateHiddenInput();
     }
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     getStartEndDate(date, isEnd, range, dateOptions) {
         if (this.depth === 'Month') {
             return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
@@ -6471,7 +6500,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         const isLeftYear = leftHeader ? leftHeader.classList.contains('e-year') : false;
         const isRightDecade = rightHeader ? rightHeader.classList.contains('e-decade') : false;
         const 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;
     }
     keyNavigation(calendar, e) {
         this.bindCalendarCellEvents(calendar);
@@ -8415,7 +8445,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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();
@@ -9160,6 +9191,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.updateHeader();
         }
     }
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     getStartEndValue(date, isEnd) {
         if (this.depth === 'Month') {
             return this.checkDateValue(new Date(this.checkValue(date)));
@@ -9693,7 +9725,7 @@ let TimePicker = class TimePicker extends Component {
         this.bindEvents();
         this.validateDisable();
         this.setValue(this.getFormattedValue(this.value));
-        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.checkErrorState(this.maskedDateValue);
         }
@@ -9703,7 +9735,7 @@ let TimePicker = class TimePicker extends Component {
         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();
@@ -9804,8 +9836,8 @@ let TimePicker = class TimePicker extends Component {
             attributes(this.inputElement, { 'name': this.element.id });
         }
         if (this.enableMask) {
-            this.notify("createMask", {
-                module: "MaskedDateTime",
+            this.notify('createMask', {
+                module: 'MaskedDateTime'
             });
         }
     }
@@ -9831,7 +9863,7 @@ let TimePicker = class TimePicker extends Component {
     }
     createInputElement() {
         let updatedCssClassesValue = this.cssClass;
-        let isBindClearAction = this.enableMask ? false : true;
+        const isBindClearAction = this.enableMask ? false : true;
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
             updatedCssClassesValue = (this.cssClass.replace(/\s+/g, ' ')).trim();
         }
@@ -10151,7 +10183,8 @@ let TimePicker = class TimePicker extends Component {
     }
     checkErrorState(val) {
         const value = this.getDateObject(val);
-        if ((this.validateState(value) && !this.invalidValueString) || (this.enableMask && this.inputElement.value === this.maskedDateValue)) {
+        if ((this.validateState(value) && !this.invalidValueString) ||
+            (this.enableMask && this.inputElement.value === this.maskedDateValue)) {
             this.removeErrorClass();
         }
         else {
@@ -10399,8 +10432,8 @@ let TimePicker = class TimePicker extends Component {
             event.preventDefault();
             if (this.enableMask) {
                 event.preventDefault();
-                this.notify("setMaskSelection", {
-                    module: "MaskedDateTime"
+                this.notify('setMaskSelection', {
+                    module: 'MaskedDateTime'
                 });
                 return;
             }
@@ -10463,8 +10496,8 @@ let TimePicker = class TimePicker extends Component {
                 case 'down':
                     if (this.enableMask && !this.readonly && !this.isPopupOpen()) {
                         event.preventDefault();
-                        this.notify("keyDownHandler", {
-                            module: "MaskedDateTime",
+                        this.notify('keyDownHandler', {
+                            module: 'MaskedDateTime',
                             e: event
                         });
                     }
@@ -10509,12 +10542,12 @@ let TimePicker = class TimePicker extends Component {
                 case 'tab':
                 case 'shiftTab':
                     if (!this.isPopupOpen() && this.enableMask && !this.readonly) {
-                        if ((this.inputElement.selectionStart == 0 && this.inputElement.selectionEnd == this.inputElement.value.length) ||
-                            (this.inputElement.selectionEnd !== this.inputElement.value.length && event.action == 'tab') ||
-                            (this.inputElement.selectionStart !== 0 && event.action == 'shiftTab') || (event.action == 'left' || event.action == 'right')) {
+                        if ((this.inputElement.selectionStart === 0 && this.inputElement.selectionEnd === this.inputElement.value.length) ||
+                            (this.inputElement.selectionEnd !== this.inputElement.value.length && event.action === 'tab') ||
+                            (this.inputElement.selectionStart !== 0 && event.action === 'shiftTab') || (event.action === 'left' || event.action === 'right')) {
                             event.preventDefault();
                         }
-                        this.notify("keyDownHandler", { module: "MaskedDateTime",
+                        this.notify('keyDownHandler', { module: 'MaskedDateTime',
                             e: event
                         });
                     }
@@ -10777,8 +10810,8 @@ let TimePicker = class TimePicker extends Component {
         switch (e.code) {
             case 'Delete':
                 if (this.enableMask && !this.popupObj && !this.readonly) {
-                    this.notify("keyDownHandler", {
-                        module: "MaskedDateTime",
+                    this.notify('keyDownHandler', {
+                        module: 'MaskedDateTime',
                         e: e
                     });
                 }
@@ -10824,8 +10857,8 @@ let TimePicker = class TimePicker extends Component {
     }
     inputEventHandler() {
         if (this.enableMask) {
-            this.notify("inputHandler", {
-                module: "MaskedDateTime"
+            this.notify('inputHandler', {
+                module: 'MaskedDateTime'
             });
         }
     }
@@ -10875,13 +10908,13 @@ let TimePicker = class TimePicker extends Component {
             this.popupWrapper.scrollTop = 0;
         }
         if (this.enableMask) {
-            this.notify("clearHandler", {
-                module: "MaskedDateTime"
+            this.notify('clearHandler', {
+                module: 'MaskedDateTime'
             });
         }
         if (closest(this.element, 'form')) {
-            let element = this.element;
-            let keyupEvent = document.createEvent('KeyboardEvent');
+            const element = this.element;
+            const keyupEvent = document.createEvent('KeyboardEvent');
             keyupEvent.initEvent('keyup', false, true);
             element.dispatchEvent(keyupEvent);
         }
@@ -11002,10 +11035,10 @@ let TimePicker = class TimePicker extends Component {
                     if (!inputVal) {
                         this.updateInputValue(this.maskedDateValue);
                     }
-                    if (isNullOrUndefined(val) && value != this.maskedDateValue) {
+                    if (isNullOrUndefined(val) && value !== this.maskedDateValue) {
                         this.createMask();
                     }
-                    if (isNullOrUndefined(val) && value == this.maskedDateValue) {
+                    if (isNullOrUndefined(val) && value === this.maskedDateValue) {
                         this.updateInputValue(this.maskedDateValue);
                     }
                 }
@@ -11077,13 +11110,13 @@ let TimePicker = class TimePicker extends Component {
         else {
             this.updateInputValue(time);
             if (this.enableMask) {
-                if (time == '') {
+                if (time === '') {
                     this.updateInputValue(this.maskedDateValue);
                 }
-                if (isNullOrUndefined(time) && value != this.maskedDateValue) {
+                if (isNullOrUndefined(time) && value !== this.maskedDateValue) {
                     this.createMask();
                 }
-                if (isNullOrUndefined(time) && value == this.maskedDateValue) {
+                if (isNullOrUndefined(time) && value === this.maskedDateValue) {
                     this.updateInputValue(this.maskedDateValue);
                 }
             }
@@ -11091,8 +11124,8 @@ let TimePicker = class TimePicker extends Component {
         return time;
     }
     createMask() {
-        this.notify("createMask", {
-            module: "MaskedDateTime",
+        this.notify('createMask', {
+            module: 'MaskedDateTime'
         });
     }
     findNextElement(event) {
@@ -11203,7 +11236,8 @@ let TimePicker = class TimePicker extends Component {
         return elementIndex;
     }
     keyHandler(event) {
-        if (isNullOrUndefined(this.step) || this.step <= 0 || !isNullOrUndefined(this.inputWrapper) && this.inputWrapper.buttons[0].classList.contains(DISABLED$3)) {
+        if (isNullOrUndefined(this.step) || this.step <= 0 || !isNullOrUndefined(this.inputWrapper)
+            && this.inputWrapper.buttons[0].classList.contains(DISABLED$3)) {
             return;
         }
         const count = this.timeCollections.length;
@@ -11231,7 +11265,8 @@ let TimePicker = class TimePicker extends Component {
                 this.activeIndex = index = this.activeIndex < 0 ? (count - 1) : this.activeIndex;
                 this.activeIndex = index = this.validLiElement(this.activeIndex, (event.keyCode === 40 || event.keyCode === 39) ?
                     false : true);
-                nextItem = isNullOrUndefined(this.timeCollections[index]) ? this.timeCollections[0] : this.timeCollections[index];
+                nextItem = isNullOrUndefined(this.timeCollections[index]) ?
+                    this.timeCollections[0] : this.timeCollections[index];
             }
             else if (event.action === 'home') {
                 const index = this.validLiElement(0);
@@ -11519,7 +11554,7 @@ let TimePicker = class TimePicker extends Component {
         }
         this.closePopup(0, 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('');
             }
         }
@@ -11572,7 +11607,7 @@ let TimePicker = class TimePicker extends Component {
             this.selectInputText();
         }
         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;
@@ -11816,8 +11851,8 @@ let TimePicker = class TimePicker extends Component {
                     this.updatePlaceHolder();
                     this.setValue(this.value);
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -11869,8 +11904,8 @@ let TimePicker = class TimePicker extends Component {
                         this.preventChange = false;
                     }
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -11904,8 +11939,8 @@ let TimePicker = class TimePicker extends Component {
                     break;
                 case 'enableMask':
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         this.updateInputValue(this.maskedDateValue);
                     }
@@ -12206,7 +12241,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         this.cloneElement = this.element.cloneNode(true);
         this.dateTimeFormat = this.cldrDateTimeFormat();
         this.initValue = this.value;
-        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;
         }
         super.updateHtmlAttributeToElement();
@@ -12219,12 +12254,12 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         super.updateHtmlAttributeToWrapper();
         this.bindInputEvents();
         if (this.enableMask) {
-            this.notify("createMask", {
-                module: "MaskedDateTime",
+            this.notify('createMask', {
+                module: 'MaskedDateTime'
             });
         }
         this.setValue(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)) {
             Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
         }
         this.setProperties({ scrollTo: this.checkDateValue(new Date(this.checkValue(this.scrollTo))) }, true);
@@ -12398,7 +12433,6 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         }
         return cldrTime;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     getCldrFormat(type) {
         let cldrDateTime;
         if (this.locale === 'en' || this.locale === 'en-US') {
@@ -12417,7 +12451,6 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             return false;
         }
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     getCultureTimeObject(ld, c) {
         if (this.calendarMode === 'Gregorian') {
             return getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.short', ld);
@@ -12515,8 +12548,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             });
         }
         const value = isNullOrUndefined(this.value) ? this.inputElement.value !== '' ?
-            dateObject :
-            new Date() : this.value;
+            dateObject : new Date() : this.value;
         this.valueWithMinutes = value;
         this.listWrapper = createElement('div', { className: CONTENT$3, attrs: { 'tabindex': '0' } });
         const min = this.startTime(value);
@@ -12809,8 +12841,8 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         return this.validateMinMaxRange(value);
     }
     createMask() {
-        this.notify("createMask", {
-            module: "MaskedDateTime",
+        this.notify('createMask', {
+            module: 'MaskedDateTime'
         });
     }
     combineDateTime(value) {
@@ -13118,7 +13150,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         return modules;
     }
     maskedDateModule() {
-        let modules = { args: [this], member: 'MaskedDateTime' };
+        const modules = { args: [this], member: 'MaskedDateTime' };
         return modules;
     }
     getTimeActiveElement() {
@@ -13262,7 +13294,8 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                 let index = (event.keyCode === 40 || event.keyCode === 39) ? ++this.activeIndex : --this.activeIndex;
                 this.activeIndex = index = this.activeIndex === (listCount) ? 0 : this.activeIndex;
                 this.activeIndex = index = this.activeIndex < 0 ? (listCount - 1) : this.activeIndex;
-                nextItemValue = isNullOrUndefined(this.timeCollections[index]) ? this.timeCollections[0] : this.timeCollections[index];
+                nextItemValue = isNullOrUndefined(this.timeCollections[index]) ?
+                    this.timeCollections[0] : this.timeCollections[index];
             }
             else if (event.action === 'home') {
                 this.activeIndex = 0;
@@ -13359,8 +13392,8 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                     this.changeTrigger(null);
                     this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
                     if (this.enableMask && this.value) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -13403,8 +13436,8 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                     this.dateTimeFormat = this.formatString;
                     this.setValue();
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         if (!this.value) {
                             Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
@@ -13455,8 +13488,8 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                     break;
                 case 'enableMask':
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
                     }
@@ -13623,7 +13656,7 @@ class MaskedDateTime {
             hour: 'hour',
             minute: 'minute',
             second: 'second',
-            dayOfTheWeek: 'day of the week',
+            dayOfTheWeek: 'day of the week'
         };
         this.hiddenMask = '';
         this.validCharacters = 'dMyhmHfasz';
@@ -13689,22 +13722,29 @@ class MaskedDateTime {
     createMask(navigated = false) {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
         this.dateformat = this.getCulturedFormat();
-        if (this.parent.maskPlaceholder.day)
+        if (this.parent.maskPlaceholder.day) {
             this.defaultConstant['day'] = this.parent.maskPlaceholder.day;
-        if (this.parent.maskPlaceholder.month)
+        }
+        if (this.parent.maskPlaceholder.month) {
             this.defaultConstant['month'] = this.parent.maskPlaceholder.month;
-        if (this.parent.maskPlaceholder.year)
+        }
+        if (this.parent.maskPlaceholder.year) {
             this.defaultConstant['year'] = this.parent.maskPlaceholder.year;
-        if (this.parent.maskPlaceholder.hour)
+        }
+        if (this.parent.maskPlaceholder.hour) {
             this.defaultConstant['hour'] = this.parent.maskPlaceholder.hour;
-        if (this.parent.maskPlaceholder.minute)
+        }
+        if (this.parent.maskPlaceholder.minute) {
             this.defaultConstant['minute'] = this.parent.maskPlaceholder.minute;
-        if (this.parent.maskPlaceholder.second)
+        }
+        if (this.parent.maskPlaceholder.second) {
             this.defaultConstant['second'] = this.parent.maskPlaceholder.second;
-        if (this.parent.maskPlaceholder.dayOfTheWeek)
+        }
+        if (this.parent.maskPlaceholder.dayOfTheWeek) {
             this.defaultConstant['dayOfTheWeek'] = this.parent.maskPlaceholder.dayOfTheWeek.toString();
+        }
         this.getCUltureMaskFormat();
-        let inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
+        const inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isHiddenMask = true;
         this.hiddenMask = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isHiddenMask = false;
@@ -13720,11 +13760,12 @@ class MaskedDateTime {
         this.l10n = new L10n(this.parent.moduleName, this.defaultConstant, this.parent.locale);
         this.objectString = Object.keys(this.defaultConstant);
         for (let i = 0; i < this.objectString.length; i++) {
-            this.defaultConstant[this.objectString[i].toString()] = this.l10n.getConstant(this.objectString[i].toString());
+            this.defaultConstant[this.objectString[i].toString()] =
+                this.l10n.getConstant(this.objectString[i].toString());
         }
     }
     validCharacterCheck() {
-        let start = this.parent.inputElement.selectionStart;
+        const start = this.parent.inputElement.selectionStart;
         for (let i = start, j = start - 1; i < this.hiddenMask.length || j >= 0; i++, j--) {
             if (i < this.hiddenMask.length && this.validCharacters.indexOf(this.hiddenMask[i]) !== -1) {
                 this.setSelection(this.hiddenMask[i]);
@@ -13740,7 +13781,6 @@ class MaskedDateTime {
         this.maskDateValue = new Date(+this.parent.value);
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = true;
         this.updateValue();
-        // this.parent.inputElement.selectionStart = start;
         this.validCharacterCheck();
     }
     setSelection(validChar) {
@@ -13765,17 +13805,18 @@ class MaskedDateTime {
             this.isDeleteKey = true;
             return;
         }
-        if ((!args.e.altKey && !args.e.ctrlKey) && (args.e.key === ARROWLEFT || args.e.key === ARROWRIGHT || args.e.key === SHIFTTAB || args.e.key === TAB || args.e.action === SHIFTTAB ||
+        if ((!args.e.altKey && !args.e.ctrlKey) && (args.e.key === ARROWLEFT || args.e.key === ARROWRIGHT
+            || args.e.key === SHIFTTAB || args.e.key === TAB || args.e.action === SHIFTTAB ||
             args.e.key === END || args.e.key === HOME)) {
-            let start = this.parent.inputElement.selectionStart;
-            let end = this.parent.inputElement.selectionEnd;
-            let length = this.parent.inputElement.value.length;
-            if ((start == 0 && end == length) && (args.e.key === TAB || args.e.action === SHIFTTAB)) {
-                let index = args.e.action === SHIFTTAB ? end : 0;
+            const start = this.parent.inputElement.selectionStart;
+            const end = this.parent.inputElement.selectionEnd;
+            const length = this.parent.inputElement.value.length;
+            if ((start === 0 && end === length) && (args.e.key === TAB || args.e.action === SHIFTTAB)) {
+                const index = args.e.action === SHIFTTAB ? end : 0;
                 this.parent.inputElement.selectionStart = this.parent.inputElement.selectionEnd = index;
             }
             if (args.e.key === END || args.e.key === HOME) {
-                let range = args.e.key === END ? length : 0;
+                const range = args.e.key === END ? length : 0;
                 this.parent.inputElement.selectionStart = this.parent.inputElement.selectionEnd = range;
             }
             this.navigateSelection(args.e.key === ARROWLEFT || args.e.action === SHIFTTAB || args.e.key === END ? true : false);
@@ -13787,14 +13828,14 @@ class MaskedDateTime {
                 formatText = this.hiddenMask[start];
             }
             this.dateAlteration(args.e.key === ARROWDOWN ? true : false);
-            let inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
+            const inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
             this.isHiddenMask = true;
             this.hiddenMask = this.dateformat.replace(this.formatRegex, this.formatCheck());
             this.isHiddenMask = false;
             this.previousHiddenMask = this.hiddenMask;
             this.previousValue = inputValue;
             this.parent.inputElement.value = inputValue;
-            for (var i = 0; i < this.hiddenMask.length; i++) {
+            for (let i = 0; i < this.hiddenMask.length; i++) {
                 if (formatText === this.hiddenMask[i]) {
                     start = i;
                     break;
@@ -13805,17 +13846,18 @@ class MaskedDateTime {
         }
     }
     isPersist() {
-        let isPersist = this.parent.isFocused || this.navigated;
+        const isPersist = this.parent.isFocused || this.navigated;
         return isPersist;
     }
     differenceCheck() {
-        let start = this.parent.inputElement.selectionStart;
-        let inputValue = this.parent.inputElement.value;
-        let previousVal = this.previousValue.substring(0, start + this.previousValue.length - inputValue.length);
-        let newVal = inputValue.substring(0, start);
-        let newDateValue = new Date(+this.maskDateValue);
-        let maxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
-        if (previousVal.indexOf(newVal) === 0 && (newVal.length === 0 || this.previousHiddenMask[newVal.length - 1] !== this.previousHiddenMask[newVal.length])) {
+        const start = this.parent.inputElement.selectionStart;
+        const inputValue = this.parent.inputElement.value;
+        const previousVal = this.previousValue.substring(0, start + this.previousValue.length - inputValue.length);
+        const newVal = inputValue.substring(0, start);
+        const newDateValue = new Date(+this.maskDateValue);
+        const maxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
+        if (previousVal.indexOf(newVal) === 0 && (newVal.length === 0 ||
+            this.previousHiddenMask[newVal.length - 1] !== this.previousHiddenMask[newVal.length])) {
             for (let i = newVal.length; i < previousVal.length; i++) {
                 if (this.previousHiddenMask[i] !== '' && this.validCharacters.indexOf(this.previousHiddenMask[i]) >= 0) {
                     this.isDeletion = this.handleDeletion(this.previousHiddenMask[i], false);
@@ -13827,113 +13869,122 @@ class MaskedDateTime {
         }
         switch (this.previousHiddenMask[start - 1]) {
             case 'd':
-                let date = (this.isDayPart && newDateValue.getDate().toString().length < 2 && !this.isPersist() ? newDateValue.getDate() * 10 : 0) + parseInt(newVal[start - 1], 10);
-                this.isDateZero = (newVal[start - 1] == '0');
-                this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
-                this.navigated = this.navigated ? false : this.navigated;
-                if (isNaN(date)) {
-                    return;
-                }
-                for (let i = 0; date > maxDate; i++) {
-                    date = parseInt(date.toString().slice(1), 10);
-                }
-                if (date >= 1) {
-                    newDateValue.setDate(date);
-                    this.isNavigate = date.toString().length === 2;
-                    this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
-                    if (newDateValue.getMonth() !== this.maskDateValue.getMonth()) {
+                {
+                    let date = (this.isDayPart && newDateValue.getDate().toString().length < 2 &&
+                        !this.isPersist() ? newDateValue.getDate() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                    this.isDateZero = (newVal[start - 1] === '0');
+                    this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
+                    this.navigated = this.navigated ? false : this.navigated;
+                    if (isNaN(date)) {
                         return;
                     }
-                    this.isDayPart = true;
-                    this.dayTypeCount = this.dayTypeCount + 1;
-                }
-                else {
-                    this.isDayPart = false;
-                    this.dayTypeCount = this.isDateZero ? this.dayTypeCount + 1 : this.dayTypeCount;
+                    for (let i = 0; date > maxDate; i++) {
+                        date = parseInt(date.toString().slice(1), 10);
+                    }
+                    if (date >= 1) {
+                        newDateValue.setDate(date);
+                        this.isNavigate = date.toString().length === 2;
+                        this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
+                        if (newDateValue.getMonth() !== this.maskDateValue.getMonth()) {
+                            return;
+                        }
+                        this.isDayPart = true;
+                        this.dayTypeCount = this.dayTypeCount + 1;
+                    }
+                    else {
+                        this.isDayPart = false;
+                        this.dayTypeCount = this.isDateZero ? this.dayTypeCount + 1 : this.dayTypeCount;
+                    }
+                    break;
                 }
-                break;
             case 'M':
-                let month;
-                if (newDateValue.getMonth().toString().length < 2 && !this.isPersist()) {
-                    month = (this.isMonthPart ? (newDateValue.getMonth() + 1) * 10 : 0) + parseInt(newVal[start - 1], 10);
-                }
-                else {
-                    month = parseInt(newVal[start - 1], 10);
-                }
-                this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
-                this.navigated = this.navigated ? false : this.navigated;
-                this.isMonthZero = (newVal[start - 1] == '0');
-                if (!isNaN(month)) {
-                    while (month > 12) {
-                        month = parseInt(month.toString().slice(1), 10);
-                    }
-                    if (month >= 1) {
-                        newDateValue.setMonth(month - 1);
-                        this.isNavigate = month.toString().length === 2;
-                        if (newDateValue.getMonth() !== month - 1) {
-                            newDateValue.setDate(1);
-                            newDateValue.setMonth(month - 1);
+                {
+                    let month;
+                    if (newDateValue.getMonth().toString().length < 2 && !this.isPersist()) {
+                        month = (this.isMonthPart ? (newDateValue.getMonth() + 1) * 10 : 0) + parseInt(newVal[start - 1], 10);
+                    }
+                    else {
+                        month = parseInt(newVal[start - 1], 10);
+                    }
+                    this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
+                    this.navigated = this.navigated ? false : this.navigated;
+                    this.isMonthZero = (newVal[start - 1] === '0');
+                    if (!isNaN(month)) {
+                        while (month > 12) {
+                            month = parseInt(month.toString().slice(1), 10);
                         }
-                        if (this.isDayPart) {
-                            let previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
-                            let currentMaxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
-                            if (this.previousDate.getDate() == previousMaxDate && currentMaxDate <= previousMaxDate) {
-                                newDateValue.setDate(currentMaxDate);
+                        if (month >= 1) {
+                            newDateValue.setMonth(month - 1);
+                            this.isNavigate = month.toString().length === 2;
+                            if (newDateValue.getMonth() !== month - 1) {
+                                newDateValue.setDate(1);
+                                newDateValue.setMonth(month - 1);
                             }
+                            if (this.isDayPart) {
+                                const previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
+                                const currentMaxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
+                                if (this.previousDate.getDate() === previousMaxDate && currentMaxDate <= previousMaxDate) {
+                                    newDateValue.setDate(currentMaxDate);
+                                }
+                            }
+                            this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
+                            this.isMonthPart = true;
+                            this.monthTypeCount = this.monthTypeCount + 1;
+                        }
+                        else {
+                            newDateValue.setMonth(0);
+                            this.isMonthPart = false;
+                            this.monthTypeCount = this.isMonthZero ? this.monthTypeCount + 1 : this.monthTypeCount;
                         }
-                        this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
-                        this.isMonthPart = true;
-                        this.monthTypeCount = this.monthTypeCount + 1;
                     }
                     else {
-                        newDateValue.setMonth(0);
-                        this.isMonthPart = false;
-                        this.monthTypeCount = this.isMonthZero ? this.monthTypeCount + 1 : this.monthTypeCount;
-                    }
-                }
-                else { // let monthString: string[] = <string[]>(getValue('months[stand-alone].wide', getDefaultDateObject()));
-                    let monthString = (this.getCulturedValue('months[stand-alone].wide'));
-                    let monthValue = Object.keys(monthString);
-                    this.monthCharacter += newVal[start - 1].toLowerCase();
-                    while (this.monthCharacter.length > 0) {
-                        let i = 1;
-                        for (let months of monthValue) {
-                            if (monthString[i].toLowerCase().indexOf(this.monthCharacter) === 0) {
-                                newDateValue.setMonth(i - 1);
-                                this.isMonthPart = true;
-                                this.maskDateValue = newDateValue;
-                                return;
+                        const monthString = (this.getCulturedValue('months[stand-alone].wide'));
+                        const monthValue = Object.keys(monthString);
+                        this.monthCharacter += newVal[start - 1].toLowerCase();
+                        while (this.monthCharacter.length > 0) {
+                            let i = 1;
+                            for (const months of monthValue) {
+                                if (monthString[i].toLowerCase().indexOf(this.monthCharacter) === 0) {
+                                    newDateValue.setMonth(i - 1);
+                                    this.isMonthPart = true;
+                                    this.maskDateValue = newDateValue;
+                                    return;
+                                }
+                                i++;
                             }
-                            i++;
+                            this.monthCharacter = this.monthCharacter.substring(1, this.monthCharacter.length);
                         }
-                        this.monthCharacter = this.monthCharacter.substring(1, this.monthCharacter.length);
                     }
+                    break;
                 }
-                break;
             case 'y':
-                let year = (this.isYearPart && (newDateValue.getFullYear().toString().length < 4 && !this.isShortYear) ? newDateValue.getFullYear() * 10 : 0) + parseInt(newVal[start - 1], 10);
-                this.isShortYear = false;
-                this.isYearZero = (newVal[start - 1] == '0');
-                if (isNaN(year)) {
-                    return;
-                }
-                while (year > 9999) {
-                    year = parseInt(year.toString().slice(1), 10);
-                }
-                if (year < 1) {
-                    this.isYearPart = false;
-                }
-                else {
-                    newDateValue.setFullYear(year);
-                    if (year.toString().length === 4) {
-                        this.isNavigate = true;
+                {
+                    let year = (this.isYearPart && (newDateValue.getFullYear().toString().length < 4
+                        && !this.isShortYear) ? newDateValue.getFullYear() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                    this.isShortYear = false;
+                    this.isYearZero = (newVal[start - 1] === '0');
+                    if (isNaN(year)) {
+                        return;
                     }
-                    this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
-                    this.isYearPart = true;
+                    while (year > 9999) {
+                        year = parseInt(year.toString().slice(1), 10);
+                    }
+                    if (year < 1) {
+                        this.isYearPart = false;
+                    }
+                    else {
+                        newDateValue.setFullYear(year);
+                        if (year.toString().length === 4) {
+                            this.isNavigate = true;
+                        }
+                        this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
+                        this.isYearPart = true;
+                    }
+                    break;
                 }
-                break;
             case 'h':
-                this.hour = (this.isHourPart && (newDateValue.getHours() % 12 || 12).toString().length < 2 && !this.isPersist() ? (newDateValue.getHours() % 12 || 12) * 10 : 0) + parseInt(newVal[start - 1], 10);
+                this.hour = (this.isHourPart && (newDateValue.getHours() % 12 || 12).toString().length < 2
+                    && !this.isPersist() ? (newDateValue.getHours() % 12 || 12) * 10 : 0) + parseInt(newVal[start - 1], 10);
                 this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
                 this.navigated = this.navigated ? false : this.navigated;
                 if (isNaN(this.hour)) {
@@ -13948,7 +13999,8 @@ class MaskedDateTime {
                 this.hourTypeCount = this.hourTypeCount + 1;
                 break;
             case 'H':
-                this.hour = (this.isHourPart && newDateValue.getHours().toString().length < 2 && !this.isPersist() ? newDateValue.getHours() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                this.hour = (this.isHourPart && newDateValue.getHours().toString().length < 2 &&
+                    !this.isPersist() ? newDateValue.getHours() * 10 : 0) + parseInt(newVal[start - 1], 10);
                 this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
                 this.navigated = this.navigated ? false : this.navigated;
                 if (isNaN(this.hour)) {
@@ -13963,69 +14015,83 @@ class MaskedDateTime {
                 this.hourTypeCount = this.hourTypeCount + 1;
                 break;
             case 'm':
-                let minutes = (this.isMinutePart && newDateValue.getMinutes().toString().length < 2 && !this.isPersist() ? newDateValue.getMinutes() * 10 : 0) + parseInt(newVal[start - 1], 10);
-                this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
-                this.navigated = this.navigated ? false : this.navigated;
-                if (isNaN(minutes)) {
-                    return;
-                }
-                for (let i = 0; minutes > 59; i++) {
-                    minutes = parseInt(minutes.toString().slice(1), 10);
+                {
+                    let minutes = (this.isMinutePart && newDateValue.getMinutes().toString().length < 2
+                        && !this.isPersist() ? newDateValue.getMinutes() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                    this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
+                    this.navigated = this.navigated ? false : this.navigated;
+                    if (isNaN(minutes)) {
+                        return;
+                    }
+                    for (let i = 0; minutes > 59; i++) {
+                        minutes = parseInt(minutes.toString().slice(1), 10);
+                    }
+                    newDateValue.setMinutes(minutes);
+                    this.isNavigate = minutes.toString().length === 2;
+                    this.isMinutePart = true;
+                    this.minuteTypeCount = this.minuteTypeCount + 1;
+                    break;
                 }
-                newDateValue.setMinutes(minutes);
-                this.isNavigate = minutes.toString().length === 2;
-                this.isMinutePart = true;
-                this.minuteTypeCount = this.minuteTypeCount + 1;
-                break;
             case 's':
-                let seconds = (this.isSecondsPart && newDateValue.getSeconds().toString().length < 2 && !this.isPersist() ? newDateValue.getSeconds() * 10 : 0) + parseInt(newVal[start - 1], 10);
-                this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
-                this.navigated = this.navigated ? false : this.navigated;
-                if (isNaN(seconds)) {
-                    return;
-                }
-                for (let i = 0; seconds > 59; i++) {
-                    seconds = parseInt(seconds.toString().slice(1), 10);
+                {
+                    let seconds = (this.isSecondsPart && newDateValue.getSeconds().toString().length < 2 &&
+                        !this.isPersist() ? newDateValue.getSeconds() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                    this.parent.isFocused = this.parent.isFocused ? false : this.parent.isFocused;
+                    this.navigated = this.navigated ? false : this.navigated;
+                    if (isNaN(seconds)) {
+                        return;
+                    }
+                    for (let i = 0; seconds > 59; i++) {
+                        seconds = parseInt(seconds.toString().slice(1), 10);
+                    }
+                    newDateValue.setSeconds(seconds);
+                    this.isNavigate = seconds.toString().length === 2;
+                    this.isSecondsPart = true;
+                    this.secondTypeCount = this.secondTypeCount + 1;
+                    break;
                 }
-                newDateValue.setSeconds(seconds);
-                this.isNavigate = seconds.toString().length === 2;
-                this.isSecondsPart = true;
-                this.secondTypeCount = this.secondTypeCount + 1;
-                break;
             case 'a':
-                this.periodCharacter += newVal[start - 1].toLowerCase();
-                // let periodString: string[] = <string[]>(getValue('dayPeriods.format.wide', getDefaultDateObject()));;
-                let periodString = (this.getCulturedValue('dayPeriods.format.wide'));
-                let periodkeys = Object.keys(periodString);
-                //periodString[periodkeys[0]] : periodString[periodkeys[1]] : periodString[periodkeys[0]];
-                for (let i = 0; this.periodCharacter.length > 0; i++) {
-                    if ((periodString[periodkeys[0]].toLowerCase().indexOf(this.periodCharacter) === 0 && newDateValue.getHours() >= 12) || (periodString[periodkeys[1]].toLowerCase().indexOf(this.periodCharacter) === 0 && newDateValue.getHours() < 12)) {
-                        newDateValue.setHours((newDateValue.getHours() + 12) % 24);
-                        this.maskDateValue = newDateValue;
-                    }
-                    this.periodCharacter = this.periodCharacter.substring(1, this.periodCharacter.length);
-                    // Object.values()
+                {
+                    this.periodCharacter += newVal[start - 1].toLowerCase();
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    const periodString = (this.getCulturedValue('dayPeriods.format.wide'));
+                    const periodkeys = Object.keys(periodString);
+                    for (let i = 0; this.periodCharacter.length > 0; i++) {
+                        if ((periodString[periodkeys[0]].toLowerCase().indexOf(this.periodCharacter) === 0
+                            && newDateValue.getHours() >= 12) || (periodString[periodkeys[1]].toLowerCase().
+                            indexOf(this.periodCharacter) === 0 && newDateValue.getHours() < 12)) {
+                            newDateValue.setHours((newDateValue.getHours() + 12) % 24);
+                            this.maskDateValue = newDateValue;
+                        }
+                        this.periodCharacter = this.periodCharacter.substring(1, this.periodCharacter.length);
+                    }
+                    break;
                 }
-                break;
             default:
                 break;
         }
         this.maskDateValue = newDateValue;
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     formatCheck() {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         const proxy = this;
         function formatValueSpecifier(formattext) {
             let result;
-            let daysAbbreviated = proxy.getCulturedValue('days[stand-alone].abbreviated');
-            let dayKeyAbbreviated = Object.keys(daysAbbreviated);
-            let daysWide = (proxy.getCulturedValue('days[stand-alone].wide'));
-            let dayKeyWide = Object.keys(daysWide);
-            let daysNarrow = (proxy.getCulturedValue('days[stand-alone].narrow'));
-            let dayKeyNarrow = Object.keys(daysNarrow);
-            let monthAbbreviated = (proxy.getCulturedValue('months[stand-alone].abbreviated'));
-            let monthWide = (proxy.getCulturedValue('months[stand-alone].wide'));
-            let periodString = (proxy.getCulturedValue('dayPeriods.format.wide'));
-            let periodkeys = Object.keys(periodString);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const daysAbbreviated = proxy.getCulturedValue('days[stand-alone].abbreviated');
+            const dayKeyAbbreviated = Object.keys(daysAbbreviated);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const daysWide = (proxy.getCulturedValue('days[stand-alone].wide'));
+            const dayKeyWide = Object.keys(daysWide);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const daysNarrow = (proxy.getCulturedValue('days[stand-alone].narrow'));
+            const dayKeyNarrow = Object.keys(daysNarrow);
+            const monthAbbreviated = (proxy.getCulturedValue('months[stand-alone].abbreviated'));
+            const monthWide = (proxy.getCulturedValue('months[stand-alone].wide'));
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const periodString = (proxy.getCulturedValue('dayPeriods.format.wide'));
+            const periodkeys = Object.keys(periodString);
             let milliseconds;
             let dateOptions;
             switch (formattext) {
@@ -14034,7 +14100,7 @@ class MaskedDateTime {
                 case 'd':
                     result = proxy.isDayPart ? proxy.maskDateValue.getDate().toString() : proxy.defaultConstant['day'].toString();
                     result = proxy.zeroCheck(proxy.isDateZero, proxy.isDayPart, result);
-                    if (proxy.dayTypeCount == 2) {
+                    if (proxy.dayTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.dayTypeCount = 0;
                     }
@@ -14042,7 +14108,7 @@ class MaskedDateTime {
                 case 'dd':
                     result = proxy.isDayPart ? proxy.roundOff(proxy.maskDateValue.getDate(), 2) : proxy.defaultConstant['day'].toString();
                     result = proxy.zeroCheck(proxy.isDateZero, proxy.isDayPart, result);
-                    if (proxy.dayTypeCount == 2) {
+                    if (proxy.dayTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.dayTypeCount = 0;
                     }
@@ -14061,7 +14127,7 @@ class MaskedDateTime {
                 case 'M':
                     result = proxy.isMonthPart ? (proxy.maskDateValue.getMonth() + 1).toString() : proxy.defaultConstant['month'].toString();
                     result = proxy.zeroCheck(proxy.isMonthZero, proxy.isMonthPart, result);
-                    if (proxy.monthTypeCount == 2) {
+                    if (proxy.monthTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.monthTypeCount = 0;
                     }
@@ -14069,7 +14135,7 @@ class MaskedDateTime {
                 case 'MM':
                     result = proxy.isMonthPart ? proxy.roundOff(proxy.maskDateValue.getMonth() + 1, 2) : proxy.defaultConstant['month'].toString();
                     result = proxy.zeroCheck(proxy.isMonthZero, proxy.isMonthPart, result);
-                    if (proxy.monthTypeCount == 2) {
+                    if (proxy.monthTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.monthTypeCount = 0;
                     }
@@ -14094,56 +14160,56 @@ class MaskedDateTime {
                     break;
                 case 'h':
                     result = proxy.isHourPart ? (proxy.maskDateValue.getHours() % 12 || 12).toString() : proxy.defaultConstant['hour'].toString();
-                    if (proxy.hourTypeCount == 2) {
+                    if (proxy.hourTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.hourTypeCount = 0;
                     }
                     break;
                 case 'hh':
                     result = proxy.isHourPart ? proxy.roundOff(proxy.maskDateValue.getHours() % 12 || 12, 2) : proxy.defaultConstant['hour'].toString();
-                    if (proxy.hourTypeCount == 2) {
+                    if (proxy.hourTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.hourTypeCount = 0;
                     }
                     break;
                 case 'H':
                     result = proxy.isHourPart ? proxy.maskDateValue.getHours().toString() : proxy.defaultConstant['hour'].toString();
-                    if (proxy.hourTypeCount == 2) {
+                    if (proxy.hourTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.hourTypeCount = 0;
                     }
                     break;
                 case 'HH':
                     result = proxy.isHourPart ? proxy.roundOff(proxy.maskDateValue.getHours(), 2) : proxy.defaultConstant['hour'].toString();
-                    if (proxy.hourTypeCount == 2) {
+                    if (proxy.hourTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.hourTypeCount = 0;
                     }
                     break;
                 case 'm':
                     result = proxy.isMinutePart ? proxy.maskDateValue.getMinutes().toString() : proxy.defaultConstant['minute'].toString();
-                    if (proxy.minuteTypeCount == 2) {
+                    if (proxy.minuteTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.minuteTypeCount = 0;
                     }
                     break;
                 case 'mm':
                     result = proxy.isMinutePart ? proxy.roundOff(proxy.maskDateValue.getMinutes(), 2) : proxy.defaultConstant['minute'].toString();
-                    if (proxy.minuteTypeCount == 2) {
+                    if (proxy.minuteTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.minuteTypeCount = 0;
                     }
                     break;
                 case 's':
                     result = proxy.isSecondsPart ? proxy.maskDateValue.getSeconds().toString() : proxy.defaultConstant['second'].toString();
-                    if (proxy.secondTypeCount == 2) {
+                    if (proxy.secondTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.secondTypeCount = 0;
                     }
                     break;
                 case 'ss':
                     result = proxy.isSecondsPart ? proxy.roundOff(proxy.maskDateValue.getSeconds(), 2) : proxy.defaultConstant['second'].toString();
-                    if (proxy.secondTypeCount == 2) {
+                    if (proxy.secondTypeCount === 2) {
                         proxy.isNavigate = true;
                         proxy.secondTypeCount = 0;
                     }
@@ -14192,14 +14258,12 @@ class MaskedDateTime {
     }
     maskInputHandler() {
         let start = this.parent.inputElement.selectionStart;
-        let selectionChar = this.previousHiddenMask[start - 1];
         let formatText = '';
         if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
             formatText = this.hiddenMask[start];
         }
-        let inputValue;
         this.differenceCheck();
-        inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
+        const inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isHiddenMask = true;
         this.hiddenMask = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isDateZero = this.isMonthZero = this.isYearZero = false;
@@ -14208,7 +14272,7 @@ class MaskedDateTime {
         this.previousValue = inputValue;
         this.parent.inputElement.value = inputValue;
         this.parent.inputElement.value = inputValue;
-        for (var i = 0; i < this.hiddenMask.length; i++) {
+        for (let i = 0; i < this.hiddenMask.length; i++) {
             if (formatText === this.hiddenMask[i]) {
                 start = i;
                 break;
@@ -14217,7 +14281,7 @@ class MaskedDateTime {
         this.parent.inputElement.selectionStart = start;
         this.validCharacterCheck();
         if ((this.isNavigate || this.isDeletion) && !this.isDeleteKey) {
-            let isbackward = this.isNavigate ? false : true;
+            const isbackward = this.isNavigate ? false : true;
             this.isNavigate = this.isDeletion = false;
             this.navigateSelection(isbackward);
         }
@@ -14225,12 +14289,10 @@ class MaskedDateTime {
             this.isDeletion = false;
         }
         this.isDeleteKey = false;
-        // this.setSelection(selectionChar);
-        // this.navigateSelection(inputValue);
     }
     navigateSelection(isbackward) {
-        let start = this.parent.inputElement.selectionStart;
-        let end = this.parent.inputElement.selectionEnd;
+        const start = this.parent.inputElement.selectionStart;
+        const end = this.parent.inputElement.selectionEnd;
         let formatIndex = isbackward ? start - 1 : end + 1;
         this.navigated = true;
         while (formatIndex < this.hiddenMask.length && formatIndex >= 0) {
@@ -14242,8 +14304,8 @@ class MaskedDateTime {
         }
     }
     roundOff(val, count) {
-        let valueText = val.toString();
-        let length = count - valueText.length;
+        const valueText = val.toString();
+        const length = count - valueText.length;
         let result = '';
         for (let i = 0; i < length; i++) {
             result += '0';
@@ -14291,7 +14353,7 @@ class MaskedDateTime {
         return true;
     }
     dateAlteration(isDecrement) {
-        let start = this.parent.inputElement.selectionStart;
+        const start = this.parent.inputElement.selectionStart;
         let formatText = '';
         if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
             formatText = this.hiddenMask[start];
@@ -14299,32 +14361,34 @@ class MaskedDateTime {
         else {
             return;
         }
-        let newDateValue = new Date(this.maskDateValue.getFullYear(), this.maskDateValue.getMonth(), this.maskDateValue.getDate(), this.maskDateValue.getHours(), this.maskDateValue.getMinutes(), this.maskDateValue.getSeconds());
+        const newDateValue = new Date(this.maskDateValue.getFullYear(), this.maskDateValue.getMonth(), this.maskDateValue.getDate(), this.maskDateValue.getHours(), this.maskDateValue.getMinutes(), this.maskDateValue.getSeconds());
         this.previousDate = new Date(this.maskDateValue.getFullYear(), this.maskDateValue.getMonth(), this.maskDateValue.getDate(), this.maskDateValue.getHours(), this.maskDateValue.getMinutes(), this.maskDateValue.getSeconds());
-        let incrementValue = isDecrement ? -1 : 1;
+        const incrementValue = isDecrement ? -1 : 1;
         switch (formatText) {
             case 'd':
                 newDateValue.setDate(newDateValue.getDate() + incrementValue);
                 break;
             case 'M':
-                let newMonth = newDateValue.getMonth() + incrementValue;
-                newDateValue.setDate(1);
-                newDateValue.setMonth(newMonth);
-                if (this.isDayPart) {
-                    let previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
-                    let currentMaxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
-                    if (this.previousDate.getDate() == previousMaxDate && currentMaxDate <= previousMaxDate) {
-                        newDateValue.setDate(currentMaxDate);
+                {
+                    const newMonth = newDateValue.getMonth() + incrementValue;
+                    newDateValue.setDate(1);
+                    newDateValue.setMonth(newMonth);
+                    if (this.isDayPart) {
+                        const previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
+                        const currentMaxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
+                        if (this.previousDate.getDate() === previousMaxDate && currentMaxDate <= previousMaxDate) {
+                            newDateValue.setDate(currentMaxDate);
+                        }
+                        else {
+                            newDateValue.setDate(this.previousDate.getDate());
+                        }
                     }
                     else {
                         newDateValue.setDate(this.previousDate.getDate());
                     }
+                    this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
+                    break;
                 }
-                else {
-                    newDateValue.setDate(this.previousDate.getDate());
-                }
-                this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
-                break;
             case 'y':
                 newDateValue.setFullYear(newDateValue.getFullYear() + incrementValue);
                 break;
@@ -14350,7 +14414,7 @@ class MaskedDateTime {
         }
     }
     getCulturedValue(format) {
-        let locale = this.parent.locale;
+        const locale = this.parent.locale;
         let result;
         if (locale === 'en' || locale === 'en-US') {
             result = getValue(format, getDefaultDateObject());
@@ -14362,19 +14426,19 @@ class MaskedDateTime {
     }
     getCulturedFormat() {
         let formatString = (this.getCulturedValue('dateTimeFormats[availableFormats].yMd')).toString();
-        if (this.parent.moduleName == 'datepicker') {
+        if (this.parent.moduleName === 'datepicker') {
             formatString = (this.getCulturedValue('dateTimeFormats[availableFormats].yMd')).toString();
             if (this.parent.format && this.parent.formatString) {
                 formatString = this.parent.formatString;
             }
         }
-        if (this.parent.moduleName == 'datetimepicker') {
+        if (this.parent.moduleName === 'datetimepicker') {
             formatString = (this.getCulturedValue('dateTimeFormats[availableFormats].yMd')).toString();
             if (this.parent.dateTimeFormat) {
                 formatString = this.parent.dateTimeFormat;
             }
         }
-        if (this.parent.moduleName == 'timepicker') {
+        if (this.parent.moduleName === 'timepicker') {
             formatString = this.parent.cldrTimeFormat();
         }
         return formatString;
@@ -14385,14 +14449,13 @@ class MaskedDateTime {
     }
     updateValue() {
         this.monthCharacter = this.periodCharacter = '';
-        let inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
+        const inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isHiddenMask = true;
         this.hiddenMask = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isHiddenMask = false;
         this.previousHiddenMask = this.hiddenMask;
         this.previousValue = inputValue;
         this.parent.updateInputValue(inputValue);
-        //this.parent.inputElement.value = inputValue;
     }
     destroy() {
         this.removeEventListener();