@syncfusion/ej2-calendars 22.2.12 → 23.1.38

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);
@@ -1454,6 +1457,7 @@ let CalendarBase = class CalendarBase extends Component {
         }
         this.todayElement = null;
         this.tableBodyElement = null;
+        this.todayButtonEvent = null;
         this.renderDayCellArgs = null;
         this.headerElement = null;
         this.nextIcon = null;
@@ -2397,6 +2401,7 @@ let Calendar = class Calendar extends CalendarBase {
     destroy() {
         super.destroy();
         if (this.getModuleName() === 'calendar') {
+            this.changedArgs = null;
             const form = closest(this.element, 'form');
             if (form) {
                 EventHandler.remove(form, 'reset', this.formResetHandler.bind(this));
@@ -4041,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);
             }
@@ -4107,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;
@@ -5839,7 +5844,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.show(null, e);
             if (!this.isMobile) {
                 if (!isNullOrUndefined(this.leftCalendar)) {
+                    this.isRangeIconClicked = false;
                     this.calendarFocus();
+                    this.isRangeIconClicked = true;
                 }
             }
             addClass([this.inputWrapper.container], [INPUTFOCUS$1]);
@@ -7001,11 +7008,16 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         if (event) {
             leftCalendar = closest(event.target, '.' + LEFTCALENDER);
         }
-        if (event && isNullOrUndefined(leftCalendar)) {
-            rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
+        if (!isNullOrUndefined(leftCalendar)) {
+            this.leftCalendar.children[1].firstElementChild.focus();
         }
-        if (!isNullOrUndefined(leftCalendar) || !isNullOrUndefined(rightCalendar)) {
-            this.inputWrapper.container.focus();
+        else {
+            if (event) {
+                rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
+            }
+            if (!isNullOrUndefined(rightCalendar)) {
+                this.rightCalendar.children[1].firstElementChild.focus();
+            }
         }
         addClass([ele], SELECTED$3);
         this.calendarIconEvent();
@@ -8242,7 +8254,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     EventHandler.remove(document, 'keydown', this.popupCloseHandler);
                 }
             }, targetExitViewport: () => {
-                if (!Browser.isDevice) {
+                let popupEle = this.popupObj && this.popupObj.element;
+                if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < popupEle.parentElement.getBoundingClientRect().height) {
                     this.hide();
                 }
             }
@@ -12854,7 +12867,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             if (!this.preventArgs.cancel && !this.readonly) {
                 const openAnimation = {
                     name: 'FadeIn',
-                    duration: ANIMATIONDURATION$1
+                    duration: ANIMATIONDURATION$1,
                 };
                 if (this.zIndex === 1000) {
                     this.popupObject.show(new Animation(openAnimation), this.element);