@syncfusion/ej2-calendars 20.4.52 → 21.1.35

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

@@ -23,6 +23,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.
 var OTHERMONTH = 'e-other-month';
 var OTHERDECADE = 'e-other-year';
@@ -136,7 +137,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
                 'data-role': 'calendar'
             });
         }
-        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+        if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
         this.createHeader();
@@ -442,7 +443,8 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         this.footer && detach(this.footer);
         this.todayElement = null;
         this.renderDayCellArgs = null;
-        this.calendarElement = this.tableBodyElement = this.footer = this.tableHeadElement = this.nextIcon = this.previousIcon = this.table = null;
+        this.calendarElement = this.tableBodyElement = this.footer = this.tableHeadElement =
+            this.nextIcon = this.previousIcon = this.table = null;
     };
     CalendarBase.prototype.keyActionHandle = function (e, value, multiSelection) {
         var focusedDate = this.tableBodyElement.querySelector('tr td.e-focused-date');
@@ -763,8 +765,9 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             // if (args.isDisabled && +this.value === +args.date) {
             //     this.setProperties({ value: null }, true);
             // }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var currentTarget = void 0;
-            if (!isNullOrUndefined(e) && e.type == 'click') {
+            if (!isNullOrUndefined(e) && e.type === 'click') {
                 currentTarget = e.currentTarget;
             }
             if (multiSelection && !isNullOrUndefined(values) && !disabledCls) {
@@ -777,7 +780,8 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
                         || (this.getDateVal(localDate, value))) {
                         addClass([tdEle], SELECTED);
                     }
-                    if (!isNullOrUndefined(currentTarget) && currentTarget.innerText === tdEle.innerText && this.previousDates && tdEle.classList.contains(SELECTED) && currentTarget.classList.contains(SELECTED)) {
+                    if (!isNullOrUndefined(currentTarget) && currentTarget.innerText === tdEle.innerText &&
+                        this.previousDates && tdEle.classList.contains(SELECTED) && currentTarget.classList.contains(SELECTED)) {
                         removeClass([tdEle], SELECTED);
                         this.previousDates = false;
                         var copyValues = this.copyValues(values);
@@ -1028,7 +1032,8 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
                 if (this.weekNumber && rowIterator === otherMonthCell + 1 && elements[otherMonthCell + 1].classList.contains(OTHERMONTH)) {
                     addClass([trEle], OTHERMONTHROW);
                 }
-                if (!this.weekNumber && rowIterator === otherMonthCell && elements[otherMonthCell].classList.contains(OTHERMONTH)) {
+                if (!this.weekNumber && rowIterator === otherMonthCell && elements[otherMonthCell].
+                    classList.contains(OTHERMONTH)) {
                     addClass([trEle], OTHERMONTHROW);
                 }
                 if (this.weekNumber) {
@@ -2568,7 +2573,9 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.value)) {
             this.setProperties({ value: this.value }, true);
         }
-        if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) && !isNullOrUndefined(this.previousDate) || this.previousDate == null
+        // eslint-disable-next-line use-isnan
+        if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) &&
+            !isNullOrUndefined(this.previousDate) || this.previousDate === null
             && !isNaN(+this.value))) {
             this.changeEvent(e);
         }
