@syncfusion/ej2-calendars 22.2.5 → 22.2.9

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

@@ -4144,7 +4144,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.popupObj = new Popup(this.popupWrapper, {
             content: this.calendarElement,
             relateTo: Browser.isDevice ? document.body : this.inputWrapper.container,
-            position: Browser.isDevice ? { X: 'center', Y: 'center' } : { X: 'left', Y: 'bottom' },
+            position: Browser.isDevice ? { X: 'center', Y: 'center' } : (this.enableRtl ? { X: 'right', Y: 'bottom' } : { X: 'left', Y: 'bottom' }),
             offsetY: OFFSETVALUE,
             targetType: 'container',
             enableRtl: this.enableRtl,
@@ -4462,7 +4462,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     addClass(_this.inputWrapper.buttons, ACTIVE);
                     _this.preventArgs.appendTo.appendChild(_this.popupWrapper);
                     _this.popupObj.refreshPosition(_this.inputElement);
-                    var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.inputWrapper.container.offsetWidth);
                     var openAnimation = {
                         name: 'FadeIn',
                         duration: Browser.isDevice ? 0 : OPENDURATION
@@ -4476,9 +4475,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     _super.prototype.setOverlayIndex.call(_this, _this.mobilePopupWrapper, _this.popupObj.element, _this.modal, Browser.isDevice);
                     _this.setAriaAttributes();
-                    if (_this.enableRtl && popupLeft > 0) {
-                        _this.popupWrapper.style.left = popupLeft + "px";
-                    }
                 }
                 else {
                     _this.popupObj.destroy();
@@ -5908,9 +5904,7 @@ 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]);
@@ -7081,16 +7075,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (event) {
             leftCalendar = closest(event.target, '.' + LEFTCALENDER);
         }
-        if (!isNullOrUndefined(leftCalendar)) {
-            this.leftCalendar.children[1].firstElementChild.focus();
+        if (event && isNullOrUndefined(leftCalendar)) {
+            rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
         }
-        else {
-            if (event) {
-                rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
-            }
-            if (!isNullOrUndefined(rightCalendar)) {
-                this.rightCalendar.children[1].firstElementChild.focus();
-            }
+        if (!isNullOrUndefined(leftCalendar) || !isNullOrUndefined(rightCalendar)) {
+            this.inputWrapper.container.focus();
         }
         addClass([ele], SELECTED$3);
         this.calendarIconEvent();
@@ -8263,10 +8252,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                 else {
                     _this.inputElement.removeAttribute('aria-activedescendant');
                 }
-                if (_this.enableRtl) {
-                    var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.inputWrapper.container.offsetWidth);
-                    _this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : _this.popupWrapper.style.left;
-                }
                 addClass([_this.inputWrapper.buttons[0]], ACTIVE$1);
                 if (!_this.isMobile) {
                     if (_this.cancelButton) {
@@ -10027,6 +10012,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         this.validateInterval();
         this.bindEvents();
         this.validateDisable();
+        this.setTimeZone();
         this.setValue(this.getFormattedValue(this.value));
         if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType === 'Always' || !this.floatLabelType || !this.placeholder)) {
             this.updateInputValue(this.maskedDateValue);
@@ -10043,6 +10029,20 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         }
         this.renderComplete();
     };
+    TimePicker.prototype.setTimeZone = function () {
+        if (!isNullOrUndefined(this.serverTimezoneOffset) && this.value) {
+            var clientTimeZoneDiff = new Date().getTimezoneOffset() / 60;
+            var serverTimezoneDiff = this.serverTimezoneOffset;
+            var timeZoneDiff = serverTimezoneDiff + clientTimeZoneDiff;
+            timeZoneDiff = this.isDayLightSaving() ? timeZoneDiff-- : timeZoneDiff;
+            this.value = new Date((this.value).getTime() + (timeZoneDiff * 60 * 60 * 1000));
+        }
+    };
+    TimePicker.prototype.isDayLightSaving = function () {
+        var firstOffset = new Date(this.value.getFullYear(), 0, 1).getTimezoneOffset();
+        var secondOffset = new Date(this.value.getFullYear(), 6, 1).getTimezoneOffset();
+        return (this.value.getTimezoneOffset() < Math.max(firstOffset, secondOffset));
+    };
     TimePicker.prototype.setTimeAllowEdit = function () {
         if (this.allowEdit) {
             if (!this.readonly) {
@@ -12371,6 +12371,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
     __decorate$3([
         Property({ day: 'day', month: 'month', year: 'year', hour: 'hour', minute: 'minute', second: 'second', dayOfTheWeek: 'day of the week' })
     ], TimePicker.prototype, "maskPlaceholder", void 0);
+    __decorate$3([
+        Property(null)
+    ], TimePicker.prototype, "serverTimezoneOffset", void 0);
     __decorate$3([
         Event()
     ], TimePicker.prototype, "change", void 0);