@syncfusion/ej2-calendars 21.2.4 → 21.2.6

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

@@ -2899,6 +2899,10 @@ var Islamic = /** @__PURE__ @class */ (function () {
         var endFullYr = endYr.getFullYear();
         var startHdrYr = this.calendarInstance.globalize.formatDate(startYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
         var endHdrYr = this.calendarInstance.globalize.formatDate(endYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+        if (this.calendarInstance.locale === 'ar') {
+            startHdrYr = Number(startHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, function (d) { return String.fromCharCode(d.charCodeAt(0) - 1632 + 48); }));
+            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')) {
             startHdrYr = this.calendarInstance.headerElement.textContent.split('-')[0].trim();
@@ -2960,7 +2964,14 @@ var Islamic = /** @__PURE__ @class */ (function () {
                 ? (parseInt(endHdrYr, 10) + 2).toString() : endHdrYr - startHdrYr === 8
                 ? (parseInt(endHdrYr, 10) + 1).toString() : endHdrYr;
         }
-        this.calendarInstance.headerTitleElement.textContent = startHdrYr + ' - ' + (endHdrYr);
+        if (this.calendarInstance.locale === 'ar') {
+            var startHeaderYear = this.calendarInstance.globalize.formatDate(startYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+            var endHeaderYear = this.calendarInstance.globalize.formatDate(endYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+            this.calendarInstance.headerTitleElement.textContent = startHeaderYear + ' - ' + (endHeaderYear);
+        }
+        else {
+            this.calendarInstance.headerTitleElement.textContent = startHdrYr + ' - ' + (endHdrYr);
+        }
         this.calendarInstance.nextIconClicked = this.calendarInstance.previousIconClicked = false;
         var year = (parseInt(startHdrYr, 10) - 2).toString();
         startFullYr = Math.round(parseInt(startHdrYr, 10) * 0.97 + 622);
@@ -10183,7 +10194,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             this.generateList();
             append([this.listWrapper], this.popupWrapper);
         }
-        this.openPopupEventArgs.appendTo.appendChild(this.popupWrapper);
         this.addSelection();
         this.renderPopup();
         detach(this.popupWrapper);
@@ -12009,7 +12019,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                     this.invalidValueString = null;
                     this.checkInvalidValue(newProp.value);
                     newProp.value = this.value;
-                    if (!this.invalidValueString && !this.enableMask) {
+                    if (!this.invalidValueString) {
                         if (typeof newProp.value === 'string') {
                             this.setProperties({ value: this.checkDateValue(new Date(newProp.value)) }, true);
                             newProp.value = this.value;
@@ -12022,14 +12032,14 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                         this.initValue = newProp.value;
                         newProp.value = this.compareFormatChange(this.checkValue(newProp.value));
                     }
-                    else if (this.enableMask) {
-                        this.updateInputValue(this.maskedDateValue);
-                        this.checkErrorState(this.maskedDateValue);
-                    }
                     else {
                         this.updateInputValue(this.invalidValueString);
                         this.checkErrorState(this.invalidValueString);
                     }
+                    if (this.enableMask && isNullOrUndefined(newProp.value)) {
+                        this.updateInputValue(this.maskedDateValue);
+                        this.checkErrorState(this.maskedDateValue);
+                    }
                     this.checkValueChange(null, false);
                     if (this.isPopupOpen()) {
                         this.setScrollPosition();