@syncfusion/ej2-calendars 25.2.5 → 26.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.5
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@25.2.4",
+  "_id": "@syncfusion/ej2-calendars@18.32.5",
   "_inBundle": false,
-  "_integrity": "sha512-rbv7ZPbZf83tn5wiXnntXHwtdpbSpseUNmIthomhx9f7cZDzSvy39wKJRX0rPBoCxmthOEEKenJGCAbUuB/GmQ==",
+  "_integrity": "sha512-O94+yxbtE71OtLyLIVu8AKHjAhlyYG3VLgqJu6f0y/0i3jjsbev7DfH+PT5jskNEH1gHz9wJ8UsatRfP77myjQ==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -31,10 +31,10 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-25.2.4.tgz",
-  "_shasum": "f4f22ca3e726887b2b469053fe6a1a299d742d23",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-calendars/-/ej2-calendars-18.32.5.tgz",
+  "_shasum": "d3563a237a72a2b7cc11cce7bb2199cde963c506",
   "_spec": "@syncfusion/ej2-calendars@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -43,11 +43,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.5",
-    "@syncfusion/ej2-buttons": "~25.2.4",
-    "@syncfusion/ej2-inputs": "~25.2.5",
-    "@syncfusion/ej2-lists": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.4"
+    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-buttons": "~26.1.35",
+    "@syncfusion/ej2-inputs": "~26.1.35",
+    "@syncfusion/ej2-lists": "~26.1.35",
+    "@syncfusion/ej2-popups": "~26.1.35"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.5",
+  "version": "26.1.35",
   "sideEffects": false
 }

package/src/calendar/calendar.d.ts

@@ -48,7 +48,7 @@ export declare class CalendarBase extends Component<HTMLElement> implements INot
     protected previousIconClicked: boolean;
     protected tabIndex: string;
     protected todayDate: Date;
-    protected islamicPreviousHeader: any;
+    protected islamicPreviousHeader: string;
     protected calendarElement: HTMLElement;
     protected isPopupClicked: boolean;
     protected isDateSelected: boolean;
@@ -61,7 +61,6 @@ export declare class CalendarBase extends Component<HTMLElement> implements INot
     protected isTodayClicked: boolean;
     protected todayButtonEvent: MouseEvent | KeyboardEvent;
     protected preventChange: boolean;
