@syncfusion/ej2-calendars 22.2.5 → 22.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.5
+*  version : 22.2.8
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@22.1.38",
+  "_id": "@syncfusion/ej2-calendars@22.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-zGy7hUky1kYnX3fOahA6MOBfS96CdcaEem4xQU04J9I9B4JGWig57/FbJM7d+fD82ziwCZHMUKEoWgfx/gBIZA==",
+  "_integrity": "sha512-8uOgh/z4WYO1S0RRs7i9xKrTZH7IMosBksP0wQKJc0+qfH41qrqqMmO8ZRw4YWOrMuvgNq3pbYSVi+hZHvAgKQ==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -32,8 +32,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-22.1.38.tgz",
-  "_shasum": "7d3e377422163ae2c15fdb2aa167c94fd9ed7005",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-22.2.5.tgz",
+  "_shasum": "ce697c5db112a2a494f5e224efed4dd6980a5e7f",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -45,10 +45,10 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~22.2.5",
-    "@syncfusion/ej2-buttons": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.5",
-    "@syncfusion/ej2-lists": "~22.2.5",
-    "@syncfusion/ej2-popups": "~22.2.5"
+    "@syncfusion/ej2-buttons": "~22.2.8",
+    "@syncfusion/ej2-inputs": "~22.2.7",
+    "@syncfusion/ej2-lists": "~22.2.8",
+    "@syncfusion/ej2-popups": "~22.2.7"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.5",
+  "version": "22.2.8",
   "sideEffects": false
 }

package/src/datepicker/datepicker.js

@@ -985,7 +985,7 @@ var DatePicker = /** @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,
@@ -1303,7 +1303,6 @@ var DatePicker = /** @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
@@ -1317,9 +1316,6 @@ var DatePicker = /** @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();

package/src/daterangepicker/daterangepicker.js

@@ -3031,10 +3031,6 @@ var DateRangePicker = /** @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);
                 if (!_this.isMobile) {
                     if (_this.cancelButton) {

package/src/timepicker/timepicker-model.d.ts

@@ -317,6 +317,16 @@ export interface TimePickerModel extends ComponentModel{
      */
     maskPlaceholder?: TimeMaskPlaceholderModel;
 
+    /**
+     * By default, the time value will be processed based on system time zone.
+     * If you want to process the initial time value using server time zone
+     * then specify the time zone value to `serverTimezoneOffset` property.
+     *
+     * @default null
+
+     */
+    serverTimezoneOffset?: number;
+
     /**
      * Triggers when the value is changed.
      *

package/src/timepicker/timepicker.d.ts

@@ -422,6 +422,15 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * @aspType TimePickerMaskPlaceholder
      */
     maskPlaceholder: TimeMaskPlaceholderModel;
+    /**
+     * By default, the time value will be processed based on system time zone.
+     * If you want to process the initial time value using server time zone
+     * then specify the time zone value to `serverTimezoneOffset` property.
+     *
+     * @default null
+
+     */
+    serverTimezoneOffset: number;
     /**
      * Triggers when the value is changed.
      *
@@ -492,6 +501,8 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      */
     protected preRender(): void;
     protected render(): void;
+    protected setTimeZone(): void;
+    protected isDayLightSaving(): boolean;
     private setTimeAllowEdit;
     private clearIconState;
     private validateDisable;

package/src/timepicker/timepicker.js

@@ -189,6 +189,7 @@ var TimePicker = /** @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);
@@ -205,6 +206,20 @@ var TimePicker = /** @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) {
@@ -2533,6 +2548,9 @@ var TimePicker = /** @class */ (function (_super) {
     __decorate([
         Property({ day: 'day', month: 'month', year: 'year', hour: 'hour', minute: 'minute', second: 'second', dayOfTheWeek: 'day of the week' })
     ], TimePicker.prototype, "maskPlaceholder", void 0);
+    __decorate([
+        Property(null)
+    ], TimePicker.prototype, "serverTimezoneOffset", void 0);
     __decorate([
         Event()
     ], TimePicker.prototype, "change", void 0);