@@ -2900,55 +2907,62 @@ var Islamic = /** @__PURE__ @class */ (function () {
             this.calendarInstance.islamicPreviousHeader = null;
         }
         if (this.calendarInstance.previousIconClicked) {
+            // eslint-disable-next-line no-var
             for (var i = 0; i <= splityear.length; i++) {
-                endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i] - endHdrYr === 2 ? (parseInt(endHdrYr) + 1).toString() : endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ? (parseInt(endHdrYr) + 2).toString() : endHdrYr - splityear[i] === 4 || splityear[i] - endHdrYr === 4 ? (parseInt(endHdrYr) + 3).toString() : endHdrYr - splityear[i] === 5 || splityear[i] - endHdrYr === 5 ? (parseInt(endHdrYr) + 4).toString() : endHdrYr;
+                endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
+                    - endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
+                    endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
+                        (parseInt(endHdrYr, 10) + 2).toString() : endHdrYr - splityear[i] === 4 ||
+                        splityear[i] - endHdrYr === 4 ? (parseInt(endHdrYr, 10) + 3).toString() :
+                        endHdrYr - splityear[i] === 5 || splityear[i] - endHdrYr === 5 ?
+                            (parseInt(endHdrYr, 10) + 4).toString() : endHdrYr;
                 if (endHdrYr - splityear[i] === 0 || splityear[i] - endHdrYr === 0) {
-                    endHdrYr = (parseInt(endHdrYr) - 1).toString();
+                    endHdrYr = (parseInt(endHdrYr, 10) - 1).toString();
                 }
             }
             if (endHdrYr - splityear[i] === 8 || splityear[i] - endHdrYr === 8) {
-                endHdrYr = (parseInt(endHdrYr) - 9).toString();
-                startHdrYr = (parseInt(endHdrYr) - 9).toString();
+                endHdrYr = (parseInt(endHdrYr, 10) - 9).toString();
+                startHdrYr = (parseInt(endHdrYr, 10) - 9).toString();
             }
             if (endHdrYr - splityear[i] === 7 || splityear[i] - endHdrYr === 7) {
-                endHdrYr = (parseInt(endHdrYr) - 8).toString();
-                startHdrYr = (parseInt(endHdrYr) - 9).toString();
+                endHdrYr = (parseInt(endHdrYr, 10) - 8).toString();
+                startHdrYr = (parseInt(endHdrYr, 10) - 9).toString();
             }
             startHdrYr = endHdrYr - startHdrYr === 10
-                ? (parseInt(startHdrYr) + 1).toString() : endHdrYr - startHdrYr === 11
-                ? (parseInt(startHdrYr) + 2).toString() : endHdrYr - startHdrYr === 12
-                ? (parseInt(startHdrYr) + 3).toString() : startHdrYr;
+                ? (parseInt(startHdrYr, 10) + 1).toString() : endHdrYr - startHdrYr === 11
+                ? (parseInt(startHdrYr, 10) + 2).toString() : endHdrYr - startHdrYr === 12
+                ? (parseInt(startHdrYr, 10) + 3).toString() : startHdrYr;
             if (endHdrYr - startHdrYr === 8) {
-                startHdrYr = (parseInt(startHdrYr) - 1).toString();
+                startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
             }
         }
         if (this.calendarInstance.nextIconClicked) {
-            for (var i = 0; i <= splityear.length; i++) {
-                if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
-                    startHdrYr = (parseInt(startHdrYr) + 1).toString();
+            for (var i_1 = 0; i_1 <= splityear.length; i_1++) {
+                if (startHdrYr - splityear[i_1] === 0 || splityear[i_1] - startHdrYr === 0) {
+                    startHdrYr = (parseInt(startHdrYr, 10) + 1).toString();
                 }
-                if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
-                    startHdrYr = (parseInt(startHdrYr) - 1).toString();
+                if (startHdrYr - splityear[i_1] === 2 && startHdrYr > splityear[i_1].trim()) {
+                    startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
                 }
-                if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
-                    startHdrYr = (parseInt(startHdrYr) + 2).toString();
+                if (splityear[i_1] - startHdrYr === 1 && startHdrYr < splityear[i_1].trim()) {
+                    startHdrYr = (parseInt(startHdrYr, 10) + 2).toString();
                 }
             }
             if (startHdrYr - this.calendarInstance.headerTitleElement.textContent.split('-')[1].trim() > 1) {
-                startHdrYr = (parseInt(this.calendarInstance.headerTitleElement.textContent.split('-')[1].trim()) + 1).toString();
-                endHdrYr = (parseInt(startHdrYr) + 9).toString();
+                startHdrYr = (parseInt(this.calendarInstance.headerTitleElement.textContent.split('-')[1].trim(), 10) + 1).toString();
+                endHdrYr = (parseInt(startHdrYr, 10) + 9).toString();
             }
-            endHdrYr = endHdrYr - startHdrYr === 10 ? (parseInt(endHdrYr) - 1).toString() : endHdrYr;
+            endHdrYr = endHdrYr - startHdrYr === 10 ? (parseInt(endHdrYr, 10) - 1).toString() : endHdrYr;
             endHdrYr = endHdrYr - startHdrYr === 7
-                ? (parseInt(endHdrYr) + 2).toString() : endHdrYr - startHdrYr === 8
-                ? (parseInt(endHdrYr) + 1).toString() : endHdrYr;
+                ? (parseInt(endHdrYr, 10) + 2).toString() : endHdrYr - startHdrYr === 8
+                ? (parseInt(endHdrYr, 10) + 1).toString() : endHdrYr;
         }
         this.calendarInstance.headerTitleElement.textContent = startHdrYr + ' - ' + (endHdrYr);
         this.calendarInstance.nextIconClicked = this.calendarInstance.previousIconClicked = false;
-        var year = (parseInt(startHdrYr) - 2).toString();
-        startFullYr = Math.round(parseInt(startHdrYr) * 0.97 + 622);
-        endFullYr = Math.round(parseInt(endHdrYr) * 0.97 + 622);
-        var startYear = Math.round(parseInt(year) * 0.97 + 622);
+        var year = (parseInt(startHdrYr, 10) - 2).toString();
+        startFullYr = Math.round(parseInt(startHdrYr, 10) * 0.97 + 622);
+        endFullYr = Math.round(parseInt(endHdrYr, 10) * 0.97 + 622);
+        var startYear = Math.round(parseInt(year, 10) * 0.97 + 622);
         for (var rowCount = 1; rowCount <= yearCell; ++rowCount) {
             var year_1 = startYear + rowCount;
             localDate.setFullYear(year_1);
@@ -2962,12 +2976,14 @@ var Islamic = /** @__PURE__ @class */ (function () {
             islamicDate = this.getIslamicDate(localDate);
             var gregorianObject_2 = HijriParser.toGregorian(islamicDate.year, 1, 1);
             localDate = gregorianObject_2;
-            if (islamicDate.year === parseInt(startHdrYr) - 1 || islamicDate.year >= startHdrYr && islamicDate.year <= endFullYr || islamicDate.year === parseInt(endHdrYr) + 1) {
+            if (islamicDate.year === parseInt(startHdrYr, 10) - 1 || islamicDate.year >= startHdrYr &&
+                islamicDate.year <= endFullYr || islamicDate.year === parseInt(endHdrYr, 10) + 1) {
                 var tdEle = this.islamicDayCell(localDate);
                 attributes(tdEle, { 'role': 'gridcell' });
                 var dayLink = this.calendarInstance.createElement('span');
                 dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'y', calendar: 'islamic' });
-                if (islamicDate.year === parseInt(startHdrYr) - 1 || (year_1 < startFullYr) || (year_1 > endFullYr) && islamicDate.year !== parseInt(endHdrYr)) {
+                if (islamicDate.year === parseInt(startHdrYr, 10) - 1 || (year_1 < startFullYr) ||
+                    (year_1 > endFullYr) && islamicDate.year !== parseInt(endHdrYr, 10)) {
                     addClass([tdEle], OTHERMONTH$1);
                 }
                 else if (year_1 < new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
@@ -2980,7 +2996,8 @@ var Islamic = /** @__PURE__ @class */ (function () {
                     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);
                     }
                 }
@@ -3230,7 +3247,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
             this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
         }
-        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+        if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
         this.renderComplete();
@@ -3278,15 +3295,15 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.initialize = function () {
         this.checkInvalidValue(this.value);
         if (this.enableMask) {
-            this.notify("createMask", {
-                module: "MaskedDateTime",
+            this.notify('createMask', {
+                module: 'MaskedDateTime'
             });
         }
         this.createInput();
         this.updateHtmlAttributeToWrapper();
         this.setAllowEdit();
         this.updateInput(true);
-        if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
+        if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType === 'Always' || !this.floatLabelType || !this.placeholder)) {
             this.updateInputValue(this.maskedDateValue);
         }
         this.previousElementValue = this.inputElement.value;
@@ -3400,8 +3417,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 this.updateInputValue(this.maskedDateValue);
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -3567,8 +3584,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     if (e.code !== 'Delete') {
                         e.preventDefault();
                     }
-                    this.notify("keyDownHandler", {
-                        module: "MaskedDateTime",
+                    this.notify('keyDownHandler', {
+                        module: 'MaskedDateTime',
                         e: e
                     });
                 }
@@ -3643,8 +3660,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.mouseUpHandler = function (e) {
         if (this.enableMask) {
             e.preventDefault();
-            this.notify("setMaskSelection", {
-                module: "MaskedDateTime"
+            this.notify('setMaskSelection', {
+                module: 'MaskedDateTime'
             });
         }
     };
@@ -3662,8 +3679,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.popupUpdate();
         this.changeEvent(event);
         if (this.enableMask) {
-            this.notify("clearHandler", {
-                module: "MaskedDateTime"
+            this.notify('clearHandler', {
+                module: 'MaskedDateTime'
             });
         }
         if (closest(this.element, 'form')) {
@@ -3798,7 +3815,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         if (this.enableMask && !this.inputElement.value && this.placeholder) {
-            if (this.maskedDateValue && !this.value && (this.floatLabelType == 'Auto' || this.floatLabelType == 'Never' || this.placeholder)) {
+            if (this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder)) {
                 this.updateInputValue(this.maskedDateValue);
                 this.inputElement.selectionStart = 0;
                 this.inputElement.selectionEnd = this.inputElement.value.length;
@@ -3817,8 +3834,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.inputHandler = function () {
         this.isPopupClicked = false;
         if (this.enableMask) {
-            this.notify("inputHandler", {
-                module: "MaskedDateTime"
+            this.notify('inputHandler', {
+                module: 'MaskedDateTime'
             });
         }
     };
@@ -3835,7 +3852,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.popupUpdate();
         this.changeTrigger(e);
         if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
-            if (this.inputElement.value == this.maskedDateValue && !this.value && (this.floatLabelType == 'Auto' || this.floatLabelType == 'Never' || this.placeholder)) {
+            if (this.inputElement.value === this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder)) {
                 this.updateInputValue('');
             }
         }
@@ -3924,31 +3941,33 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 break;
             case 'tab':
             case 'shiftTab':
-                var start = this.inputElement.selectionStart;
-                var end = this.inputElement.selectionEnd;
-                if (this.enableMask && !this.popupObj && !this.readonly) {
-                    var length_1 = this.inputElement.value.length;
-                    if ((start == 0 && end == length_1) || (end !== length_1 && e.action == 'tab') || (start !== 0 && e.action == 'shiftTab')) {
-                        e.preventDefault();
+                {
+                    var start = this.inputElement.selectionStart;
+                    var end = this.inputElement.selectionEnd;
+                    if (this.enableMask && !this.popupObj && !this.readonly) {
+                        var length_1 = this.inputElement.value.length;
+                        if ((start === 0 && end === length_1) || (end !== length_1 && e.action === 'tab') || (start !== 0 && e.action === 'shiftTab')) {
+                            e.preventDefault();
+                        }
+                        this.notify('keyDownHandler', {
+                            module: 'MaskedDateTime',
+                            e: e
+                        });
+                        start = this.inputElement.selectionStart;
+                        end = this.inputElement.selectionEnd;
                     }
-                    this.notify("keyDownHandler", {
-                        module: "MaskedDateTime",
-                        e: e
-                    });
-                    start = this.inputElement.selectionStart;
-                    end = this.inputElement.selectionEnd;
-                }
-                this.strictModeUpdate();
-                this.updateInput();
-                this.popupUpdate();
-                this.changeTrigger(e);
-                this.errorClass();
-                if (this.enableMask) {
-                    this.inputElement.selectionStart = start;
-                    this.inputElement.selectionEnd = end;
+                    this.strictModeUpdate();
+                    this.updateInput();
+                    this.popupUpdate();
+                    this.changeTrigger(e);
+                    this.errorClass();
+                    if (this.enableMask) {
+                        this.inputElement.selectionStart = start;
+                        this.inputElement.selectionEnd = end;
+                    }
+                    this.hide(e);
+                    break;
                 }
-                this.hide(e);
-                break;
             default:
                 this.defaultAction(e);
                 // Fix for close the popup when select the previously selected value.
@@ -4244,7 +4263,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         }
         return modules;
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     DatePicker.prototype.selectCalendar = function (e) {
         var date;
         var tempFormat;
@@ -4275,16 +4293,16 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 date = this.globalize.formatDate(this.changedArgs.value, formatOptions);
             }
             if (this.enableMask) {
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
         if (!isNullOrUndefined(date)) {
             this.updateInputValue(date);
             if (this.enableMask) {
-                this.notify("setMaskSelection", {
-                    module: "MaskedDateTime"
+                this.notify('setMaskSelection', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -4321,7 +4339,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         else {
             var prevent_1 = true;
             var outOfRange = void 0;
-            if (!isNullOrUndefined(this.value) && !(+this.value >= +new Date(this.checkValue(this.min)) && +this.value <= +new Date(this.checkValue(this.max)))) {
+            if (!isNullOrUndefined(this.value) && !(+this.value >= +new Date(this.checkValue(this.min))
+                && +this.value <= +new Date(this.checkValue(this.max)))) {
                 outOfRange = new Date(this.checkValue(this.value));
                 this.setProperties({ 'value': null }, true);
             }
@@ -4842,8 +4861,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.updateInputValue(inputVal);
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
-                this.notify("createMask", {
-                    module: "MaskedDateTime",
+                this.notify('createMask', {
+                    module: 'MaskedDateTime'
                 });
             }
         }
@@ -4867,7 +4886,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         var isDisabledDate = this.calendarElement &&
             this.calendarElement.querySelectorAll(dateIdString)[0] &&
             this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
-        if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) && !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
+        if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) &&
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             && new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
             || (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
             addClass([this.inputWrapper.container], ERROR);
@@ -4908,8 +4930,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     this.isInteracted = true;
                     this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -4918,8 +4940,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     this.bindInputEvent();
                     this.updateInput();
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         if (!this.value) {
                             this.updateInputValue(this.maskedDateValue);
@@ -4951,8 +4973,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     Input.setPlaceholder(this.placeholder, this.inputElement);
                     this.updateInput();
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -4998,8 +5020,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'enableMask':
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         this.updateInputValue(this.maskedDateValue);
                         this.bindInputEvent();
@@ -5277,7 +5299,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
             this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
         }
-        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+        if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
         this.renderComplete();
@@ -5479,7 +5501,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         var attributes$$1 = {};
         if (!isDynamic) {
             for (var 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 {
@@ -5912,7 +5935,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         this.createControl();
         this.bindCalendarEvents();
         this.updateRange((this.isMobile ? [this.calendarElement] : [this.leftCalendar, this.rightCalendar]));
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) &&
+            !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.updateHeader();
@@ -6158,6 +6182,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         }
         this.updateHiddenInput();
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
         if (this.depth === 'Month') {
             return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
@@ -6547,7 +6572,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         var isLeftYear = leftHeader ? leftHeader.classList.contains('e-year') : false;
         var isRightDecade = rightHeader ? rightHeader.classList.contains('e-decade') : false;
         var isLeftDecade = leftHeader ? leftHeader.classList.contains('e-decade') : false;
-        return isLeftCalendar && (isLeftMonth || isLeftYear || isLeftDecade) && (isRightMonth || isRightYear || isRightDecade) && !this.isMobile;
+        return isLeftCalendar && (isLeftMonth || isLeftYear || isLeftDecade) &&
+            (isRightMonth || isRightYear || isRightDecade) && !this.isMobile;
     };
     DateRangePicker.prototype.keyNavigation = function (calendar, e) {
         this.bindCalendarCellEvents(calendar);
@@ -8507,7 +8533,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (!this.strictMode && (isDisabled)) {
             this.clearRange();
         }
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) &&
+            !isDisabled && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.errorClass();
@@ -9254,6 +9281,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             this.updateHeader();
         }
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
         if (this.depth === 'Month') {
             return this.checkDateValue(new Date(this.checkValue(date)));
@@ -9809,7 +9837,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         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);
         }
@@ -9819,7 +9847,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
             this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
         }
-        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+        if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
         this.renderComplete();
@@ -9920,8 +9948,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             attributes(this.inputElement, { 'name': this.element.id });
         }
         if (this.enableMask) {
-            this.notify("createMask", {
-                module: "MaskedDateTime",
+            this.notify('createMask', {
+                module: 'MaskedDateTime'
             });
         }
     };
@@ -10270,7 +10298,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
     };
     TimePicker.prototype.checkErrorState = function (val) {
         var 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 {
@@ -10518,8 +10547,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             event.preventDefault();
             if (this.enableMask) {
                 event.preventDefault();
-                this.notify("setMaskSelection", {
-                    module: "MaskedDateTime"
+                this.notify('setMaskSelection', {
+                    module: 'MaskedDateTime'
                 });
                 return;
             }
@@ -10582,8 +10611,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                 case 'down':
                     if (this.enableMask && !this.readonly && !this.isPopupOpen()) {
                         event.preventDefault();
-                        this.notify("keyDownHandler", {
-                            module: "MaskedDateTime",
+                        this.notify('keyDownHandler', {
+                            module: 'MaskedDateTime',
                             e: event
                         });
                     }
@@ -10628,12 +10657,12 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                 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
                         });
                     }
@@ -10750,8 +10779,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         if (this.isValidLI(li)) {
             this.checkValue(li.getAttribute('data-value'));
             if (this.enableMask) {
-                this.notify("setMaskSelection", {
-                    module: "MaskedDateTime"
+                this.notify('createMask', {
+                    module: 'MaskedDateTime', navigated: true
                 });
             }
             this.selectedElement = li;
@@ -10897,8 +10926,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         switch (e.code) {
             case 'Delete':
                 if (this.enableMask && !this.popupObj && !this.readonly) {
-                    this.notify("keyDownHandler", {
-                        module: "MaskedDateTime",
+                    this.notify('keyDownHandler', {
+                        module: 'MaskedDateTime',
                         e: e
                     });
                 }
@@ -10944,8 +10973,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
     };
     TimePicker.prototype.inputEventHandler = function () {
         if (this.enableMask) {
-            this.notify("inputHandler", {
-                module: "MaskedDateTime"
+            this.notify('inputHandler', {
+                module: 'MaskedDateTime'
             });
         }
     };
@@ -10995,8 +11024,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             this.popupWrapper.scrollTop = 0;
         }
         if (this.enableMask) {
-            this.notify("clearHandler", {
-                module: "MaskedDateTime"
+            this.notify('clearHandler', {
+                module: 'MaskedDateTime'
             });
         }
         if (closest(this.element, 'form')) {
@@ -11123,10 +11152,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                     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);
                     }
                 }
@@ -11198,13 +11227,13 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         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);
                 }
             }
@@ -11212,8 +11241,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         return time;
     };
     TimePicker.prototype.createMask = function () {
-        this.notify("createMask", {
-            module: "MaskedDateTime",
+        this.notify('createMask', {
+            module: 'MaskedDateTime'
         });
     };
     TimePicker.prototype.findNextElement = function (event) {
@@ -11324,7 +11353,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         return elementIndex;
     };
     TimePicker.prototype.keyHandler = function (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;
         }
         var count = this.timeCollections.length;
@@ -11352,7 +11382,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                 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') {
                 var index = this.validLiElement(0);
@@ -11641,7 +11672,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         }
         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('');
             }
         }
@@ -11694,7 +11725,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             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;
@@ -11940,8 +11971,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                     this.updatePlaceHolder();
                     this.setValue(this.value);
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -11993,8 +12024,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                         this.preventChange = false;
                     }
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                     }
                     break;
@@ -12028,8 +12059,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'enableMask':
                     if (this.enableMask) {
-                        this.notify("createMask", {
-                            module: "MaskedDateTime",
+                        this.notify('createMask', {
+                            module: 'MaskedDateTime'
                         });
                         this.updateInputValue(this.maskedDateValue);
                     }
@@ -12346,7 +12377,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         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.prototype.updateHtmlAttributeToElement.call(this);
@@ -12359,12 +12390,12 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         _super.prototype.updateHtmlAttributeToWrapper.call(this);
         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);
@@ -12539,7 +12570,6 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         }
         return cldrTime;
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     DateTimePicker.prototype.getCldrFormat = function (type) {
         var cldrDateTime;
         if (this.locale === 'en' || this.locale === 'en-US') {
@@ -12558,7 +12588,6 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             return false;
         }
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     DateTimePicker.prototype.getCultureTimeObject = function (ld, c) {
         if (this.calendarMode === 'Gregorian') {
             return getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.short', ld);
@@ -12656,8 +12685,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             });
         }
         var 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' } });
         var min = this.startTime(value);
@@ -12952,8 +12980,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         return this.validateMinMaxRange(value);
     };
     DateTimePicker.prototype.createMask = function () {
-        this.notify("createMask", {
-            module: "MaskedDateTime",
+        this.notify('createMask', {
+            module: 'MaskedDateTime'
         });
     };
     DateTimePicker.prototype.combineDateTime = function (value) {
@@ -13407,7 +13435,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                 var 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;
@@ -13505,8 +13534,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                     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;
@@ -13549,8 +13578,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                     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);
@@ -13601,8 +13630,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                     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);
                     }
@@ -13770,7 +13799,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
             hour: 'hour',
             minute: 'minute',
             second: 'second',
-            dayOfTheWeek: 'day of the week',
+            dayOfTheWeek: 'day of the week'
         };
         this.hiddenMask = '';
         this.validCharacters = 'dMyhmHfasz';
@@ -13833,23 +13862,31 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.parent.off('keyDownHandler', this.maskKeydownHandler);
         this.parent.off('clearHandler', this.clearHandler);
     };
-    MaskedDateTime.prototype.createMask = function (dateformat) {
+    MaskedDateTime.prototype.createMask = function (navigated) {
+        if (navigated === void 0) { 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();
         var inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isHiddenMask = true;
@@ -13859,6 +13896,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.mask = this.previousValue = inputValue;
         this.parent.maskedDateValue = this.mask;
         if (this.parent.value) {
+            this.navigated = navigated;
             this.setDynamicValue();
         }
     };
@@ -13866,7 +13904,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.l10n = new L10n(this.parent.moduleName, this.defaultConstant, this.parent.locale);
         this.objectString = Object.keys(this.defaultConstant);
         for (var 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());
         }
     };
     MaskedDateTime.prototype.validCharacterCheck = function () {
@@ -13886,8 +13925,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.maskDateValue = new Date(+this.parent.value);
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = true;
         this.updateValue();
-        // this.parent.inputElement.selectionStart = start;
-        // this.validCharacterCheck();
+        this.validCharacterCheck();
     };
     MaskedDateTime.prototype.setSelection = function (validChar) {
         var start = -1;
@@ -13911,12 +13949,13 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
             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)) {
             var start = this.parent.inputElement.selectionStart;
             var end = this.parent.inputElement.selectionEnd;
             var length_1 = this.parent.inputElement.value.length;
-            if ((start == 0 && end == length_1) && (args.e.key === TAB || args.e.action === SHIFTTAB)) {
+            if ((start === 0 && end === length_1) && (args.e.key === TAB || args.e.action === SHIFTTAB)) {
                 var index = args.e.action === SHIFTTAB ? end : 0;
                 this.parent.inputElement.selectionStart = this.parent.inputElement.selectionEnd = index;
             }
@@ -13961,7 +14000,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         var newVal = inputValue.substring(0, start);
         var newDateValue = new Date(+this.maskDateValue);
         var 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])) {
+        if (previousVal.indexOf(newVal) === 0 && (newVal.length === 0 ||
+            this.previousHiddenMask[newVal.length - 1] !== this.previousHiddenMask[newVal.length])) {
             for (var 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);
@@ -13973,114 +14013,123 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         }
         switch (this.previousHiddenMask[start - 1]) {
             case 'd':
-                var 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 (var 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()) {
+                {
+                    var 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 (var 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':
-                var month = void 0;
-                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);
+                {
+                    var month = void 0;
+                    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) {
-                            var previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
-                            var 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) {
+                                var previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
+                                var 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()));
-                    var monthString = (this.getCulturedValue('months[stand-alone].wide'));
-                    var monthValue = Object.keys(monthString);
-                    this.monthCharacter += newVal[start - 1].toLowerCase();
-                    while (this.monthCharacter.length > 0) {
-                        var i = 1;
-                        for (var _i = 0, monthValue_1 = monthValue; _i < monthValue_1.length; _i++) {
-                            var months = monthValue_1[_i];
-                            if (monthString[i].toLowerCase().indexOf(this.monthCharacter) === 0) {
-                                newDateValue.setMonth(i - 1);
-                                this.isMonthPart = true;
-                                this.maskDateValue = newDateValue;
-                                return;
+                        var monthString = (this.getCulturedValue('months[stand-alone].wide'));
+                        var monthValue = Object.keys(monthString);
+                        this.monthCharacter += newVal[start - 1].toLowerCase();
+                        while (this.monthCharacter.length > 0) {
+                            var i = 1;
+                            for (var _i = 0, monthValue_1 = monthValue; _i < monthValue_1.length; _i++) {
+                                var months = monthValue_1[_i];
+                                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':
-                var 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;
+                {
+                    var 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)) {
@@ -14095,7 +14144,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 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)) {
@@ -14110,67 +14160,81 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 this.hourTypeCount = this.hourTypeCount + 1;
                 break;
             case 'm':
-                var 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 (var i = 0; minutes > 59; i++) {
-                    minutes = parseInt(minutes.toString().slice(1), 10);
+                {
+                    var 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 (var 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':
-                var 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 (var i = 0; seconds > 59; i++) {
-                    seconds = parseInt(seconds.toString().slice(1), 10);
+                {
+                    var 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 (var 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()));;
-                var periodString = (this.getCulturedValue('dayPeriods.format.wide'));
-                var periodkeys = Object.keys(periodString);
-                //periodString[periodkeys[0]] : periodString[periodkeys[1]] : periodString[periodkeys[0]];
-                for (var 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
+                    var periodString = (this.getCulturedValue('dayPeriods.format.wide'));
+                    var periodkeys = Object.keys(periodString);
+                    for (var 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
     MaskedDateTime.prototype.formatCheck = function () {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         var proxy = this;
         function formatValueSpecifier(formattext) {
             var result;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var daysAbbreviated = proxy.getCulturedValue('days[stand-alone].abbreviated');
             var dayKeyAbbreviated = Object.keys(daysAbbreviated);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var daysWide = (proxy.getCulturedValue('days[stand-alone].wide'));
             var dayKeyWide = Object.keys(daysWide);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var daysNarrow = (proxy.getCulturedValue('days[stand-alone].narrow'));
             var dayKeyNarrow = Object.keys(daysNarrow);
             var monthAbbreviated = (proxy.getCulturedValue('months[stand-alone].abbreviated'));
             var monthWide = (proxy.getCulturedValue('months[stand-alone].wide'));
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var periodString = (proxy.getCulturedValue('dayPeriods.format.wide'));
             var periodkeys = Object.keys(periodString);
             var milliseconds;
@@ -14181,7 +14245,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 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;
                     }
@@ -14189,7 +14253,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 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;
                     }
@@ -14208,7 +14272,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 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;
                     }
@@ -14216,7 +14280,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 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;
                     }
@@ -14241,56 +14305,56 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                     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;
                     }
@@ -14339,14 +14403,12 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
     };
     MaskedDateTime.prototype.maskInputHandler = function () {
         var start = this.parent.inputElement.selectionStart;
-        var selectionChar = this.previousHiddenMask[start - 1];
         var formatText = '';
         if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
             formatText = this.hiddenMask[start];
         }
-        var inputValue;
         this.differenceCheck();
-        inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
+        var 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;
@@ -14372,8 +14434,6 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
             this.isDeletion = false;
         }
         this.isDeleteKey = false;
-        // this.setSelection(selectionChar);
-        // this.navigateSelection(inputValue);
     };
     MaskedDateTime.prototype.navigateSelection = function (isbackward) {
         var start = this.parent.inputElement.selectionStart;
@@ -14454,24 +14514,26 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 newDateValue.setDate(newDateValue.getDate() + incrementValue);
                 break;
             case 'M':
-                var newMonth = newDateValue.getMonth() + incrementValue;
-                newDateValue.setDate(1);
-                newDateValue.setMonth(newMonth);
-                if (this.isDayPart) {
-                    var previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
-                    var currentMaxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
-                    if (this.previousDate.getDate() == previousMaxDate && currentMaxDate <= previousMaxDate) {
-                        newDateValue.setDate(currentMaxDate);
+                {
+                    var newMonth = newDateValue.getMonth() + incrementValue;
+                    newDateValue.setDate(1);
+                    newDateValue.setMonth(newMonth);
+                    if (this.isDayPart) {
+                        var previousMaxDate = new Date(this.previousDate.getFullYear(), this.previousDate.getMonth() + 1, 0).getDate();
+                        var 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;
@@ -14509,19 +14571,19 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
     };
     MaskedDateTime.prototype.getCulturedFormat = function () {
         var 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;
@@ -14539,7 +14601,6 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.previousHiddenMask = this.hiddenMask;
         this.previousValue = inputValue;
         this.parent.updateInputValue(inputValue);
-        //this.parent.inputElement.value = inputValue;
     };
     MaskedDateTime.prototype.destroy = function () {
         this.removeEventListener();