@syncfusion/ej2-calendars 29.2.11 → 30.2.4

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

@@ -83,10 +83,10 @@ let CalendarBase = class CalendarBase extends Component {
         this.calendarEleCopy = this.element.cloneNode(true);
         if (this.calendarMode === 'Islamic') {
             if (+(this.min.setSeconds(0)) === +new Date(1900, 0, 1, 0, 0, 0)) {
-                this.min = new Date(1944, 2, 18);
+                this.min = new Date(1941, 12, 18);
             }
             if (+this.max === +new Date(2099, 11, 31)) {
-                this.max = new Date(2069, 10, 16);
+                this.max = new Date(2068, 2, 4);
             }
         }
         this.globalize = new Internationalization(this.locale);
@@ -1946,10 +1946,10 @@ let CalendarBase = class CalendarBase extends Component {
         }
         else {
             const islamicDate = this.islamicModule.getIslamicDate(date);
-            return islamicDate.month >= (this.islamicModule.getIslamicDate(new Date(1944, 1, 18))).month
-                && islamicDate.year >= (this.islamicModule.getIslamicDate(new Date(1944, 1, 18))).year
-                && islamicDate.month <= (this.islamicModule.getIslamicDate(new Date(2069, 1, 16))).month
-                && islamicDate.year <= (this.islamicModule.getIslamicDate(new Date(2069, 1, 16))).year;
+            return (islamicDate.month >= (this.islamicModule.getIslamicDate(new Date(1941, 12, 18))).month)
+                && islamicDate.year >= (this.islamicModule.getIslamicDate(new Date(1941, 12, 18))).year
+                && islamicDate.month <= (this.islamicModule.getIslamicDate(new Date(2068, 2, 4))).month
+                && islamicDate.year <= (this.islamicModule.getIslamicDate(new Date(2068, 2, 4))).year;
         }
     }
     compareYear(start, end) {
@@ -2709,7 +2709,7 @@ const TODAY$1 = 'e-today';
 const LINK$1 = 'e-day';
 const CELL$1 = 'e-cell';
 const dayMilliSeconds$1 = 86400000;
-const minDecade = 2060;
+const minDecade = 2058;
 const maxDecade = 2069;
 class Islamic {
     constructor(instance) {
@@ -2983,9 +2983,21 @@ class Islamic {
         let endFullYr = endYr.getFullYear();
         let startHdrYr = this.calendarInstance.globalize.formatDate(startYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
         let endHdrYr = this.calendarInstance.globalize.formatDate(endYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+        if (islamicDate.year % 10 === 1) {
+            startHdrYr = islamicDate.year;
+            endHdrYr = islamicDate.year + 9;
+        }
+        else if (islamicDate.year % 10 > 1) {
+            startHdrYr = islamicDate.year - ((islamicDate.year % 10) - 1);
+            endHdrYr = startHdrYr + 9;
+        }
+        else if (islamicDate.year % 10 === 0) {
+            startHdrYr = islamicDate.year - 9;
+            endHdrYr = islamicDate.year;
+        }
         if (this.calendarInstance.locale === 'ar') {
-            startHdrYr = Number(startHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, (d) => String.fromCharCode(d.charCodeAt(0) - 1632 + 48)));
-            endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, (d) => String.fromCharCode(d.charCodeAt(0) - 1632 + 48)));
+            startHdrYr = Number(startHdrYr.toString().replace(/[٠١٢٣٤٥٦٧٨٩]/g, (d) => String.fromCharCode(d.charCodeAt(0) - 1632 + 48)));
+            endHdrYr = Number(endHdrYr.toString().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') ||
@@ -3084,6 +3096,10 @@ class Islamic {
                 if (islamicDate.year === parseInt(startHdrYr, 10) - 1 || (year < startFullYr) ||
                     (year > endFullYr) && islamicDate.year !== parseInt(endHdrYr, 10)) {
                     addClass([tdEle], OTHERMONTH$1);
+                    if (year <= new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
+                        || year >= new Date(this.islamicInValue(this.calendarInstance.max)).getFullYear()) {
+                        addClass([tdEle], DISABLED$1);
+                    }
                 }
                 else if (year < new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
                     || year > new Date(this.islamicInValue(this.calendarInstance.max)).getFullYear()) {
@@ -3095,7 +3111,7 @@ class Islamic {
                     addClass([tdEle], SELECTED$1);
                 }
                 else {
-                    if (localDate.getFullYear() === this.calendarInstance.currentDate.getFullYear() &&
+                    if (this.getIslamicDate(localDate).year === this.getIslamicDate(this.calendarInstance.currentDate).year &&
                         !tdEle.classList.contains(DISABLED$1)) {
                         addClass([tdEle], FOCUSEDDATE$1);
                     }
@@ -5648,6 +5664,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.value = [new Date(rangeArray[0]), new Date(rangeArray[1])];
         }
         this.initProperty();
+        if (this.inputFormats) {
+            this.checkInputFormats();
+        }
         this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
         this.element.removeAttribute('tabindex');
         super.preRender();
@@ -5761,6 +5780,30 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.formatString = null;
         }
     }
+    checkInputFormats() {
+        this.inputFormatsString = [];
+        if (this.inputFormats) {
+            for (const format of this.inputFormats) {
+                let formatString = '';
+                if (typeof format === 'string') {
+                    formatString = format;
+                }
+                else if (format.skeleton !== '' && !isNullOrUndefined(format.skeleton)) {
+                    const skeletonString = format.skeleton;
+                    formatString = this.globalize.getDatePattern({ skeleton: skeletonString, type: 'date' });
+                }
+                if (formatString) {
+                    this.inputFormatsString.push(formatString);
+                }
+            }
+            if (this.inputFormatsString.length === 0) {
+                this.inputFormatsString = null;
+            }
+        }
+        else {
+            this.inputFormatsString = null;
+        }
+    }
     initialize() {
         if (this.angularTag !== null) {
             this.validationAttribute(this.element, this.inputElement);
@@ -6389,7 +6432,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 if (range.length > 1) {
                     this.invalidValueString = null;
                     const dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
-                    const startDate = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), dateOptions);
+                    let startDate = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), dateOptions);
                     let endDate = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), dateOptions);
                     if (this.start !== 'Decade' && this.start === 'Year' && this.depth !== 'Month') {
                         if (this.inputElement.defaultValue !== value) {
@@ -6399,6 +6442,23 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                             endDate = this.max;
                         }
                     }
+                    if (((isNullOrUndefined(startDate) || (typeof (startDate) === 'object' && isNaN(startDate.getTime()))
+                        || isNullOrUndefined(endDate)) || (typeof (endDate) === 'object' && isNaN(endDate.getTime())))
+                        && !isNullOrUndefined(this.inputFormatsString)) {
+                        for (const format of this.inputFormatsString) {
+                            const inputFormatOptions = { format: format, type: 'date', skeleton: 'yMd' };
+                            if (isNullOrUndefined(startDate) || (typeof (startDate) === 'object' && isNaN(startDate.getTime()))) {
+                                startDate = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), inputFormatOptions);
+                            }
+                            if (isNullOrUndefined(endDate) || (typeof (endDate) === 'object' && isNaN(endDate.getTime()))) {
+                                endDate = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), inputFormatOptions);
+                            }
+                            if (!isNullOrUndefined(startDate) && startDate instanceof Date && !isNaN(startDate.getTime())
+                                && !isNullOrUndefined(endDate) && endDate instanceof Date && !isNaN(endDate.getTime())) {
+                                break;
+                            }
+                        }
+                    }
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         const prevStartVal = this.startValue;
                         this.startValue = startDate;
@@ -9814,6 +9874,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     this.updateInput();
                     this.changeTrigger();
                     break;
+                case 'inputFormats':
+                    this.checkInputFormats();
+                    break;
                 case 'locale':
                     this.globalize = new Internationalization(this.locale);
                     this.l10n.setLocale(this.locale);
@@ -10080,6 +10143,9 @@ __decorate$2([
 __decorate$2([
     Property(null)
 ], DateRangePicker.prototype, "format", void 0);
+__decorate$2([
+    Property(null)
+], DateRangePicker.prototype, "inputFormats", void 0);
 __decorate$2([
     Property(true)
 ], DateRangePicker.prototype, "enabled", void 0);