@syncfusion/ej2-calendars 19.2.62 → 19.3.53

package/src/calendar/calendar.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, EventHandler, Internationalization, isBlazor } from '@syncfusion/ej2-base';
+import { Component, EventHandler, Internationalization } from '@syncfusion/ej2-base';
 import { KeyboardEvents, L10n } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges } from '@syncfusion/ej2-base';
 import { cldrData, getDefaultDateObject, rippleEffect } from '@syncfusion/ej2-base';
@@ -303,7 +303,7 @@ var CalendarBase = /** @class */ (function (_super) {
     CalendarBase.prototype.getCultureValues = function () {
         var culShortNames = [];
         var cldrObj;
-        var dayFormat = (isBlazor() ? 'days.' : 'days.stand-alone.') + this.dayHeaderFormat.toLowerCase();
+        var dayFormat = 'days.stand-alone.' + this.dayHeaderFormat.toLowerCase();
         if (this.locale === 'en' || this.locale === 'en-US') {
             cldrObj = (getValue(dayFormat, getDefaultDateObject()));
         }
@@ -412,17 +412,8 @@ var CalendarBase = /** @class */ (function (_super) {
         }
     };
     CalendarBase.prototype.wireEvents = function (id, ref, keyConfig, moduleName) {
-        if (!(isBlazor() && ref)) {
-            EventHandler.add(this.headerTitleElement, 'click', this.navigateTitle, this);
-            this.defaultKeyConfigs = extend(this.defaultKeyConfigs, this.keyConfigs);
-        }
-        else {
-            this.element = document.getElementById(id);
-            this.defaultKeyConfigs = this.getDefaultKeyConfig();
-            this.defaultKeyConfigs = extend(this.defaultKeyConfigs, keyConfig);
-            this.blazorRef = ref;
-            this.serverModuleName = moduleName;
-        }
+        EventHandler.add(this.headerTitleElement, 'click', this.navigateTitle, this);
+        this.defaultKeyConfigs = extend(this.defaultKeyConfigs, this.keyConfigs);
         if (this.getModuleName() === 'calendar') {
             this.keyboardModule = new KeyboardEvents(this.element, {
                 eventName: 'keydown',
@@ -441,7 +432,6 @@ var CalendarBase = /** @class */ (function (_super) {
     CalendarBase.prototype.dateWireEvents = function (id, ref, keyConfig, moduleName) {
         this.defaultKeyConfigs = this.getDefaultKeyConfig();
         this.defaultKeyConfigs = extend(this.defaultKeyConfigs, keyConfig);
-        this.blazorRef = ref;
         this.serverModuleName = moduleName;
     };
     CalendarBase.prototype.todayButtonClick = function (e, value, isCustomDate) {
@@ -472,21 +462,7 @@ var CalendarBase = /** @class */ (function (_super) {
         this.renderDayCellArgs = null;
         this.calendarElement = this.tableBodyElement = this.footer = this.tableHeadElement = this.nextIcon = this.previousIcon = this.table = null;
     };
-    CalendarBase.prototype.checkDeviceMode = function (ref) {
-        if (Browser.isDevice && isBlazor() && ref) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            ref.invokeMethodAsync('OnDevice', true);
-        }
-    };
     CalendarBase.prototype.keyActionHandle = function (e, value, multiSelection) {
-        if (isBlazor() && this.blazorRef) {
-            e.preventDefault();
-            if (!this.tableBodyElement) {
-                this.element = closest(e.target, '.' + 'e-calendar');
-                this.tableBodyElement = this.element.querySelector('tbody');
-            }
-            multiSelection = false;
-        }
         var focusedDate = this.tableBodyElement.querySelector('tr td.e-focused-date');
         var selectedDate;
         if (multiSelection) {
@@ -500,147 +476,124 @@ var CalendarBase = /** @class */ (function (_super) {
         else {
             selectedDate = this.tableBodyElement.querySelector('tr td.e-selected');
         }
-        if (isBlazor() && this.blazorRef) {
-            this.tableBodyElement.focus();
-            var targetEle = e.target;
-            var args = {
-                Action: e.action, Key: e.key, Events: e,
-                SelectDate: selectedDate ? selectedDate.id : null,
-                FocusedDate: focusedDate ? focusedDate.id : null,
-                classList: selectedDate ? selectedDate.classList.toString() : focusedDate ? focusedDate.classList.toString() : 'e-cell',
-                Id: focusedDate ? focusedDate.id : selectedDate ? selectedDate.id : null,
-                TargetClassList: targetEle.classList.toString()
-            };
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            this.blazorRef.invokeMethodAsync('OnCalendarKeyboardEvent', args);
-            if (targetEle.classList.contains('e-today')) {
-                targetEle.blur();
-                this.tableBodyElement.focus();
-            }
-            if (this.serverModuleName === 'sf.calendars.Calendar') {
-                this.tableBodyElement = null;
-            }
-        }
-        else {
-            var view = this.getViewNumber(this.currentView());
-            var depthValue = this.getViewNumber(this.depth);
-            var levelRestrict = (view === depthValue && this.getViewNumber(this.start) >= depthValue);
-            this.effect = '';
-            switch (e.action) {
-                case 'moveLeft':
-                    this.keyboardNavigate(-1, view, e, this.max, this.min);
-                    e.preventDefault();
-                    break;
-                case 'moveRight':
-                    this.keyboardNavigate(1, view, e, this.max, this.min);
-                    e.preventDefault();
-                    break;
-                case 'moveUp':
-                    if (view === 0) {
-                        this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
-                    }
-                    else {
-                        this.keyboardNavigate(-4, view, e, this.max, this.min); // move the current year to the previous four days.
-                    }
-                    e.preventDefault();
-                    break;
-                case 'moveDown':
-                    if (view === 0) {
-                        this.keyboardNavigate(7, view, e, this.max, this.min);
-                    }
-                    else {
-                        this.keyboardNavigate(4, view, e, this.max, this.min);
-                    }
-                    e.preventDefault();
-                    break;
-                case 'select':
-                    if (e.target === this.todayElement) {
-                        this.todayButtonClick(e, value);
-                    }
-                    else {
-                        var element = !isNullOrUndefined(focusedDate) ? focusedDate : selectedDate;
-                        if (!isNullOrUndefined(element) && !element.classList.contains(DISABLED)) {
-                            if (levelRestrict) {
-                                // eslint-disable-next-line radix
-                                var d = new Date(parseInt('' + (element).id, 0));
-                                this.selectDate(e, d, (element));
-                            }
-                            else {
-                                this.contentClick(null, --view, (element), value);
-                            }
+        var view = this.getViewNumber(this.currentView());
+        var depthValue = this.getViewNumber(this.depth);
+        var levelRestrict = (view === depthValue && this.getViewNumber(this.start) >= depthValue);
+        this.effect = '';
+        switch (e.action) {
+            case 'moveLeft':
+                this.keyboardNavigate(-1, view, e, this.max, this.min);
+                e.preventDefault();
+                break;
+            case 'moveRight':
+                this.keyboardNavigate(1, view, e, this.max, this.min);
+                e.preventDefault();
+                break;
+            case 'moveUp':
+                if (view === 0) {
+                    this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
+                }
+                else {
+                    this.keyboardNavigate(-4, view, e, this.max, this.min); // move the current year to the previous four days.
+                }
+                e.preventDefault();
+                break;
+            case 'moveDown':
+                if (view === 0) {
+                    this.keyboardNavigate(7, view, e, this.max, this.min);
+                }
+                else {
+                    this.keyboardNavigate(4, view, e, this.max, this.min);
+                }
+                e.preventDefault();
+                break;
+            case 'select':
+                if (e.target === this.todayElement) {
+                    this.todayButtonClick(e, value);
+                }
+                else {
+                    var element = !isNullOrUndefined(focusedDate) ? focusedDate : selectedDate;
+                    if (!isNullOrUndefined(element) && !element.classList.contains(DISABLED)) {
+                        if (levelRestrict) {
+                            // eslint-disable-next-line radix
+                            var d = new Date(parseInt('' + (element).id, 0));
+                            this.selectDate(e, d, (element));
+                        }
+                        else {
+                            this.contentClick(null, --view, (element), value);
                         }
                     }
-                    break;
-                case 'controlUp':
-                    this.title();
-                    e.preventDefault();
-                    break;
-                case 'controlDown':
-                    if (!isNullOrUndefined(focusedDate) || !isNullOrUndefined(selectedDate) && !levelRestrict) {
-                        this.contentClick(null, --view, (focusedDate || selectedDate), value);
-                    }
-                    e.preventDefault();
-                    break;
-                case 'home':
-                    this.currentDate = this.firstDay(this.currentDate);
-                    detach(this.tableBodyElement);
-                    if (view === 0) {
-                        this.renderMonths(e);
-                    }
-                    else if (view === 1) {
-                        this.renderYears(e);
-                    }
-                    else {
-                        this.renderDecades(e);
-                    }
-                    e.preventDefault();
-                    break;
-                case 'end':
-                    this.currentDate = this.lastDay(this.currentDate, view);
-                    detach(this.tableBodyElement);
-                    if (view === 0) {
-                        this.renderMonths(e);
-                    }
-                    else if (view === 1) {
-                        this.renderYears(e);
-                    }
-                    else {
-                        this.renderDecades(e);
-                    }
-                    e.preventDefault();
-                    break;
-                case 'pageUp':
-                    this.addMonths(this.currentDate, -1);
-                    this.navigateTo('Month', this.currentDate);
-                    e.preventDefault();
-                    break;
-                case 'pageDown':
-                    this.addMonths(this.currentDate, 1);
-                    this.navigateTo('Month', this.currentDate);
-                    e.preventDefault();
-                    break;
-                case 'shiftPageUp':
-                    this.addYears(this.currentDate, -1);
-                    this.navigateTo('Month', this.currentDate);
-                    e.preventDefault();
-                    break;
-                case 'shiftPageDown':
-                    this.addYears(this.currentDate, 1);
-                    this.navigateTo('Month', this.currentDate);
-                    e.preventDefault();
-                    break;
-                case 'controlHome':
-                    this.navigateTo('Month', new Date(this.currentDate.getFullYear(), 0, 1));
-                    e.preventDefault();
-                    break;
-                case 'controlEnd':
-                    this.navigateTo('Month', new Date(this.currentDate.getFullYear(), 11, 31));
-                    e.preventDefault();
-                    break;
-            }
-            if (this.getModuleName() === 'calendar') {
-                this.table.focus();
-            }
+                }
+                break;
+            case 'controlUp':
+                this.title();
+                e.preventDefault();
+                break;
+            case 'controlDown':
+                if (!isNullOrUndefined(focusedDate) || !isNullOrUndefined(selectedDate) && !levelRestrict) {
+                    this.contentClick(null, --view, (focusedDate || selectedDate), value);
+                }
+                e.preventDefault();
+                break;
+            case 'home':
+                this.currentDate = this.firstDay(this.currentDate);
+                detach(this.tableBodyElement);
+                if (view === 0) {
+                    this.renderMonths(e);
+                }
+                else if (view === 1) {
+                    this.renderYears(e);
+                }
+                else {
+                    this.renderDecades(e);
+                }
+                e.preventDefault();
+                break;
+            case 'end':
+                this.currentDate = this.lastDay(this.currentDate, view);
+                detach(this.tableBodyElement);
+                if (view === 0) {
+                    this.renderMonths(e);
+                }
+                else if (view === 1) {
+                    this.renderYears(e);
+                }
+                else {
+                    this.renderDecades(e);
+                }
+                e.preventDefault();
+                break;
+            case 'pageUp':
+                this.addMonths(this.currentDate, -1);
+                this.navigateTo('Month', this.currentDate);
+                e.preventDefault();
+                break;
+            case 'pageDown':
+                this.addMonths(this.currentDate, 1);
+                this.navigateTo('Month', this.currentDate);
+                e.preventDefault();
+                break;
+            case 'shiftPageUp':
+                this.addYears(this.currentDate, -1);
+                this.navigateTo('Month', this.currentDate);
+                e.preventDefault();
+                break;
+            case 'shiftPageDown':
+                this.addYears(this.currentDate, 1);
+                this.navigateTo('Month', this.currentDate);
+                e.preventDefault();
+                break;
+            case 'controlHome':
+                this.navigateTo('Month', new Date(this.currentDate.getFullYear(), 0, 1));
+                e.preventDefault();
+                break;
+            case 'controlEnd':
+                this.navigateTo('Month', new Date(this.currentDate.getFullYear(), 11, 31));
+                e.preventDefault();
+                break;
+        }
+        if (this.getModuleName() === 'calendar') {
+            this.table.focus();
         }
     };
     CalendarBase.prototype.keyboardNavigate = function (number, currentView, e, max, min) {
@@ -764,12 +717,12 @@ var CalendarBase = /** @class */ (function (_super) {
             }
             minMaxDate = new Date(+localDate);
             localDate = this.minMaxDate(localDate);
-            var dateFormatOptions = { type: 'dateTime', skeleton: isBlazor() ? 'D' : 'full' };
+            var dateFormatOptions = { type: 'dateTime', skeleton: 'full' };
             var date = this.globalize.parseDate(this.globalize.formatDate(localDate, dateFormatOptions), dateFormatOptions);
             var tdEle = this.dayCell(localDate);
-            var title = this.globalize.formatDate(localDate, { type: 'date', skeleton: isBlazor() ? 'D' : 'full' });
+            var title = this.globalize.formatDate(localDate, { type: 'date', skeleton: 'full' });
             var dayLink = this.createElement('span');
-            dayLink.textContent = this.globalize.formatDate(localDate, { format: 'd', type: 'date', skeleton: isBlazor() ? 'd' : 'yMd' });
+            dayLink.textContent = this.globalize.formatDate(localDate, { format: 'd', type: 'date', skeleton: 'yMd' });
             var disabled = (this.min > localDate) || (this.max < localDate);
             if (disabled) {
                 addClass([tdEle], DISABLED);
@@ -799,8 +752,8 @@ var CalendarBase = /** @class */ (function (_super) {
                 if (multiSelection) {
                     if (!isNullOrUndefined(values) && values.length > 0) {
                         for (var index = 0; index < values.length; index++) {
-                            var localDateString = +new Date(this.globalize.formatDate(argument.date, { type: 'date', skeleton: isBlazor() ? 'd' : 'yMd' }));
-                            var tempDateString = +new Date(this.globalize.formatDate(values[index], { type: 'date', skeleton: isBlazor() ? 'd' : 'yMd' }));
+                            var localDateString = +new Date(this.globalize.formatDate(argument.date, { type: 'date', skeleton: 'yMd' }));
+                            var tempDateString = +new Date(this.globalize.formatDate(values[index], { type: 'date', skeleton: 'yMd' }));
                             if (localDateString === tempDateString) {
                                 values.splice(index, 1);
                                 index = -1;
@@ -831,7 +784,7 @@ var CalendarBase = /** @class */ (function (_super) {
             if (multiSelection && !isNullOrUndefined(values) && !disabledCls) {
                 for (var tempValue = 0; tempValue < values.length; tempValue++) {
                     var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
-                    var formatOptions = { format: this.getFromatStringValue(), type: 'date', skeleton: 'short', calendar: type };
+                    var formatOptions = { format: null, type: 'date', skeleton: 'short', calendar: type };
                     var localDateString = this.globalize.formatDate(localDate, formatOptions);
                     var tempDateString = this.globalize.formatDate(values[tempValue], formatOptions);
                     if ((localDateString === tempDateString && this.getDateVal(localDate, values[tempValue]))
@@ -898,7 +851,7 @@ var CalendarBase = /** @class */ (function (_super) {
             var localMonth = (value && (value).getMonth() === localDate.getMonth());
             var select = (value && (value).getFullYear() === yr && localMonth);
             dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
-                format: isBlazor() ? 'MMM' : null, type: 'dateTime', skeleton: 'MMM'
+                format: null, type: 'dateTime', skeleton: 'MMM'
             }));
             if ((this.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
                 addClass([tdEle], DISABLED);
@@ -935,9 +888,9 @@ var CalendarBase = /** @class */ (function (_super) {
         var startFullYr = startYr.getFullYear();
         var endFullYr = endYr.getFullYear();
         var startHdrYr = this.globalize.formatDate(startYr, {
-            format: isBlazor() ? 'yyyy' : null, type: 'dateTime', skeleton: 'y'
+            format: null, type: 'dateTime', skeleton: 'y'
         });
-        var endHdrYr = this.globalize.formatDate(endYr, { format: isBlazor() ? 'yyyy' : null, type: 'dateTime', skeleton: 'y' });
+        var endHdrYr = this.globalize.formatDate(endYr, { format: null, type: 'dateTime', skeleton: 'y' });
         this.headerTitleElement.textContent = startHdrYr + ' - ' + (endHdrYr);
         var start = new Date(localYr - (localYr % 10) - 1, 0, 1);
         var startYear = start.getFullYear();
@@ -948,7 +901,7 @@ var CalendarBase = /** @class */ (function (_super) {
             attributes(tdEle, { 'role': 'gridcell' });
             var dayLink = this.createElement('span');
             dayLink.textContent = this.globalize.formatDate(localDate, {
-                format: isBlazor() ? 'yyyy' : null, type: 'dateTime', skeleton: 'y'
+                format: null, type: 'dateTime', skeleton: 'y'
             });
             if ((year < startFullYr) || (year > endFullYr)) {
                 addClass([tdEle], OTHERDECADE);
@@ -982,7 +935,7 @@ var CalendarBase = /** @class */ (function (_super) {
     };
     CalendarBase.prototype.dayCell = function (localDate) {
         var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
-        var dateFormatOptions = { skeleton: isBlazor() ? 'F' : 'full', type: 'dateTime', calendar: type };
+        var dateFormatOptions = { skeleton: 'full', type: 'dateTime', calendar: type };
         var date = this.globalize.parseDate(this.globalize.formatDate(localDate, dateFormatOptions), dateFormatOptions);
         var value = date.valueOf();
         var attrs = {
@@ -1367,15 +1320,15 @@ var CalendarBase = /** @class */ (function (_super) {
                 var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
                 var tempValueString = void 0;
                 if (this.calendarMode === 'Gregorian') {
-                    tempValueString = this.globalize.formatDate(tempValue, { type: 'date', skeleton: isBlazor() ? 'd' : 'yMd' });
+                    tempValueString = this.globalize.formatDate(tempValue, { type: 'date', skeleton: 'yMd' });
                 }
                 else {
                     tempValueString = this.globalize.formatDate(tempValue, { type: 'dateTime', skeleton: 'full', calendar: 'islamic' });
                 }
-                var minFormatOption = { type: 'date', skeleton: isBlazor() ? 'd' : 'yMd', calendar: type };
+                var minFormatOption = { type: 'date', skeleton: 'yMd', calendar: type };
                 var minStringValue = this.globalize.formatDate(this.min, minFormatOption);
                 var minString = minStringValue;
-                var maxFormatOption = { type: 'date', skeleton: isBlazor() ? 'd' : 'yMd', calendar: type };
+                var maxFormatOption = { type: 'date', skeleton: 'yMd', calendar: type };
                 var maxStringValue = this.globalize.formatDate(this.max, maxFormatOption);
                 var maxString = maxStringValue;
                 if (+new Date(tempValueString) < +new Date(minString) ||
@@ -1409,9 +1362,9 @@ var CalendarBase = /** @class */ (function (_super) {
         var monthFormatOptions;
         var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
         if (this.calendarMode === 'Gregorian') {
-            dayFormatOptions = globalize.formatDate(date, { type: 'dateTime', skeleton: isBlazor() ? 'y' : 'yMMMM', calendar: type });
+            dayFormatOptions = globalize.formatDate(date, { type: 'dateTime', skeleton: 'yMMMM', calendar: type });
             monthFormatOptions = globalize.formatDate(date, {
-                format: isBlazor() ? 'yyyy' : null, type: 'dateTime', skeleton: 'y', calendar: type
+                format: null, type: 'dateTime', skeleton: 'y', calendar: type
             });
         }
         else {
@@ -1434,11 +1387,11 @@ var CalendarBase = /** @class */ (function (_super) {
         var title;
         var view = this.currentView();
         if (view === 'Month') {
-            title = this.globalize.formatDate(this.currentDate, { type: 'date', skeleton: isBlazor() ? 'D' : 'full', calendar: type });
+            title = this.globalize.formatDate(this.currentDate, { type: 'date', skeleton: 'full', calendar: type });
         }
         else if (view === 'Year') {
             if (type !== 'islamic') {
-                title = this.globalize.formatDate(this.currentDate, { type: 'date', skeleton: isBlazor() ? 'y' : 'yMMMM', calendar: type });
+                title = this.globalize.formatDate(this.currentDate, { type: 'date', skeleton: 'yMMMM', calendar: type });
             }
             else {
                 title = this.globalize.formatDate(this.currentDate, { type: 'date', skeleton: 'GyMMM', calendar: type });
@@ -1446,7 +1399,7 @@ var CalendarBase = /** @class */ (function (_super) {
         }
         else {
             title = this.globalize.formatDate(this.currentDate, {
-                format: isBlazor() ? 'yyyy' : null, type: 'date', skeleton: 'y', calendar: type
+                format: null, type: 'date', skeleton: 'y', calendar: type
             });
         }
         if (selectedEle || focusedEle) {
@@ -1644,11 +1597,9 @@ var CalendarBase = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     CalendarBase.prototype.getCultureObjects = function (ld, c) {
-        var gregorianFormat = (isBlazor() ? '.dates.days.' :
-            '.dates.calendars.gregorian.days.format.') + this.dayHeaderFormat.toLowerCase();
-        var islamicFormat = (isBlazor() ? '.dates.days.' :
-            '.dates.calendars.islamic.days.format.') + this.dayHeaderFormat.toLowerCase();
-        var mainVal = isBlazor() ? '' : 'main.';
+        var gregorianFormat = '.dates.calendars.gregorian.days.format.' + this.dayHeaderFormat.toLowerCase();
+        var islamicFormat = '.dates.calendars.islamic.days.format.' + this.dayHeaderFormat.toLowerCase();
+        var mainVal = 'main.';
         if (this.calendarMode === 'Gregorian') {
             return getValue(mainVal + '' + this.locale + gregorianFormat, ld);
         }
@@ -1700,7 +1651,7 @@ var CalendarBase = /** @class */ (function (_super) {
             eve = element;
         }
         var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
-        var dateFormatOptions = { type: 'dateTime', skeleton: isBlazor() ? 'F' : 'full', calendar: type };
+        var dateFormatOptions = { type: 'dateTime', skeleton: 'full', calendar: type };
         // eslint-disable-next-line radix
         var dateString = this.globalize.formatDate(new Date(parseInt('' + eve.getAttribute('id'), 0)), dateFormatOptions);
         var date = this.globalize.parseDate(dateString, dateFormatOptions);
@@ -1768,7 +1719,7 @@ var CalendarBase = /** @class */ (function (_super) {
                 removeClass([element], SELECTED);
                 for (var i = 0; i < copyValues.length; i++) {
                     var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
-                    var formatOptions = { format: this.getFromatStringValue(), type: 'date', skeleton: 'short', calendar: type };
+                    var formatOptions = { format: null, type: 'date', skeleton: 'short', calendar: type };
                     var localDateString = this.globalize.formatDate(date, formatOptions);
                     var tempDateString = this.globalize.formatDate(copyValues[i], formatOptions);
                     if (localDateString === tempDateString) {
@@ -1788,22 +1739,16 @@ var CalendarBase = /** @class */ (function (_super) {
         }
         this.isDateSelected = true;
     };
-    CalendarBase.prototype.getFromatStringValue = function () {
-        return isBlazor() ?
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            'M' + getDefaultDateObject().dateSeperator + 'd' + getDefaultDateObject().dateSeperator + 'yy'
-            : null;
-    };
     CalendarBase.prototype.checkPresentDate = function (dates, values) {
         var previousValue = false;
         if (!isNullOrUndefined(values)) {
             for (var checkPrevious = 0; checkPrevious < values.length; checkPrevious++) {
                 var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
                 var localDateString = this.globalize.formatDate(dates, {
-                    format: this.getFromatStringValue(), type: 'date', skeleton: 'short', calendar: type
+                    format: null, type: 'date', skeleton: 'short', calendar: type
                 });
                 var tempDateString = this.globalize.formatDate(values[checkPrevious], {
-                    format: this.getFromatStringValue(), type: 'date', skeleton: 'short', calendar: type
+                    format: null, type: 'date', skeleton: 'short', calendar: type
                 });
                 if (localDateString === tempDateString) {
                     previousValue = true;

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

@@ -1,4 +1,4 @@
-import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions, isBlazor } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes, select } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs, DayHeaderFormats} from '../calendar/calendar';import { MaskPlaceholderModel } from '../calendar/calendar-model'
+import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes, select } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs, DayHeaderFormats} from '../calendar/calendar';import { MaskPlaceholderModel } from '../calendar/calendar-model'
 import {FormatObject,PopupObjectArgs,PreventableEventArgs} from "./datepicker";
 import {CalendarModel} from "../calendar/calendar-model";
 
@@ -50,7 +50,6 @@ export interface DatePickerModel extends CalendarModel{
      *
      * @default null
      * @aspType string
-     * @blazorType string
      */
     format?: string | FormatObject;
 
@@ -216,7 +215,6 @@ export interface DatePickerModel extends CalendarModel{
      * {% codeBlock src='datepicker/keyConfigs/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @blazorType object
 
      */
     keyConfigs?: { [key: string]: string };
@@ -235,7 +233,6 @@ export interface DatePickerModel extends CalendarModel{
      *
      * @default 1000
      * @aspType int
-     * @blazorType int
      */
     zIndex?: number;
 
@@ -262,7 +259,6 @@ export interface DatePickerModel extends CalendarModel{
      *
      * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
      * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
-     * @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
      * @isEnumeration true
      */
     floatLabelType?: FloatLabelType | string;
@@ -305,8 +301,6 @@ export interface DatePickerModel extends CalendarModel{
      * Triggers when the popup is opened.
      *
      * @event open
-     * @blazorProperty 'OnOpen'
-     * @blazorType PopupObjectArgs
      */
     open?: EmitType<PreventableEventArgs | PopupObjectArgs>;
 
@@ -321,8 +315,6 @@ export interface DatePickerModel extends CalendarModel{
      * Triggers when the popup is closed.
      *
      * @event close
-     * @blazorProperty 'OnClose'
-     * @blazorType PopupObjectArgs
      */
     close?: EmitType<PreventableEventArgs | PopupObjectArgs>;
 
@@ -344,7 +336,6 @@ export interface DatePickerModel extends CalendarModel{
      * Triggers when the component is created.
      *
      * @event created
-     * @blazorProperty 'Created'
      */
     created?: EmitType<Object>;
 
@@ -352,7 +343,6 @@ export interface DatePickerModel extends CalendarModel{
      * Triggers when the component is destroyed.
      *
      * @event destroyed
-     * @blazorProperty 'Destroyed'
      */
     destroyed?: EmitType<Object>;