@syncfusion/ej2-calendars 29.1.35 → 29.1.40

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

@@ -210,7 +210,7 @@ let CalendarBase = class CalendarBase extends Component {
             'aria-label': 'next month'
         };
         const ariaTitleAttrs = {
-            'aria-atomic': 'true', 'aria-live': 'assertive', 'aria-label': 'title'
+            'aria-atomic': 'true', 'aria-live': 'assertive'
         };
         const tabIndexAttr = { 'tabindex': '0' };
         this.headerElement = this.createElement('div', { className: HEADER });
@@ -1030,7 +1030,7 @@ let CalendarBase = class CalendarBase extends Component {
             value = date.valueOf();
         }
         const attrs = {
-            className: CELL, attrs: { 'id': '' + getUniqueID('' + value), 'aria-selected': 'false' }
+            className: CELL, attrs: { 'id': '' + getUniqueID('' + value) }
         };
         return this.createElement('td', attrs);
     }
@@ -1413,12 +1413,18 @@ let CalendarBase = class CalendarBase extends Component {
             for (let skipIndex = 0; skipIndex < copyValues.length; skipIndex++) {
                 const tempValue = copyValues[skipIndex];
                 const type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
+                let tempValueFormat;
                 let tempValueString;
+                let tempValueDate;
                 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);
                 }
                 const minFormatOption = { type: 'date', skeleton: 'yMd', calendar: type };
                 const minStringValue = this.globalize.formatDate(this.min, minFormatOption);
@@ -1426,8 +1432,9 @@ let CalendarBase = class CalendarBase extends Component {
                 const maxFormatOption = { type: 'date', skeleton: 'yMd', calendar: type };
                 const maxStringValue = this.globalize.formatDate(this.max, maxFormatOption);
                 const maxString = maxStringValue;
-                if (+new Date(tempValueString) < +new Date(minString) ||
-                    +new Date(tempValueString) > +new Date(maxString)) {
+                const minDate = this.globalize.parseDate(minString, minFormatOption);
+                const maxDate = this.globalize.parseDate(maxString, maxFormatOption);
+                if (+tempValueDate < +minDate || +tempValueDate > +maxDate) {
                     copyValues.splice(skipIndex, 1);
                     skipIndex = -1;
                 }
@@ -3332,6 +3339,7 @@ let DatePicker = class DatePicker extends Calendar {
             timeZoneDiff = this.isDayLightSaving() ? timeZoneDiff-- : timeZoneDiff;
             this.value = new Date((this.value).getTime() + (timeZoneDiff * 60 * 60 * 1000));
             this.updateInput();
+            this.changeTrigger(null);
         }
     }
     isDayLightSaving() {
@@ -8103,7 +8111,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         const labelContainer = this.createRangeHeader();
         headerContainer.appendChild(labelContainer);
         const daySpan = this.createElement('div', { className: DAYSPAN });
-        attributes(daySpan, { 'aria-label': 'Selected Days' });
         daySpan.textContent = this.l10n.getConstant('selectedDays');
         headerContainer.appendChild(daySpan);
         const separator = this.createElement('div', { className: SEPARATOR });
@@ -8864,8 +8871,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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);
@@ -11998,7 +12008,8 @@ let TimePicker = class TimePicker extends Component {
         const formatStr = null;
         let today = this.globalize.formatDate(new Date(), { format: formatStr, skeleton: 'short', type: 'date' });
         let 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));