-    protected isAngular: boolean;
     protected previousDates: boolean;
     /**
      * Gets or sets the minimum date that can be selected in the Calendar.

package/src/calendar/calendar.js

@@ -86,7 +86,6 @@ var CalendarBase = /** @class */ (function (_super) {
         _this.isDateSelected = true;
         _this.isTodayClicked = false;
         _this.preventChange = false;
-        _this.isAngular = false;
         _this.previousDates = false;
         return _this;
     }
@@ -285,7 +284,7 @@ var CalendarBase = /** @class */ (function (_super) {
         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);
         }
@@ -357,8 +356,9 @@ var CalendarBase = /** @class */ (function (_super) {
                 addClass([this.calendarElement], '' + WEEKNUMBER);
             }
         }
-        // eslint-disable-next-line max-len
-        var shortNames = this.getCultureValues().length > 0 && this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 && this.getCultureValues())), this.firstDayOfWeek) : null;
+        var shortNames = this.getCultureValues().length > 0 &&
+            this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 &&
+            this.getCultureValues())), this.firstDayOfWeek) : null;
         if (!isNullOrUndefined(shortNames)) {
             for (var days = 0; days <= daysCount; days++) {
                 html += '<th  class="">' + this.toCapitalize(shortNames[days]) + '</th>';
@@ -479,6 +479,9 @@ var CalendarBase = /** @class */ (function (_super) {
             this.nextIcon = this.previousIcon = this.table = null;
     };
     CalendarBase.prototype.keyActionHandle = function (e, value, multiSelection) {
+        if (this.calendarElement === null && e.action === 'escape') {
+            return;
+        }
         var focusedDate = this.tableBodyElement.querySelector('tr td.e-focused-date');
         var selectedDate;
         if (multiSelection) {
@@ -498,19 +501,22 @@ var CalendarBase = /** @class */ (function (_super) {
         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.
                     }
@@ -521,7 +527,8 @@ var CalendarBase = /** @class */ (function (_super) {
                 }
                 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);
                     }
@@ -535,13 +542,13 @@ var CalendarBase = /** @class */ (function (_super) {
                 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();
@@ -554,12 +561,14 @@ var CalendarBase = /** @class */ (function (_super) {
                             // eslint-disable-next-line radix
                             var 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);
+                            }
                         }
                     }
                 }
@@ -633,7 +642,12 @@ var CalendarBase = /** @class */ (function (_super) {
             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;
@@ -644,6 +658,11 @@ var CalendarBase = /** @class */ (function (_super) {
                     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;
         }
     };
     CalendarBase.prototype.keyboardNavigate = function (number, currentView, e, max, min) {
@@ -833,7 +852,6 @@ var CalendarBase = /** @class */ (function (_super) {
             // if (args.isDisabled && +this.value === +args.date) {
             //     this.setProperties({ value: null }, true);
             // }
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var currentTarget = void 0;
             if (!isNullOrUndefined(e) && e.type === 'click') {
                 currentTarget = e.currentTarget;
@@ -1581,9 +1599,6 @@ var CalendarBase = /** @class */ (function (_super) {
     CalendarBase.prototype.navigateTitle = function (e) {
         e.preventDefault();
         this.title(e);
-        if (this.getModuleName() === 'calendar') {
-            this.table.focus();
-        }
     };
     CalendarBase.prototype.previous = function () {
         this.effect = '';
@@ -1612,9 +1627,6 @@ var CalendarBase = /** @class */ (function (_super) {
             this.islamicModule.islamicPrevious();
         }
         this.triggerNavigate(e);
-        if (this.getModuleName() === 'calendar') {
-            this.table.focus();
-        }
     };
     CalendarBase.prototype.next = function () {
         this.effect = '';
@@ -1643,9 +1655,6 @@ var CalendarBase = /** @class */ (function (_super) {
             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.
@@ -2660,7 +2669,6 @@ var Calendar = /** @class */ (function (_super) {
         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))) {

package/src/calendar/islamic.js

@@ -302,7 +302,8 @@ var Islamic = /** @class */ (function () {
             endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, function (d) { return String.fromCharCode(d.charCodeAt(0) - 1632 + 48); }));
         }
         var 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();
         }
@@ -312,8 +313,8 @@ var Islamic = /** @class */ (function () {
             this.calendarInstance.islamicPreviousHeader = null;
         }
         if (this.calendarInstance.previousIconClicked) {
-            // eslint-disable-next-line no-var
-            for (var i = 0; i <= splityear.length; i++) {
+            var 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 ?
@@ -342,14 +343,14 @@ var Islamic = /** @class */ (function () {
             }
         }
         if (this.calendarInstance.nextIconClicked) {
-            for (var i_1 = 0; i_1 <= splityear.length; i_1++) {
-                if (startHdrYr - splityear[i_1] === 0 || splityear[i_1] - startHdrYr === 0) {
+            for (var i = 0; i <= splityear.length; i++) {
+                if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
                     startHdrYr = (parseInt(startHdrYr, 10) + 1).toString();
                 }
-                if (startHdrYr - splityear[i_1] === 2 && startHdrYr > splityear[i_1].trim()) {
+                if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
                     startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
                 }
-                if (splityear[i_1] - startHdrYr === 1 && startHdrYr < splityear[i_1].trim()) {
+                if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
                     startHdrYr = (parseInt(startHdrYr, 10) + 2).toString();
                 }
             }

package/src/datepicker/datepicker.d.ts

@@ -58,7 +58,6 @@ export declare class DatePicker extends Calendar implements IInput {
         [key: string]: string;
     };
     protected mobilePopupWrapper: HTMLElement;
-    protected isAngular: boolean;
     protected preventChange: boolean;
     protected isIconClicked: boolean;
     protected isDynamicValueChanged: boolean;

package/src/datepicker/datepicker.js

@@ -79,7 +79,6 @@ var DatePicker = /** @class */ (function (_super) {
         _this.invalidValueString = null;
         _this.checkPreviousValue = null;
         _this.maskedDateValue = '';
-        _this.isAngular = false;
         _this.preventChange = false;
         _this.isIconClicked = false;
         _this.isDynamicValueChanged = false;
@@ -185,7 +184,7 @@ var DatePicker = /** @class */ (function (_super) {
             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';
         }
         var updatedCssClassValues = this.cssClass;
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -1005,10 +1004,10 @@ var DatePicker = /** @class */ (function (_super) {
             open: function () {
                 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) {
@@ -1055,10 +1054,10 @@ var DatePicker = /** @class */ (function (_super) {
         var direction = 0;
         if (this.iconRight) {
             switch (e.swipeDirection) {
-                case "Left":
+                case 'Left':
                     direction = 1;
                     break;
-                case "Right":
+                case 'Right':
                     direction = -1;
                     break;
                 default:
@@ -1067,10 +1066,10 @@ var DatePicker = /** @class */ (function (_super) {
         }
         else {
             switch (e.swipeDirection) {
-                case "Up":
+                case 'Up':
                     direction = 1;
                     break;
-                case "Down":
+                case 'Down':
                     direction = -1;
                     break;
                 default:
@@ -1129,16 +1128,17 @@ var DatePicker = /** @class */ (function (_super) {
         }
         monthSpan.textContent = '' + this.globalize.formatDate(this.value || new Date(), dateOptions);
         if (this.fullScreenMode) {
-            var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+            var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
-            var modelTodayButton = this.calendarElement.querySelector("button.e-today");
-            h2.classList.add("e-day-wrapper");
-            modelTodayButton.classList.add("e-outline");
+            var 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);
@@ -1405,7 +1405,8 @@ var DatePicker = /** @class */ (function (_super) {
             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;
             }
@@ -1849,9 +1850,7 @@ var DatePicker = /** @class */ (function (_super) {
             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);

package/src/daterangepicker/daterangepicker.d.ts

@@ -168,7 +168,6 @@ export declare class DateRangePicker extends CalendarBase {
     private invalidValueString;
     private dateRangeOptions;
     private mobileRangePopupWrap;
-    protected isAngular: boolean;
     protected preventChange: boolean;
     protected touchRangeModule: Touch;
     protected touchRangeStart: boolean;

package/src/daterangepicker/daterangepicker.js

@@ -145,7 +145,6 @@ var DateRangePicker = /** @class */ (function (_super) {
         _this.preventBlur = false;
         _this.preventFocus = false;
         _this.invalidValueString = null;
-        _this.isAngular = false;
         _this.preventChange = false;
         _this.dateRangeOptions = options;
         return _this;
@@ -782,8 +781,9 @@ var DateRangePicker = /** @class */ (function (_super) {
             var startDate = this.presetsItem[i].start;
             var 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;
                 }
@@ -1055,7 +1055,6 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         this.updateHiddenInput();
     };
-    // eslint-disable-next-line @typescript-eslint/tslint/config
     DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
         if (this.depth === 'Month') {
             return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
@@ -2686,10 +2685,10 @@ var DateRangePicker = /** @class */ (function (_super) {
         var controlContainer = this.createElement('div', { className: RANGECONTAINER });
         var headerContainer = this.createElement('div', { className: RANGEHEADER });
         if (this.isMobile && this.fullScreenMode) {
-            var modelHeaderIconWrapper = this.createElement("div", { className: "e-model-header-wrapper" });
-            var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+            var modelHeaderIconWrapper = this.createElement('div', { className: 'e-model-header-wrapper' });
+            var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
-            var modelApplyButton = this.createElement("span", { className: "e-apply" });
+            var modelApplyButton = this.createElement('span', { className: 'e-apply' });
             EventHandler.add(modelApplyButton, 'mousedown touchstart', this.applyFunction, this);
             modelHeaderIconWrapper.appendChild(modelCloseIcon);
             modelHeaderIconWrapper.appendChild(modelApplyButton);
@@ -2784,10 +2783,13 @@ var DateRangePicker = /** @class */ (function (_super) {
             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);
@@ -2958,9 +2960,9 @@ var DateRangePicker = /** @class */ (function (_super) {
                 if (this.fullScreenMode) {
                     var modelWrapper = createElement('div', { className: 'e-range-mob-popup-wrap' });
                     var modelHeader = this.createElement('div', { className: 'e-model-header' });
-                    var modelTitleSpan = this.createElement("span", { className: "e-model-title" });
-                    modelTitleSpan.textContent = "Select Preset";
-                    var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+                    var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
+                    modelTitleSpan.textContent = 'Select Preset';
+                    var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
                     EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
                     var presetContent = this.presetElement;
                     modelHeader.appendChild(modelCloseIcon);
@@ -3025,10 +3027,10 @@ var DateRangePicker = /** @class */ (function (_super) {
                 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 });
@@ -3127,12 +3129,12 @@ var DateRangePicker = /** @class */ (function (_super) {
     };
     DateRangePicker.prototype.dateRangeSwipeHandler = function (e) {
         var 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:
@@ -3141,10 +3143,10 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         else {
             switch (e.swipeDirection) {
-                case "Up":
+                case 'Up':
                     direction = 1;
                     break;
-                case "Down":
+                case 'Down':
                     direction = -1;
                     break;
                 default:
@@ -3416,7 +3418,7 @@ var DateRangePicker = /** @class */ (function (_super) {
     };
     DateRangePicker.prototype.createInput = function () {
         if (this.fullScreenMode && this.isMobile) {
-            this.cssClass += ' ' + "e-popup-expand";
+            this.cssClass += ' ' + 'e-popup-expand';
         }
         var updatedCssClassValue = this.cssClass;
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -4060,9 +4062,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                             _this.endButton.element.removeAttribute('disabled');
                             _this.selectableDates();
                         }
-                        _super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal, 
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        _this.isMobile || Browser.isDevice);
+                        _super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal, _this.isMobile || Browser.isDevice);
                     }
                 });
                 if (Browser.isDevice) {
@@ -4257,7 +4257,6 @@ var DateRangePicker = /** @class */ (function (_super) {
             this.updateHeader();
         }
     };
-    // eslint-disable-next-line @typescript-eslint/tslint/config
     DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
         if (this.depth === 'Month') {
             return this.checkDateValue(new Date(this.checkValue(date)));

package/src/datetimepicker/datetimepicker.js

@@ -598,7 +598,7 @@ var DateTimePicker = /** @class */ (function (_super) {
             if (!_this.preventArgs.cancel && !_this.readonly) {
                 var openAnimation = {
                     name: 'FadeIn',
-                    duration: ANIMATIONDURATION,
+                    duration: ANIMATIONDURATION
                 };
                 if (_this.zIndex === 1000) {
                     _this.popupObject.show(new Animation(openAnimation), _this.element);
@@ -689,9 +689,9 @@ var DateTimePicker = /** @class */ (function (_super) {
             }
         });
         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;
@@ -699,11 +699,11 @@ var DateTimePicker = /** @class */ (function (_super) {
         if (Browser.isDevice && this.fullScreenMode) {
             var modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
             var modelHeader = this.createElement('div', { className: 'e-model-header' });
-            var modelTitleSpan = this.createElement("span", { className: "e-model-title" });
-            modelTitleSpan.textContent = "Select time";
-            var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
+            var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
+            modelTitleSpan.textContent = 'Select time';
+            var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
-            var timeContent = this.dateTimeWrapper.querySelector(".e-content");
+            var timeContent = this.dateTimeWrapper.querySelector('.e-content');
             modelHeader.appendChild(modelCloseIcon);
             modelHeader.appendChild(modelTitleSpan);
             modelWrapper.appendChild(modelHeader);
@@ -1012,7 +1012,13 @@ var DateTimePicker = /** @class */ (function (_super) {
     DateTimePicker.prototype.TimePopupFormat = function () {
         var format = '';
         var formatCount = 0;
-        var proxy = this;
+        var proxy = null || this;
+        /**
+         * Formats the value specifier.
+         *
+         * @param {string} formattext - The format text.
+         * @returns {string} The formatted value specifier.
+         */
         function formatValueSpecifier(formattext) {
             switch (formattext) {
                 case 'd':
@@ -1027,11 +1033,11 @@ var DateTimePicker = /** @class */ (function (_super) {
                 case 'yy':
                 case 'yyy':
                 case 'yyyy':
-                    if (format == '') {
+                    if (format === '') {
                         format = format + formattext;
                     }
                     else {
-                        format = format + "/" + formattext;
+                        format = format + '/' + formattext;
                     }
                     formatCount = formatCount + 1;
                     break;

package/src/maskbase/interface.js

@@ -1 +0,0 @@
-