@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.
@@ -3303,7 +3303,7 @@ let DatePicker = class DatePicker extends Calendar {
3303
3303
  this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
3304
3304
  }
3305
3305
  if (this.fullScreenMode && Browser.isDevice) {
3306
- this.cssClass = "e-popup-expand";
3306
+ this.cssClass += ' ' + "e-popup-expand";
3307
3307
  }
3308
3308
  let updatedCssClassValues = this.cssClass;
3309
3309
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -4416,6 +4416,7 @@ let DatePicker = class DatePicker extends Calendar {
4416
4416
  addClass(this.inputWrapper.buttons, ACTIVE);
4417
4417
  this.preventArgs.appendTo.appendChild(this.popupWrapper);
4418
4418
  this.popupObj.refreshPosition(this.inputElement);
4419
+ const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.inputWrapper.container.offsetWidth);
4419
4420
  const openAnimation = {
4420
4421
  name: 'FadeIn',
4421
4422
  duration: Browser.isDevice ? 0 : OPENDURATION
@@ -4429,6 +4430,9 @@ let DatePicker = class DatePicker extends Calendar {
4429
4430
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
4430
4431
  super.setOverlayIndex(this.mobilePopupWrapper, this.popupObj.element, this.modal, Browser.isDevice);
4431
4432
  this.setAriaAttributes();
4433
+ if (this.enableRtl && popupLeft > 0) {
4434
+ this.popupWrapper.style.left = popupLeft + "px";
4435
+ }
4432
4436
  }
4433
4437
  else {
4434
4438
  this.popupObj.destroy();
@@ -8165,6 +8169,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8165
8169
  else {
8166
8170
  this.inputElement.removeAttribute('aria-activedescendant');
8167
8171
  }
8172
+ if (this.enableRtl) {
8173
+ const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.inputWrapper.container.offsetWidth);
8174
+ this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : this.popupWrapper.style.left;
8175
+ }
8168
8176
  addClass([this.inputWrapper.buttons[0]], ACTIVE$1);
8169
8177
  if (!this.isMobile) {
8170
8178
  if (this.cancelButton) {
@@ -8541,7 +8549,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8541
8549
  }
8542
8550
  createInput() {
8543
8551
  if (this.fullScreenMode && this.isMobile) {
8544
- this.cssClass = "e-popup-expand";
8552
+ this.cssClass += ' ' + "e-popup-expand";
8545
8553
  }
8546
8554
  let updatedCssClassValue = this.cssClass;
8547
8555
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -10042,7 +10050,7 @@ let TimePicker = class TimePicker extends Component {
10042
10050
  }
10043
10051
  createInputElement() {
10044
10052
  if (this.fullScreenMode && Browser.isDevice) {
10045
- this.cssClass = "e-popup-expand";
10053
+ this.cssClass += ' ' + "e-popup-expand";
10046
10054
  }
10047
10055
  let updatedCssClassesValue = this.cssClass;
10048
10056
  const isBindClearAction = this.enableMask ? false : true;