@syncfusion/ej2-calendars 29.1.35 → 29.1.40

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

@@ -225,7 +225,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             'aria-label': 'next month'
         };
         var ariaTitleAttrs = {
-            'aria-atomic': 'true', 'aria-live': 'assertive', 'aria-label': 'title'
+            'aria-atomic': 'true', 'aria-live': 'assertive'
         };
         var tabIndexAttr = { 'tabindex': '0' };
         this.headerElement = this.createElement('div', { className: HEADER });
@@ -1047,7 +1047,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             value = date.valueOf();
         }
         var attrs = {
-            className: CELL, attrs: { 'id': '' + getUniqueID('' + value), 'aria-selected': 'false' }
+            className: CELL, attrs: { 'id': '' + getUniqueID('' + value) }
         };
         return this.createElement('td', attrs);
     };
@@ -1431,12 +1431,18 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             for (var skipIndex = 0; skipIndex < copyValues.length; skipIndex++) {
                 var tempValue = copyValues[skipIndex];
                 var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
+                var tempValueFormat = void 0;
                 var tempValueString = void 0;
+                var tempValueDate = void 0;
                 if (this.calendarMode === 'Gregorian') {
-                    tempValueString = this.globalize.formatDate(tempValue, { type: 'date', skeleton: 'yMd' });
+                    tempValueFormat = { type: 'date', skeleton: 'yMd' };
+                    tempValueString = this.globalize.formatDate(tempValue, tempValueFormat);
+                    tempValueDate = this.globalize.parseDate(tempValueString, tempValueFormat);
                 }
                 else {
-                    tempValueString = this.globalize.formatDate(tempValue, { type: 'dateTime', skeleton: 'full', calendar: 'islamic' });
+                    tempValueFormat = { type: 'date', skeleton: 'yMd', calendar: 'islamic' };
+                    tempValueString = this.globalize.formatDate(tempValue, tempValueFormat);
+                    tempValueDate = this.globalize.parseDate(tempValueString, tempValueFormat);
                 }
                 var minFormatOption = { type: 'date', skeleton: 'yMd', calendar: type };
                 var minStringValue = this.globalize.formatDate(this.min, minFormatOption);
@@ -1444,8 +1450,9 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
                 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) ||
-                    +new Date(tempValueString) > +new Date(maxString)) {
+                var minDate = this.globalize.parseDate(minString, minFormatOption);
+                var maxDate = this.globalize.parseDate(maxString, maxFormatOption);
+                if (+tempValueDate < +minDate || +tempValueDate > +maxDate) {
                     copyValues.splice(skipIndex, 1);
                     skipIndex = -1;
                 }
@@ -3371,6 +3378,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             timeZoneDiff = this.isDayLightSaving() ? timeZoneDiff-- : timeZoneDiff;
             this.value = new Date((this.value).getTime() + (timeZoneDiff * 60 * 60 * 1000));
             this.updateInput();
+            this.changeTrigger(null);
         }
     };
     DatePicker.prototype.isDayLightSaving = function () {
@@ -8197,7 +8205,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         var labelContainer = this.createRangeHeader();
         headerContainer.appendChild(labelContainer);
         var daySpan = this.createElement('div', { className: DAYSPAN });
-        attributes(daySpan, { 'aria-label': 'Selected Days' });
         daySpan.textContent = this.l10n.getConstant('selectedDays');
         headerContainer.appendChild(daySpan);
         var separator = this.createElement('div', { className: SEPARATOR });
@@ -8961,8 +8968,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         attributes(this.inputElement, {
             'tabindex': '0', 'aria-expanded': 'false', 'role': 'combobox',
             'autocomplete': 'off', 'aria-disabled': !this.enabled ? 'true' : 'false',
-            'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false'
+            'autocapitalize': 'off', 'spellcheck': 'false'
         });
+        if (Browser.isIos) {
+            attributes(this.inputElement, { 'autocorrect': 'off' });
+        }
         Input.addAttributes({ 'aria-label': 'select', 'role': 'button' }, this.inputWrapper.buttons[0]);
         // if (!isNullOrUndefined(this.placeholder) && this.placeholder.trim() !== '') {
         //     Input.addAttributes({ 'aria-placeholder': this.placeholder }, this.inputElement);
@@ -12124,7 +12134,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         var formatStr = null;
         var today = this.globalize.formatDate(new Date(), { format: formatStr, skeleton: 'short', type: 'date' });
         var value = null;
-        if (typeof val === 'string') {
+        if (typeof val === 'string' && !(this.enableMask && this.maskedDateValue &&
+            this.inputElement.value === this.maskedDateValue && !this.value)) {
             if (val.toUpperCase().indexOf('AM') > -1 || val.toUpperCase().indexOf('PM') > -1) {
                 today = this.defaultCulture.formatDate(new Date(), { format: formatStr, skeleton: 'short', type: 'date' });
                 value = isNaN(+new Date(today + ' ' + val)) ? null : new Date(new Date(today + ' ' + val).setMilliseconds(0));