@syncfusion/ej2-calendars 25.2.5 → 26.1.35

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

@@ -1,4 +1,4 @@
-import { Animation, Browser, ChildProperty, Collection, Component, Event, EventHandler, HijriParser, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, Touch, addClass, append, attributes, cldrData, closest, createElement, detach, extend, formatUnit, getDefaultDateObject, getUniqueID, getValue, isNullOrUndefined, isUndefined, merge, prepend, remove, removeClass, rippleEffect, select, setStyleAttribute, setValue, throwError } from '@syncfusion/ej2-base';
+import { Component, Internationalization, isNullOrUndefined, Browser, attributes, closest, addClass, removeClass, rippleEffect, EventHandler, getValue, getDefaultDateObject, cldrData, detach, L10n, extend, KeyboardEvents, getUniqueID, Property, Event, NotifyPropertyChanges, throwError, HijriParser, Touch, formatUnit, Animation, setValue, ChildProperty, merge, isUndefined, createElement, select, remove, prepend, Collection, append, setStyleAttribute } from '@syncfusion/ej2-base';
 import { Popup } from '@syncfusion/ej2-popups';
 import { Input } from '@syncfusion/ej2-inputs';
 import { Button } from '@syncfusion/ej2-buttons';
@@ -10,7 +10,6 @@ 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';
@@ -71,7 +70,6 @@ let CalendarBase = class CalendarBase extends Component {
         this.isDateSelected = true;
         this.isTodayClicked = false;
         this.preventChange = false;
-        this.isAngular = false;
         this.previousDates = false;
     }
     /**
@@ -269,7 +267,7 @@ let CalendarBase = class CalendarBase extends Component {
         if (this.showTodayButton) {
             this.createContentFooter();
         }
-        if (this.getModuleName() != 'daterangepicker') {
+        if (this.getModuleName() !== 'daterangepicker') {
             EventHandler.add(this.table, 'focus', this.addContentFocus, this);
             EventHandler.add(this.table, 'blur', this.removeContentFocus, this);
         }
@@ -340,8 +338,9 @@ let CalendarBase = class CalendarBase extends Component {
                 addClass([this.calendarElement], '' + WEEKNUMBER);
             }
         }
-        // eslint-disable-next-line max-len
-        const shortNames = this.getCultureValues().length > 0 && this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 && this.getCultureValues())), this.firstDayOfWeek) : null;
+        const shortNames = this.getCultureValues().length > 0 &&
+            this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 &&
+            this.getCultureValues())), this.firstDayOfWeek) : null;
         if (!isNullOrUndefined(shortNames)) {
             for (let days = 0; days <= daysCount; days++) {
                 html += '<th  class="">' + this.toCapitalize(shortNames[days]) + '</th>';
@@ -462,6 +461,9 @@ let CalendarBase = class CalendarBase extends Component {
             this.nextIcon = this.previousIcon = this.table = null;
     }
     keyActionHandle(e, value, multiSelection) {
+        if (this.calendarElement === null && e.action === 'escape') {
+            return;
+        }
         const focusedDate = this.tableBodyElement.querySelector('tr td.e-focused-date');
         let selectedDate;
         if (multiSelection) {
@@ -481,19 +483,22 @@ let CalendarBase = class CalendarBase extends Component {
         this.effect = '';
         switch (e.action) {
             case 'moveLeft':
-                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
+                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     this.keyboardNavigate(-1, view, e, this.max, this.min);
                     e.preventDefault();
                 }
                 break;
             case 'moveRight':
-                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
+                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     this.keyboardNavigate(1, view, e, this.max, this.min);
                     e.preventDefault();
                 }
                 break;
             case 'moveUp':
-                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
+                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     if (view === 0) {
                         this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
                     }
@@ -504,7 +509,8 @@ let CalendarBase = class CalendarBase extends Component {
                 }
                 break;
             case 'moveDown':
-                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
+                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     if (view === 0) {
                         this.keyboardNavigate(7, view, e, this.max, this.min);
                     }
@@ -518,13 +524,13 @@ let CalendarBase = class CalendarBase extends Component {
                 if (e.target === this.headerTitleElement) {
                     this.navigateTitle(e);
                 }
-                else if (e.target === this.previousIcon) {
+                else if (e.target === this.previousIcon && !e.target.className.includes(DISABLED)) {
                     this.navigatePrevious(e);
                 }
-                else if (e.target === this.nextIcon) {
+                else if (e.target === this.nextIcon && !e.target.className.includes(DISABLED)) {
                     this.navigateNext(e);
                 }
-                else if (e.target === this.todayElement) {
+                else if (e.target === this.todayElement && !e.target.className.includes(DISABLED)) {
                     this.todayButtonClick(e, value);
                     if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
                         this.element.focus();
@@ -537,12 +543,14 @@ let CalendarBase = class CalendarBase extends Component {
                             // eslint-disable-next-line radix
                             const d = new Date(parseInt('' + (element).id, 0));
                             this.selectDate(e, d, (element));
+                            if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
+                                this.element.focus();
+                            }
                         }
                         else {
-                            this.contentClick(null, --view, (element), value);
-                        }
-                        if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
-                            this.element.focus();
+                            if (!e.target.className.includes(DISABLED)) {
+                                this.contentClick(null, --view, (element), value);
+                            }
                         }
                     }
                 }
@@ -616,7 +624,12 @@ let CalendarBase = class CalendarBase extends Component {
             case 'tab':
                 if ((this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') && e.target === this.todayElement) {
                     e.preventDefault();
-                    this.element.focus();
+                    if (this.isAngular) {
+                        this.inputElement.focus();
+                    }
+                    else {
+                        this.element.focus();
+                    }
                     this.hide();
                 }
                 break;
@@ -627,6 +640,11 @@ let CalendarBase = class CalendarBase extends Component {
                     this.hide();
                 }
                 break;
+            case 'escape':
+                if ((this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') && (e.target === this.headerTitleElement || e.target === this.previousIcon || e.target === this.nextIcon || e.target === this.todayElement)) {
+                    this.hide();
+                }
+                break;
         }
     }
     keyboardNavigate(number, currentView, e, max, min) {
@@ -815,7 +833,6 @@ 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') {
                 currentTarget = e.currentTarget;
@@ -906,7 +923,7 @@ let CalendarBase = class CalendarBase extends Component {
             const tdEle = this.dayCell(localDate);
             const dayLink = this.createElement('span');
             const localMonth = (value && (value).getMonth() === localDate.getMonth());
-            const select$$1 = (value && (value).getFullYear() === yr && localMonth);
+            const select = (value && (value).getFullYear() === yr && localMonth);
             const title = this.globalize.formatDate(localDate, { type: 'date', format: 'MMM y' });
             dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
                 format: null, type: 'dateTime', skeleton: 'MMM'
@@ -914,7 +931,7 @@ let CalendarBase = class CalendarBase extends Component {
             if ((this.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
                 addClass([tdEle], DISABLED);
             }
-            else if (!valueUtil && select$$1) {
+            else if (!valueUtil && select) {
                 addClass([tdEle], SELECTED);
             }
             else {
@@ -1562,9 +1579,6 @@ let CalendarBase = class CalendarBase extends Component {
     navigateTitle(e) {
         e.preventDefault();
         this.title(e);
-        if (this.getModuleName() === 'calendar') {
-            this.table.focus();
-        }
     }
     previous() {
         this.effect = '';
@@ -1593,9 +1607,6 @@ let CalendarBase = class CalendarBase extends Component {
             this.islamicModule.islamicPrevious();
         }
         this.triggerNavigate(e);
-        if (this.getModuleName() === 'calendar') {
-            this.table.focus();
-        }
     }
     next() {
         this.effect = '';
@@ -1624,9 +1635,6 @@ let CalendarBase = class CalendarBase extends Component {
             this.islamicModule.islamicNext();
         }
         this.triggerNavigate(eve);
-        if (this.getModuleName() === 'calendar') {
-            this.table.focus();
-        }
     }
     /**
      * This method is used to navigate to the month/year/decade view of the Calendar.
@@ -2636,7 +2644,6 @@ let Calendar = class Calendar extends CalendarBase {
         if (!isNullOrUndefined(this.value)) {
             this.setProperties({ value: this.value }, true);
         }
-        // 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))) {
@@ -2667,7 +2674,6 @@ Calendar = __decorate([
 /**
  *
  */
