@syncfusion/ej2-calendars 23.1.36 → 23.1.40

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

@@ -840,6 +840,7 @@ let CalendarBase = class CalendarBase extends Component {
             const dayLink = this.createElement('span');
             const localMonth = (value && (value).getMonth() === localDate.getMonth());
             const select$$1 = (value && (value).getFullYear() === yr && localMonth);
+            const title = this.globalize.formatDate(localDate, { type: 'date', format: 'MMM y' });
             dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
                 format: null, type: 'dateTime', skeleton: 'MMM'
             }));
@@ -858,6 +859,7 @@ let CalendarBase = class CalendarBase extends Component {
             localDate.setMonth(localDate.getMonth() + 1);
             if (!tdEle.classList.contains(DISABLED)) {
                 EventHandler.add(tdEle, 'click', this.clickHandler, this);
+                dayLink.setAttribute('title', '' + title);
             }
             tdEle.appendChild(dayLink);
             tdEles.push(tdEle);
@@ -916,6 +918,7 @@ let CalendarBase = class CalendarBase extends Component {
             }
             if (!tdEle.classList.contains(DISABLED)) {
                 EventHandler.add(tdEle, 'click', this.clickHandler, this);
+                dayLink.setAttribute('title', '' + dayLink.textContent);
             }
             tdEle.appendChild(dayLink);
             tdEles.push(tdEle);
@@ -2268,7 +2271,7 @@ let Calendar = class Calendar extends CalendarBase {
             this.islamicModule.islamicRenderTemplate(elements, count, classNm, e, this.value);
         }
         this.changedArgs = { value: this.value, values: this.values };
-        this.changeHandler();
+        e && e.type === 'click' && e.currentTarget.classList.contains(OTHERMONTH) ? this.changeHandler(e) : this.changeHandler();
     }
     clickHandler(e) {
         const eve = e.currentTarget;
@@ -3297,7 +3300,7 @@ let DatePicker = class DatePicker extends Calendar {
         const ariaAttrs = {
             'aria-atomic': 'true', 'aria-expanded': 'false',
             'role': 'combobox', 'autocomplete': 'off', 'autocorrect': 'off',
-            'autocapitalize': 'off', 'spellcheck': 'false', 'aria-invalid': 'false'
+            'autocapitalize': 'off', 'spellcheck': 'false', 'aria-invalid': 'false', 'aria-label': this.getModuleName()
         };
         if (this.getModuleName() === 'datepicker') {
             const l10nLocale = { placeholder: this.placeholder };
@@ -4043,10 +4046,10 @@ let DatePicker = class DatePicker extends Calendar {
             }
             else {
                 if (this.calendarMode === 'Gregorian') {
-                    formatOptions = { type: 'dateTime', skeleton: 'yMd' };
+                    formatOptions = { format: format, type: 'dateTime', skeleton: 'yMd' };
                 }
                 else {
-                    formatOptions = { type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
+                    formatOptions = { format: format, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
                 }
                 date = this.globalize.parseDate(this.inputElement.value, formatOptions);
             }
@@ -4109,7 +4112,7 @@ let DatePicker = class DatePicker extends Calendar {
             targetType: 'container',
             enableRtl: this.enableRtl,
             zIndex: this.zIndex,
-            collision: Browser.isDevice ? { X: 'fit', Y: 'fit' } : { X: 'flip', Y: 'flip' },
+            collision: Browser.isDevice ? { X: 'fit', Y: 'fit' } : (this.enableRtl ? { X: 'fit', Y: 'flip' } : { X: 'flip', Y: 'flip' }),
             open: () => {
                 if (Browser.isDevice && this.fullScreenMode) {
                     this.iconRight = parseInt(window.getComputedStyle(this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
@@ -4589,7 +4592,7 @@ let DatePicker = class DatePicker extends Calendar {
         const ariaAttrs = {
             'aria-atomic': 'true', 'aria-disabled': 'true',
             'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off',
-            'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false'
+            'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false', 'aria-label': this.getModuleName()
         };
         if (this.inputElement) {
             Input.removeAttributes(ariaAttrs, this.inputElement);
@@ -12491,6 +12494,12 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         this.cloneElement = this.element.cloneNode(true);
         this.dateTimeFormat = this.cldrDateTimeFormat();
         this.initValue = this.value;
+        if (typeof (this.min) === 'string') {
+            this.min = this.checkDateValue(new Date(this.min));
+        }
+        if (typeof (this.max) === 'string') {
+            this.max = this.checkDateValue(new Date(this.max));
+        }
         if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }