@syncfusion/ej2-calendars 22.2.5 → 22.2.9

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

@@ -4099,7 +4099,7 @@ let DatePicker = class DatePicker extends Calendar {
         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,
@@ -4416,7 +4416,6 @@ let DatePicker = class DatePicker extends Calendar {
                     addClass(this.inputWrapper.buttons, ACTIVE);
                     this.preventArgs.appendTo.appendChild(this.popupWrapper);
                     this.popupObj.refreshPosition(this.inputElement);
-                    const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.inputWrapper.container.offsetWidth);
                     const openAnimation = {
                         name: 'FadeIn',
                         duration: Browser.isDevice ? 0 : OPENDURATION
@@ -4430,9 +4429,6 @@ let DatePicker = class DatePicker extends Calendar {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     super.setOverlayIndex(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();
@@ -5832,9 +5828,7 @@ 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]);
@@ -6996,16 +6990,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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();
@@ -8169,10 +8158,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 else {
                     this.inputElement.removeAttribute('aria-activedescendant');
                 }
-                if (this.enableRtl) {
-                    const 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) {
@@ -9909,6 +9894,7 @@ let TimePicker = class TimePicker extends Component {
         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);
@@ -9925,6 +9911,20 @@ let TimePicker = class TimePicker extends Component {
         }
         this.renderComplete();
     }
+    setTimeZone() {
+        if (!isNullOrUndefined(this.serverTimezoneOffset) && this.value) {
+            const clientTimeZoneDiff = new Date().getTimezoneOffset() / 60;
+            const serverTimezoneDiff = this.serverTimezoneOffset;
+            let timeZoneDiff = serverTimezoneDiff + clientTimeZoneDiff;
+            timeZoneDiff = this.isDayLightSaving() ? timeZoneDiff-- : timeZoneDiff;
+            this.value = new Date((this.value).getTime() + (timeZoneDiff * 60 * 60 * 1000));
+        }
+    }
+    isDayLightSaving() {
+        const firstOffset = new Date(this.value.getFullYear(), 0, 1).getTimezoneOffset();
+        const secondOffset = new Date(this.value.getFullYear(), 6, 1).getTimezoneOffset();
+        return (this.value.getTimezoneOffset() < Math.max(firstOffset, secondOffset));
+    }
     setTimeAllowEdit() {
         if (this.allowEdit) {
             if (!this.readonly) {
@@ -12246,6 +12246,9 @@ __decorate$3([
 __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);