@syncfusion/ej2-calendars 22.2.12 → 23.1.38

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

@@ -857,6 +857,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             var dayLink = this.createElement('span');
             var localMonth = (value && (value).getMonth() === localDate.getMonth());
             var select$$1 = (value && (value).getFullYear() === yr && localMonth);
+            var title = this.globalize.formatDate(localDate, { type: 'date', format: 'MMM y' });
             dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
                 format: null, type: 'dateTime', skeleton: 'MMM'
             }));
@@ -875,6 +876,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             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);
@@ -933,6 +935,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             }
             if (!tdEle.classList.contains(DISABLED)) {
                 EventHandler.add(tdEle, 'click', this.clickHandler, this);
+                dayLink.setAttribute('title', '' + dayLink.textContent);
             }
             tdEle.appendChild(dayLink);
             tdEles.push(tdEle);
@@ -1472,6 +1475,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         }
         this.todayElement = null;
         this.tableBodyElement = null;
+        this.todayButtonEvent = null;
         this.renderDayCellArgs = null;
         this.headerElement = null;
         this.nextIcon = null;
@@ -2419,6 +2423,7 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
     Calendar.prototype.destroy = function () {
         _super.prototype.destroy.call(this);
         if (this.getModuleName() === 'calendar') {
+            this.changedArgs = null;
             var form = closest(this.element, 'form');
             if (form) {
                 EventHandler.remove(form, 'reset', this.formResetHandler.bind(this));
@@ -4085,10 +4090,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             }
             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);
             }
@@ -4152,7 +4157,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             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: function () {
                 if (Browser.isDevice && _this.fullScreenMode) {
                     _this.iconRight = parseInt(window.getComputedStyle(_this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
@@ -5915,7 +5920,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             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]);
@@ -7086,11 +7093,16 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         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();
@@ -8336,7 +8348,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     EventHandler.remove(document, 'keydown', _this.popupCloseHandler);
                 }
             }, targetExitViewport: function () {
-                if (!Browser.isDevice) {
+                var popupEle = _this.popupObj && _this.popupObj.element;
+                if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < popupEle.parentElement.getBoundingClientRect().height) {
                     _this.hide();
                 }
             }
@@ -12998,7 +13011,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             if (!_this.preventArgs.cancel && !_this.readonly) {
                 var openAnimation = {
                     name: 'FadeIn',
-                    duration: ANIMATIONDURATION$1
+                    duration: ANIMATIONDURATION$1,
                 };
                 if (_this.zIndex === 1000) {
                     _this.popupObject.show(new Animation(openAnimation), _this.element);