@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.
- package/dist/ej2-calendars.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js.map +1 -1
- package/dist/es6/ej2-calendars.es2015.js +11 -3
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +11 -3
- package/dist/es6/ej2-calendars.es5.js.map +1 -1
- package/dist/global/ej2-calendars.min.js +2 -2
- package/dist/global/ej2-calendars.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +9 -9
- package/src/datepicker/datepicker.js +5 -1
- package/src/daterangepicker/daterangepicker.js +5 -1
- package/src/timepicker/timepicker.js +1 -1
- package/styles/calendar/_fabric-dark-definition.scss +1 -1
- package/styles/calendar/_fabric-definition.scss +1 -1
- package/styles/calendar/_highcontrast-definition.scss +1 -1
- package/styles/calendar/_highcontrast-light-definition.scss +1 -1
- package/styles/calendar/fabric-dark.css +1 -1
- package/styles/calendar/fabric.css +1 -1
- package/styles/calendar/highcontrast-light.css +1 -1
- package/styles/calendar/highcontrast.css +1 -1
- package/styles/daterangepicker/_highcontrast-definition.scss +1 -1
- package/styles/daterangepicker/_highcontrast-light-definition.scss +1 -1
- package/styles/daterangepicker/highcontrast-light.css +2 -2
- package/styles/daterangepicker/highcontrast.css +2 -2
- package/styles/fabric-dark.css +1 -1
- package/styles/fabric.css +1 -1
- package/styles/highcontrast-light.css +3 -3
- package/styles/highcontrast.css +3 -3
|
@@ -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
|
|
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
|
|
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
|
|
10053
|
+
this.cssClass += ' ' + "e-popup-expand";
|
|
10046
10054
|
}
|
|
10047
10055
|
let updatedCssClassesValue = this.cssClass;
|
|
10048
10056
|
const isBindClearAction = this.enableMask ? false : true;
|