@syncfusion/ej2-calendars 22.1.36 → 22.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3343,7 +3343,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
3343
3343
  this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
3344
3344
  }
3345
3345
  if (this.fullScreenMode && Browser.isDevice) {
3346
- this.cssClass = "e-popup-expand";
3346
+ this.cssClass += ' ' + "e-popup-expand";
3347
3347
  }
3348
3348
  var updatedCssClassValues = this.cssClass;
3349
3349
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -4462,6 +4462,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4462
4462
  addClass(_this.inputWrapper.buttons, ACTIVE);
4463
4463
  _this.preventArgs.appendTo.appendChild(_this.popupWrapper);
4464
4464
  _this.popupObj.refreshPosition(_this.inputElement);
4465
+ var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.inputWrapper.container.offsetWidth);
4465
4466
  var openAnimation = {
4466
4467
  name: 'FadeIn',
4467
4468
  duration: Browser.isDevice ? 0 : OPENDURATION
@@ -4475,6 +4476,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4475
4476
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
4476
4477
  _super.prototype.setOverlayIndex.call(_this, _this.mobilePopupWrapper, _this.popupObj.element, _this.modal, Browser.isDevice);
4477
4478
  _this.setAriaAttributes();
4479
+ if (_this.enableRtl && popupLeft > 0) {
4480
+ _this.popupWrapper.style.left = popupLeft + "px";
4481
+ }
4478
4482
  }
4479
4483
  else {
4480
4484
  _this.popupObj.destroy();
@@ -8259,6 +8263,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8259
8263
  else {
8260
8264
  _this.inputElement.removeAttribute('aria-activedescendant');
8261
8265
  }
8266
+ if (_this.enableRtl) {
8267
+ var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.inputWrapper.container.offsetWidth);
8268
+ _this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : _this.popupWrapper.style.left;
8269
+ }
8262
8270
  addClass([_this.inputWrapper.buttons[0]], ACTIVE$1);
8263
8271
  if (!_this.isMobile) {
8264
8272
  if (_this.cancelButton) {
@@ -8635,7 +8643,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8635
8643
  };
8636
8644
  DateRangePicker.prototype.createInput = function () {
8637
8645
  if (this.fullScreenMode && this.isMobile) {
8638
- this.cssClass = "e-popup-expand";
8646
+ this.cssClass += ' ' + "e-popup-expand";
8639
8647
  }
8640
8648
  var updatedCssClassValue = this.cssClass;
8641
8649
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -10160,7 +10168,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10160
10168
  };
10161
10169
  TimePicker.prototype.createInputElement = function () {
10162
10170
  if (this.fullScreenMode && Browser.isDevice) {
10163
- this.cssClass = "e-popup-expand";
10171
+ this.cssClass += ' ' + "e-popup-expand";
10164
10172
  }
10165
10173
  var updatedCssClassesValue = this.cssClass;
10166
10174
  var isBindClearAction = this.enableMask ? false : true;