-/* eslint-disable @typescript-eslint/no-explicit-any */
 //class constant defination.
 const OTHERMONTH$1 = 'e-other-month';
 const YEAR$1 = 'e-year';
@@ -2920,12 +2926,12 @@ class Islamic {
             const dayLink = this.calendarInstance.createElement('span');
             const localMonth = (value &&
                 (this.getIslamicDate(value)).month === (this.getIslamicDate(localDate)).month);
-            const select$$1 = (value && (this.getIslamicDate(value)).year === yr && localMonth);
+            const select = (value && (this.getIslamicDate(value)).year === yr && localMonth);
             dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'MMM', calendar: 'islamic' });
             if ((this.calendarInstance.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.calendarInstance.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
                 addClass([tdEle], DISABLED$1);
             }
-            else if (!valueUtil && select$$1) {
+            else if (!valueUtil && select) {
                 addClass([tdEle], SELECTED$1);
             }
             else {
@@ -2963,7 +2969,8 @@ class Islamic {
             endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, (d) => String.fromCharCode(d.charCodeAt(0) - 1632 + 48)));
         }
         const splityear = this.calendarInstance.headerElement.textContent.split('-');
-        if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') || (!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
+        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();
         }
@@ -2973,8 +2980,8 @@ class Islamic {
             this.calendarInstance.islamicPreviousHeader = null;
         }
         if (this.calendarInstance.previousIconClicked) {
-            // eslint-disable-next-line no-var
-            for (var i = 0; i <= splityear.length; i++) {
+            let i = 0;
+            for (i = 0; i <= splityear.length; i++) {
                 endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
                     - endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
                     endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
@@ -3218,18 +3225,12 @@ class Islamic {
 }
 /* eslint-enable @typescript-eslint/no-explicit-any */
 
-/**
- * Calendar modules
- */
-
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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-next-line @typescript-eslint/triple-slash-reference
-/// <reference path='../calendar/calendar-model.d.ts'/>
 //class constant defination
 const DATEWRAPPER = 'e-date-wrapper';
 const ROOT$1 = 'e-datepicker';
@@ -3281,7 +3282,6 @@ let DatePicker = class DatePicker extends Calendar {
         this.invalidValueString = null;
         this.checkPreviousValue = null;
         this.maskedDateValue = '';
-        this.isAngular = false;
         this.preventChange = false;
         this.isIconClicked = false;
         this.isDynamicValueChanged = false;
@@ -3386,7 +3386,7 @@ let DatePicker = class DatePicker extends Calendar {
             this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
         }
         if (this.fullScreenMode && Browser.isDevice) {
-            this.cssClass += ' ' + "e-popup-expand";
+            this.cssClass += ' ' + 'e-popup-expand';
         }
         let updatedCssClassValues = this.cssClass;
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -3655,8 +3655,6 @@ let DatePicker = class DatePicker extends Calendar {
                     });
                 }
                 break;
-            default:
-                break;
         }
     }
     unBindEvents() {
@@ -4076,8 +4074,8 @@ let DatePicker = class DatePicker extends Calendar {
     }
     strictModeUpdate() {
         let format;
-        let pattern = /^y/;
-        let charPattern = /[^a-zA-Z]/;
+        const pattern = /^y/;
+        const charPattern = /[^a-zA-Z]/;
         let formatOptions;
         if (this.getModuleName() === 'datetimepicker') {
             format = !isNullOrUndefined(this.formatString) ? this.formatString : this.dateTimeFormat;
@@ -4201,10 +4199,10 @@ let DatePicker = class DatePicker extends Calendar {
             open: () => {
                 if (Browser.isDevice && this.fullScreenMode) {
                     this.iconRight = parseInt(window.getComputedStyle(this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
-                    this.touchModule = new Touch(this.calendarElement.querySelector(".e-content.e-month"), {
+                    this.touchModule = new Touch(this.calendarElement.querySelector('.e-content.e-month'), {
                         swipe: this.CalendarSwipeHandler.bind(this)
                     });
-                    EventHandler.add(this.calendarElement.querySelector(".e-content.e-month"), "touchstart", this.TouchStartHandler, this);
+                    EventHandler.add(this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', this.TouchStartHandler, this);
                 }
                 if (this.getModuleName() !== 'datetimepicker') {
                     if (document.activeElement !== this.inputElement) {
@@ -4251,26 +4249,22 @@ let DatePicker = class DatePicker extends Calendar {
         let direction = 0;
         if (this.iconRight) {
             switch (e.swipeDirection) {
-                case "Left":
+                case 'Left':
                     direction = 1;
                     break;
-                case "Right":
+                case 'Right':
                     direction = -1;
                     break;
-                default:
-                    break;
             }
         }
         else {
             switch (e.swipeDirection) {
-                case "Up":
+                case 'Up':
                     direction = 1;
                     break;
-                case "Down":
+                case 'Down':
                     direction = -1;
                     break;
-                default:
-                    break;
             }
         }
         if (this.touchStart) {
@@ -4325,16 +4319,17 @@ let DatePicker = class DatePicker extends Calendar {
         }
         monthSpan.textContent = '' + this.globalize.formatDate(this.value || new Date(), dateOptions);
         if (this.fullScreenMode) {
-            const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+            const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
-            const modelTodayButton = this.calendarElement.querySelector("button.e-today");
-            h2.classList.add("e-day-wrapper");
-            modelTodayButton.classList.add("e-outline");
+            const modelTodayButton = this.calendarElement.querySelector('button.e-today');
+            h2.classList.add('e-day-wrapper');
+            modelTodayButton.classList.add('e-outline');
             modelHeader.appendChild(modelCloseIcon);
             modelHeader.appendChild(modelTodayButton);
         }
-        if (!this.fullScreenMode)
+        if (!this.fullScreenMode) {
             modelHeader.appendChild(yearHeading);
+        }
         h2.appendChild(daySpan);
         h2.appendChild(monthSpan);
         modelHeader.appendChild(h2);
@@ -4541,7 +4536,7 @@ let DatePicker = class DatePicker extends Calendar {
                 EventHandler.add(document, 'mousedown touchstart', this.documentHandler, this);
             });
             if (Browser.isDevice) {
-                var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
                 dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
                 this.mobilePopupWrapper.appendChild(dlgOverlay);
             }
@@ -4599,7 +4594,8 @@ let DatePicker = class DatePicker extends Calendar {
             this.modal = null;
         }
         if (Browser.isDevice) {
-            if (!isNullOrUndefined(this.mobilePopupWrapper) && (prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
+            if (!isNullOrUndefined(this.mobilePopupWrapper) &&
+                (prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
                 this.mobilePopupWrapper.remove();
                 this.mobilePopupWrapper = null;
             }
@@ -4868,7 +4864,7 @@ let DatePicker = class DatePicker extends Calendar {
         this.globalize = new Internationalization(this.locale);
         this.checkFormat();
         this.checkView();
-        const attributes$$1 = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
+        const attributes = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
             ['value', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder', 'type'];
         let options;
         if (this.getModuleName() === 'datetimepicker') {
@@ -4893,7 +4889,7 @@ let DatePicker = class DatePicker extends Calendar {
                 options = { format: this.formatString, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
             }
         }
-        for (const prop of attributes$$1) {
+        for (const prop of attributes) {
             if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
                 switch (prop) {
                     case 'disabled':
@@ -5040,9 +5036,7 @@ let DatePicker = class DatePicker extends Calendar {
             this.calendarElement.querySelectorAll(dateIdString)[0] &&
             this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
         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);
@@ -5295,18 +5289,12 @@ DatePicker = __decorate$1([
     NotifyPropertyChanges
 ], DatePicker);
 
-/**
- * Datepicker modules
- */
-
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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-next-line @typescript-eslint/triple-slash-reference
-/// <reference path='../calendar/calendar-model.d.ts'/>
 const DATERANGEWRAPPER = 'e-date-range-wrapper';
 const INPUTCONTAINER$1 = 'e-input-group';
 const DATERANGEICON = 'e-input-group-icon e-range-icon e-icons';
@@ -5417,7 +5405,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.preventBlur = false;
         this.preventFocus = false;
         this.invalidValueString = null;
-        this.isAngular = false;
         this.preventChange = false;
         this.dateRangeOptions = options;
     }
@@ -5641,20 +5628,20 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.bindEvents();
     }
     setDataAttribute(isDynamic) {
-        let attributes$$1 = {};
+        let attributes = {};
         if (!isDynamic) {
             for (let i = 0; i < this.element.attributes.length; i++) {
-                attributes$$1[this.element.attributes[i].name] =
+                attributes[this.element.attributes[i].name] =
                     this.element.getAttribute(this.element.attributes[i].name);
             }
         }
         else {
-            attributes$$1 = this.htmlAttributes;
+            attributes = this.htmlAttributes;
         }
-        for (const pro of Object.keys(attributes$$1)) {
+        for (const pro of Object.keys(attributes)) {
             if (pro.indexOf('data') === 0) {
-                this.firstHiddenChild.setAttribute(pro, attributes$$1[`${pro}`]);
-                this.secondHiddenChild.setAttribute(pro, attributes$$1[`${pro}`]);
+                this.firstHiddenChild.setAttribute(pro, attributes[`${pro}`]);
+                this.secondHiddenChild.setAttribute(pro, attributes[`${pro}`]);
             }
         }
     }
@@ -5686,14 +5673,14 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         const name = element.getAttribute('name') ? element.getAttribute('name') : element.getAttribute('id');
         input.setAttribute('name', name);
         element.removeAttribute('name');
-        const attributes$$1 = ['required', 'aria-required', 'form'];
-        for (let i = 0; i < attributes$$1.length; i++) {
-            if (isNullOrUndefined(element.getAttribute(attributes$$1[i]))) {
+        const attributes = ['required', 'aria-required', 'form'];
+        for (let i = 0; i < attributes.length; i++) {
+            if (isNullOrUndefined(element.getAttribute(attributes[i]))) {
                 continue;
             }
-            const attr = element.getAttribute(attributes$$1[i]);
-            input.setAttribute(attributes$$1[i], attr);
-            element.removeAttribute(attributes$$1[i]);
+            const attr = element.getAttribute(attributes[i]);
+            input.setAttribute(attributes[i], attr);
+            element.removeAttribute(attributes[i]);
         }
     }
     updateHtmlAttributeToWrapper() {
@@ -5953,11 +5940,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
     }
     checkHtmlAttributes(isDynamic) {
         this.globalize = new Internationalization(this.locale);
-        const attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
+        const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
             ['startDate', 'endDate', 'minDays', 'maxDays', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder',
                 'type', 'value'];
         const format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
-        for (const prop of attributes$$1) {
+        for (const prop of attributes) {
             if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
                 switch (prop) {
                     case 'disabled':
@@ -6048,8 +6035,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             const startDate = this.presetsItem[i].start;
             const endDate = this.presetsItem[i].end;
             if (this.startValue && this.endValue) {
-                if (startDate.getDate() == this.startValue.getDate() && startDate.getMonth() == this.startValue.getMonth() && startDate.getFullYear() == this.startValue.getFullYear()
-                    && endDate.getDate() == this.endValue.getDate() && endDate.getMonth() == this.endValue.getMonth() && endDate.getFullYear() == this.endValue.getFullYear()) {
+                if (startDate.getDate() === this.startValue.getDate() && startDate.getMonth() === this.startValue.getMonth() &&
+                    startDate.getFullYear() === this.startValue.getFullYear() && endDate.getDate() === this.endValue.getDate() &&
+                    endDate.getMonth() === this.endValue.getMonth() && endDate.getFullYear() === this.endValue.getFullYear()) {
                     this.activeIndex = i;
                     this.isCustomRange = false;
                 }
@@ -6321,7 +6309,6 @@ 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);
@@ -7937,10 +7924,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         const controlContainer = this.createElement('div', { className: RANGECONTAINER });
         const headerContainer = this.createElement('div', { className: RANGEHEADER });
         if (this.isMobile && this.fullScreenMode) {
-            const modelHeaderIconWrapper = this.createElement("div", { className: "e-model-header-wrapper" });
-            const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+            const modelHeaderIconWrapper = this.createElement('div', { className: 'e-model-header-wrapper' });
+            const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
-            const modelApplyButton = this.createElement("span", { className: "e-apply" });
+            const modelApplyButton = this.createElement('span', { className: 'e-apply' });
             EventHandler.add(modelApplyButton, 'mousedown touchstart', this.applyFunction, this);
             modelHeaderIconWrapper.appendChild(modelCloseIcon);
             modelHeaderIconWrapper.appendChild(modelApplyButton);
@@ -8035,10 +8022,13 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             eve.preventDefault();
         }
         if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
-            if (!(this.previousStartValue && this.previousEndValue && this.startValue.getDate() == this.previousStartValue.getDate() && this.startValue.getMonth() == this.previousStartValue.getMonth() &&
-                this.startValue.getFullYear() == this.previousStartValue.getFullYear()
-                && this.endValue.getDate() == this.previousEndValue.getDate() && this.endValue.getMonth() == this.previousEndValue.getMonth()
-                && this.endValue.getFullYear() == this.previousEndValue.getFullYear())) {
+            if (!(this.previousStartValue && this.previousEndValue &&
+                this.startValue.getDate() === this.previousStartValue.getDate() &&
+                this.startValue.getMonth() === this.previousStartValue.getMonth() &&
+                this.startValue.getFullYear() === this.previousStartValue.getFullYear()
+                && this.endValue.getDate() === this.previousEndValue.getDate() &&
+                this.endValue.getMonth() === this.previousEndValue.getMonth()
+                && this.endValue.getFullYear() === this.previousEndValue.getFullYear())) {
                 Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
             }
             this.previousStartValue = new Date(+this.startValue);
@@ -8208,9 +8198,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 if (this.fullScreenMode) {
                     const modelWrapper = createElement('div', { className: 'e-range-mob-popup-wrap' });
                     const modelHeader = this.createElement('div', { className: 'e-model-header' });
-                    const modelTitleSpan = this.createElement("span", { className: "e-model-title" });
-                    modelTitleSpan.textContent = "Select Preset";
-                    const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+                    const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
+                    modelTitleSpan.textContent = 'Select Preset';
+                    const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
                     EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
                     const presetContent = this.presetElement;
                     modelHeader.appendChild(modelCloseIcon);
@@ -8274,10 +8264,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 if (this.isMobile && this.fullScreenMode) {
                     this.iconRangeRight = this.calendarElement && window.getComputedStyle(this.calendarElement.querySelector('.e-header.e-month .e-prev')).cssFloat;
                     if (this.iconRangeRight) {
-                        this.touchRangeModule = new Touch(this.calendarElement.querySelector(".e-content.e-month"), {
+                        this.touchRangeModule = new Touch(this.calendarElement.querySelector('.e-content.e-month'), {
                             swipe: this.dateRangeSwipeHandler.bind(this)
                         });
-                        EventHandler.add(this.calendarElement.querySelector(".e-content.e-month"), "touchstart", this.touchStartRangeHandler, this);
+                        EventHandler.add(this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', this.touchStartRangeHandler, this);
                     }
                 }
                 attributes(this.inputElement, { 'aria-expanded': 'true', 'aria-owns': this.element.id, 'aria-controls': this.inputElement.id });
@@ -8355,7 +8345,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     EventHandler.remove(document, 'keydown', this.popupCloseHandler);
                 }
             }, targetExitViewport: () => {
-                let popupEle = this.popupObj && this.popupObj.element;
+                const popupEle = this.popupObj && this.popupObj.element;
                 if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < window.innerHeight) {
                     this.hide();
                 }
@@ -8376,28 +8366,24 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
     }
     dateRangeSwipeHandler(e) {
         let direction = 0;
-        if (this.iconRangeRight == 'left') {
+        if (this.iconRangeRight === 'left') {
             switch (e.swipeDirection) {
-                case "Left":
+                case 'Left':
                     direction = 1;
                     break;
-                case "Right":
+                case 'Right':
                     direction = -1;
                     break;
-                default:
-                    break;
             }
         }
         else {
             switch (e.swipeDirection) {
-                case "Up":
+                case 'Up':
                     direction = 1;
                     break;
-                case "Down":
+                case 'Down':
                     direction = -1;
                     break;
-                default:
-                    break;
             }
         }
         if (this.touchRangeStart) {
@@ -8665,7 +8651,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
     }
     createInput() {
         if (this.fullScreenMode && this.isMobile) {
-            this.cssClass += ' ' + "e-popup-expand";
+            this.cssClass += ' ' + 'e-popup-expand';
         }
         let updatedCssClassValue = this.cssClass;
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -9308,13 +9294,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                             this.endButton.element.removeAttribute('disabled');
                             this.selectableDates();
                         }
-                        super.setOverlayIndex(this.mobileRangePopupWrap, this.popupObj.element, this.modal, 
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        this.isMobile || Browser.isDevice);
+                        super.setOverlayIndex(this.mobileRangePopupWrap, this.popupObj.element, this.modal, this.isMobile || Browser.isDevice);
                     }
                 });
                 if (Browser.isDevice) {
-                    var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                    const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
                     dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
                     this.mobileRangePopupWrap.appendChild(dlgOverlay);
                 }
@@ -9504,7 +9488,6 @@ 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)));
@@ -9879,17 +9862,12 @@ DateRangePicker = __decorate$2([
     NotifyPropertyChanges
 ], DateRangePicker);
 
-/**
- * DateRangePicker modules
- */
-
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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-explicit-any */
 const WRAPPERCLASS = 'e-time-wrapper';
 const POPUP$2 = 'e-popup';
 const ERROR$2 = 'e-error';
@@ -9919,13 +9897,7 @@ var TimePickerBase;
 (function (TimePickerBase) {
     // eslint-disable-next-line max-len, jsdoc/require-jsdoc
     function createListItems(createdEl, min, max, globalize, timeFormat, step) {
-        if (this.calendarMode === 'Gregorian') {
-            
-        }
-        else {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            
-        }
+        if (this.calendarMode === 'Gregorian') ;
         let start;
         const interval = step * 60000;
         const listItems = [];
@@ -9990,7 +9962,6 @@ let TimePicker = class TimePicker extends Component {
         this.timeCollections = [];
         this.disableItemCollection = [];
         this.invalidValueString = null;
-        this.isAngular = false;
         this.preventChange = false;
         this.maskedDateValue = '';
         this.moduleName = this.getModuleName();
@@ -10122,14 +10093,14 @@ let TimePicker = class TimePicker extends Component {
         const name = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');
         input.setAttribute('name', name);
         target.removeAttribute('name');
-        const attributes$$1 = ['required', 'aria-required', 'form'];
-        for (let i = 0; i < attributes$$1.length; i++) {
-            if (isNullOrUndefined(target.getAttribute(attributes$$1[i]))) {
+        const attributes = ['required', 'aria-required', 'form'];
+        for (let i = 0; i < attributes.length; i++) {
+            if (isNullOrUndefined(target.getAttribute(attributes[i]))) {
                 continue;
             }
-            const attr = target.getAttribute(attributes$$1[i]);
-            input.setAttribute(attributes$$1[i], attr);
-            target.removeAttribute(attributes$$1[i]);
+            const attr = target.getAttribute(attributes[i]);
+            input.setAttribute(attributes[i], attr);
+            target.removeAttribute(attributes[i]);
         }
     }
     initialize() {
@@ -10198,7 +10169,7 @@ let TimePicker = class TimePicker extends Component {
     }
     createInputElement() {
         if (this.fullScreenMode && Browser.isDevice) {
-            this.cssClass += ' ' + "e-popup-expand";
+            this.cssClass += ' ' + 'e-popup-expand';
         }
         let updatedCssClassesValue = this.cssClass;
         const isBindClearAction = this.enableMask ? false : true;
@@ -10309,7 +10280,6 @@ let TimePicker = class TimePicker extends Component {
         }
         return modules;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     cldrFormat(type) {
         let cldrDateTimeString;
         if (this.locale === 'en' || this.locale === 'en-US') {
@@ -10457,17 +10427,17 @@ let TimePicker = class TimePicker extends Component {
             this.popupObj.collision = { X: 'none', Y: 'flip' };
         }
         if (Browser.isDevice && this.fullScreenMode) {
-            this.popupObj.element.style.maxHeight = "100%";
-            this.popupObj.element.style.width = "100%";
+            this.popupObj.element.style.maxHeight = '100%';
+            this.popupObj.element.style.width = '100%';
         }
         else {
             this.popupObj.element.style.maxHeight = POPUPDIMENSION;
         }
         if (Browser.isDevice && this.fullScreenMode) {
             const modelHeader = this.createElement('div', { className: 'e-model-header' });
-            const modelTitleSpan = this.createElement("span", { className: "e-model-title" });
-            modelTitleSpan.textContent = "Select time";
-            const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+            const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
+            modelTitleSpan.textContent = 'Select time';
+            const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.timePopupCloseHandler, this);
             modelHeader.appendChild(modelCloseIcon);
             modelHeader.appendChild(modelTitleSpan);
@@ -10852,7 +10822,7 @@ let TimePicker = class TimePicker extends Component {
     }
     inputHandler(event) {
         if (!this.readonly && this.enabled) {
-            if (!((event.action == 'right' || event.action == 'left' || event.action == 'tab') || ((event.action == 'home' || event.action == 'end' || event.action == 'up' || event.action == 'down') && !this.isPopupOpen() && !this.enableMask))) {
+            if (!((event.action === 'right' || event.action === 'left' || event.action === 'tab') || ((event.action === 'home' || event.action === 'end' || event.action === 'up' || event.action === 'down') && !this.isPopupOpen() && !this.enableMask))) {
                 event.preventDefault();
             }
             switch (event.action) {
@@ -11186,8 +11156,6 @@ let TimePicker = class TimePicker extends Component {
                     });
                 }
                 break;
-            default:
-                break;
         }
     }
     formResetHandler() {
@@ -11303,10 +11271,10 @@ let TimePicker = class TimePicker extends Component {
         }
     }
     checkAttributes(isDynamic) {
-        const attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
+        const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
             ['step', 'disabled', 'readonly', 'style', 'name', 'value', 'min', 'max', 'placeholder'];
         let value;
-        for (const prop of attributes$$1) {
+        for (const prop of attributes) {
             if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
                 switch (prop) {
                     case 'disabled':
@@ -12079,7 +12047,7 @@ let TimePicker = class TimePicker extends Component {
                 }
             });
             if (Browser.isDevice) {
-                var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
                 dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
                 this.mobileTimePopupWrap.appendChild(dlgOverlay);
             }
@@ -12449,21 +12417,14 @@ __decorate$3([
 TimePicker = __decorate$3([
     NotifyPropertyChanges
 ], TimePicker);
-
 /* eslint-enable @typescript-eslint/no-explicit-any */
 
-/**
- * TimePicker modules
- */
-
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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-next-line @typescript-eslint/triple-slash-reference
-///<reference path='../datepicker/datepicker-model.d.ts'/>
 //class constant defination
 const DATEWRAPPER$1 = 'e-date-wrapper';
 const DATEPICKERROOT = 'e-datepicker';
@@ -12479,7 +12440,7 @@ const ROOT$4 = 'e-datetimepicker';
 const DATETIMEPOPUPWRAPPER = 'e-datetimepopup-wrapper';
 const INPUTWRAPPER$1 = 'e-input-group-icon';
 const POPUP$3 = 'e-popup';
-const TIMEICON$1 = 'e-time-icon';
+const TIMEICON = 'e-time-icon';
 const INPUTFOCUS$2 = 'e-input-focus';
 const POPUPDIMENSION$1 = '250px';
 const ICONANIMATION$1 = 'e-icon-anim';
@@ -12790,7 +12751,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         this.renderTimeIcon();
     }
     renderTimeIcon() {
-        this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON$1 + ' ' + ICONS$1, this.inputWrapper.container);
+        this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON + ' ' + ICONS$1, this.inputWrapper.container);
     }
     bindInputEvents() {
         EventHandler.add(this.timeIcon, 'mousedown', this.timeHandler, this);
@@ -13011,7 +12972,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                     this.dateTimeWrapper.style.left = '0px';
                 }
                 if (Browser.isDevice) {
-                    var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
+                    const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
                     dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
                     this.timeModal.appendChild(dlgOverlay);
                 }
@@ -13030,7 +12991,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             if (!this.preventArgs.cancel && !this.readonly) {
                 const openAnimation = {
                     name: 'FadeIn',
-                    duration: ANIMATIONDURATION$1,
+                    duration: ANIMATIONDURATION$1
                 };
                 if (this.zIndex === 1000) {
                     this.popupObject.show(new Animation(openAnimation), this.element);
@@ -13120,9 +13081,9 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             }
         });
         if (Browser.isDevice && this.fullScreenMode) {
-            this.popupObject.element.style.display = "flex";
-            this.popupObject.element.style.maxHeight = "100%";
-            this.popupObject.element.style.width = "100%";
+            this.popupObject.element.style.display = 'flex';
+            this.popupObject.element.style.maxHeight = '100%';
+            this.popupObject.element.style.width = '100%';
         }
         else {
             this.popupObject.element.style.maxHeight = POPUPDIMENSION$1;
@@ -13130,11 +13091,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         if (Browser.isDevice && this.fullScreenMode) {
             const modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
             const modelHeader = this.createElement('div', { className: 'e-model-header' });
-            const modelTitleSpan = this.createElement("span", { className: "e-model-title" });
-            modelTitleSpan.textContent = "Select time";
-            const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+            const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
+            modelTitleSpan.textContent = 'Select time';
+            const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
-            const timeContent = this.dateTimeWrapper.querySelector(".e-content");
+            const timeContent = this.dateTimeWrapper.querySelector('.e-content');
             modelHeader.appendChild(modelCloseIcon);
             modelHeader.appendChild(modelTitleSpan);
             modelWrapper.appendChild(modelHeader);
@@ -13441,9 +13402,15 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         return this.calculateStartEnd(tempStartValue, start, 'starttime');
     }
     TimePopupFormat() {
-        var format = '';
-        var formatCount = 0;
-        const proxy = this;
+        let format = '';
+        let formatCount = 0;
+        const proxy =  this;
+        /**
+         * Formats the value specifier.
+         *
+         * @param {string} formattext - The format text.
+         * @returns {string} The formatted value specifier.
+         */
         function formatValueSpecifier(formattext) {
             switch (formattext) {
                 case 'd':
@@ -13458,11 +13425,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                 case 'yy':
                 case 'yyy':
                 case 'yyyy':
-                    if (format == '') {
+                    if (format === '') {
                         format = format + formattext;
                     }
                     else {
-                        format = format + "/" + formattext;
+                        format = format + '/' + formattext;
                     }
                     formatCount = formatCount + 1;
                     break;
@@ -13572,10 +13539,10 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         }
     }
     checkAttributes(isDynamic) {
-        const attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
+        const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
             ['style', 'name', 'step', 'disabled', 'readonly', 'value', 'min', 'max', 'placeholder', 'type'];
         let value;
-        for (const prop of attributes$$1) {
+        for (const prop of attributes) {
             if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
                 switch (prop) {
                     case 'name':
@@ -14141,10 +14108,6 @@ DateTimePicker = __decorate$4([
     NotifyPropertyChanges
 ], DateTimePicker);
 
-/**
- * DateTimePicker modules
- */
-
 const ARROWLEFT = 'ArrowLeft';
 const ARROWRIGHT = 'ArrowRight';
 const ARROWUP = 'ArrowUp';
@@ -14432,8 +14395,8 @@ class MaskedDateTime {
                         }
                         if (month >= 1) {
                             newDateValue.setMonth(month - 1);
-                            if (month >= 10 || month == 1) {
-                                if (this.isLeadingZero && month == 1) {
+                            if (month >= 10 || month === 1) {
+                                if (this.isLeadingZero && month === 1) {
                                     this.isNavigate = month.toString().length === 1;
                                     this.isLeadingZero = false;
                                 }
@@ -14585,7 +14548,6 @@ class MaskedDateTime {
             case 'a':
                 {
                     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++) {
@@ -14599,15 +14561,12 @@ class MaskedDateTime {
                     }
                     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;
+        const proxy =  this;
         function formatValueSpecifier(formattext) {
             let result;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -14934,8 +14893,6 @@ class MaskedDateTime {
             case 'a':
                 newDateValue.setHours((newDateValue.getHours() + 12) % 24);
                 break;
-            default:
-                break;
         }
         this.maskDateValue = newDateValue.getFullYear() > 0 ? newDateValue : this.maskDateValue;
         if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
@@ -14991,13 +14948,5 @@ class MaskedDateTime {
     }
 }
 
-/**
- * MaskedDateTime modules
- */
-
-/**
- * Calendar all modules
- */
-
-export { CalendarBase, Calendar, Islamic, DatePicker, Presets, DateRangePicker, TimePickerBase, TimeMaskPlaceholder, TimePicker, DateTimePicker, MaskedDateTime };
+export { Calendar, CalendarBase, DatePicker, DateRangePicker, DateTimePicker, Islamic, MaskedDateTime, Presets, TimeMaskPlaceholder, TimePicker, TimePickerBase };
 //# sourceMappingURL=ej2-calendars.es2015.js.map