@syncfusion/ej2-calendars 28.1.33 → 28.1.36

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.
@@ -4564,6 +4564,11 @@ let DatePicker = class DatePicker extends Calendar {
4564
4564
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
4565
4565
  super.setOverlayIndex(this.mobilePopupWrapper, this.popupObj.element, this.modal, Browser.isDevice);
4566
4566
  this.setAriaAttributes();
4567
+ if (Browser.isDevice) {
4568
+ const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
4569
+ dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
4570
+ this.mobilePopupWrapper.appendChild(dlgOverlay);
4571
+ }
4567
4572
  }
4568
4573
  else {
4569
4574
  this.popupObj.destroy();
@@ -4577,11 +4582,6 @@ let DatePicker = class DatePicker extends Calendar {
4577
4582
  }
4578
4583
  EventHandler.add(document, 'mousedown touchstart', this.documentHandler, this);
4579
4584
  });
4580
- if (Browser.isDevice) {
4581
- const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
4582
- dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
4583
- this.mobilePopupWrapper.appendChild(dlgOverlay);
4584
- }
4585
4585
  }
4586
4586
  }
4587
4587
  /**
@@ -8443,9 +8443,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8443
8443
  });
8444
8444
  if (this.isMobile) {
8445
8445
  this.popupObj.element.classList.add(DEVICE$1);
8446
- if (!this.isMobile) {
8447
- this.popupObj.element.classList.add('e-bigger');
8448
- }
8449
8446
  }
8450
8447
  if (this.isMobile && this.isCustomWindow) {
8451
8448
  addClass([this.modal], [DEVICE$1, ROOT$2, 'e-range-modal']);
@@ -9385,13 +9382,13 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
9385
9382
  this.selectableDates();
9386
9383
  }
9387
9384
  super.setOverlayIndex(this.mobileRangePopupWrap, this.popupObj.element, this.modal, this.isMobile || Browser.isDevice);
9385
+ if (Browser.isDevice) {
9386
+ const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
9387
+ dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
9388
+ this.mobileRangePopupWrap.appendChild(dlgOverlay);
9389
+ }
9388
9390
  }
9389
9391
  });
9390
- if (Browser.isDevice) {
9391
- const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
9392
- dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
9393
- this.mobileRangePopupWrap.appendChild(dlgOverlay);
9394
- }
9395
9392
  }
9396
9393
  }
9397
9394
  }
@@ -12175,6 +12172,11 @@ let TimePicker = class TimePicker extends Component {
12175
12172
  addClass([this.inputWrapper.container], FOCUS);
12176
12173
  EventHandler.add(document, 'mousedown touchstart', this.documentClickHandler, this);
12177
12174
  this.setOverlayIndex(this.mobileTimePopupWrap, this.popupObj.element, this.modal, Browser.isDevice);
12175
+ if (Browser.isDevice) {
12176
+ const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
12177
+ dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
12178
+ this.mobileTimePopupWrap.appendChild(dlgOverlay);
12179
+ }
12178
12180
  }
12179
12181
  else {
12180
12182
  this.popupObj.destroy();
@@ -12183,11 +12185,6 @@ let TimePicker = class TimePicker extends Component {
12183
12185
  this.popupObj = null;
12184
12186
  }
12185
12187
  });
12186
- if (Browser.isDevice) {
12187
- const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
12188
- dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
12189
- this.mobileTimePopupWrap.appendChild(dlgOverlay);
12190
- }
12191
12188
  }
12192
12189
  }
12193
12190
  /* eslint-enable valid-jsdoc, jsdoc/require-param */