@syncfusion/ej2-calendars 22.1.34 → 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.
Files changed (61) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +17 -4
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +17 -4
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/dist/global/ej2-calendars.min.js +2 -2
  10. package/dist/global/ej2-calendars.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/datepicker/datepicker.js +11 -2
  14. package/src/daterangepicker/daterangepicker.js +5 -1
  15. package/src/timepicker/timepicker.js +1 -1
  16. package/styles/bootstrap-dark.css +0 -30
  17. package/styles/bootstrap.css +0 -30
  18. package/styles/bootstrap4.css +0 -30
  19. package/styles/bootstrap5-dark.css +0 -30
  20. package/styles/bootstrap5.css +0 -30
  21. package/styles/calendar/_fabric-dark-definition.scss +1 -1
  22. package/styles/calendar/_fabric-definition.scss +1 -1
  23. package/styles/calendar/_highcontrast-definition.scss +1 -1
  24. package/styles/calendar/_highcontrast-light-definition.scss +1 -1
  25. package/styles/calendar/fabric-dark.css +1 -1
  26. package/styles/calendar/fabric.css +1 -1
  27. package/styles/calendar/highcontrast-light.css +1 -1
  28. package/styles/calendar/highcontrast.css +1 -1
  29. package/styles/daterangepicker/_highcontrast-definition.scss +1 -1
  30. package/styles/daterangepicker/_highcontrast-light-definition.scss +1 -1
  31. package/styles/daterangepicker/_layout.scss +0 -28
  32. package/styles/daterangepicker/_material3-definition.scss +1 -1
  33. package/styles/daterangepicker/bootstrap-dark.css +0 -30
  34. package/styles/daterangepicker/bootstrap.css +0 -30
  35. package/styles/daterangepicker/bootstrap4.css +0 -30
  36. package/styles/daterangepicker/bootstrap5-dark.css +0 -30
  37. package/styles/daterangepicker/bootstrap5.css +0 -30
  38. package/styles/daterangepicker/fabric-dark.css +0 -30
  39. package/styles/daterangepicker/fabric.css +0 -30
  40. package/styles/daterangepicker/fluent-dark.css +0 -30
  41. package/styles/daterangepicker/fluent.css +0 -30
  42. package/styles/daterangepicker/highcontrast-light.css +2 -32
  43. package/styles/daterangepicker/highcontrast.css +2 -32
  44. package/styles/daterangepicker/material-dark.css +0 -30
  45. package/styles/daterangepicker/material.css +0 -30
  46. package/styles/daterangepicker/material3-dark.css +1 -31
  47. package/styles/daterangepicker/material3.css +1 -31
  48. package/styles/daterangepicker/tailwind-dark.css +0 -30
  49. package/styles/daterangepicker/tailwind.css +0 -30
  50. package/styles/fabric-dark.css +1 -31
  51. package/styles/fabric.css +1 -31
  52. package/styles/fluent-dark.css +0 -30
  53. package/styles/fluent.css +0 -30
  54. package/styles/highcontrast-light.css +3 -33
  55. package/styles/highcontrast.css +3 -33
  56. package/styles/material-dark.css +0 -30
  57. package/styles/material.css +0 -30
  58. package/styles/material3-dark.css +1 -31
  59. package/styles/material3.css +1 -31
  60. package/styles/tailwind-dark.css +0 -30
  61. package/styles/tailwind.css +0 -30
package/dist/es6/ej2-calendars.es5.js CHANGED
@@ -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 !== '') {
@@ -4030,11 +4030,13 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4030
4030
  };
4031
4031
  DatePicker.prototype.strictModeUpdate = function () {
4032
4032
  var format;
4033
+ var pattern = /^y/;
4034
+ var charPattern = /[^a-zA-Z]/;
4033
4035
  var formatOptions;
4034
4036
  if (this.getModuleName() === 'datetimepicker') {
4035
4037
  format = !isNullOrUndefined(this.formatString) ? this.formatString : this.dateTimeFormat;
4036
4038
  }
4037
- else {
4039
+ else if (!pattern.test(this.formatString) || charPattern.test(this.formatString)) {
4038
4040
  format = isNullOrUndefined(this.formatString) ? this.formatString : this.formatString.replace('dd', 'd');
4039
4041
  }
4040
4042
  if (!isNullOrUndefined(format)) {
@@ -4043,6 +4045,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4043
4045
  format = format.replace('MM', 'M');
4044
4046
  }
4045
4047
  }
4048
+ else {
4049
+ format = this.formatString;
4050
+ }
4046
4051
  var dateOptions;
4047
4052
  if (this.getModuleName() === 'datetimepicker') {
4048
4053
  if (this.calendarMode === 'Gregorian') {
@@ -4457,6 +4462,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4457
4462
  addClass(_this.inputWrapper.buttons, ACTIVE);
4458
4463
  _this.preventArgs.appendTo.appendChild(_this.popupWrapper);
4459
4464
  _this.popupObj.refreshPosition(_this.inputElement);
4465
+ var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.inputWrapper.container.offsetWidth);
4460
4466
  var openAnimation = {
4461
4467
  name: 'FadeIn',
4462
4468
  duration: Browser.isDevice ? 0 : OPENDURATION
@@ -4470,6 +4476,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4470
4476
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
4471
4477
  _super.prototype.setOverlayIndex.call(_this, _this.mobilePopupWrapper, _this.popupObj.element, _this.modal, Browser.isDevice);
4472
4478
  _this.setAriaAttributes();
4479
+ if (_this.enableRtl && popupLeft > 0) {
4480
+ _this.popupWrapper.style.left = popupLeft + "px";
4481
+ }
4473
4482
  }
4474
4483
  else {
4475
4484
  _this.popupObj.destroy();
@@ -8254,6 +8263,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8254
8263
  else {
8255
8264
  _this.inputElement.removeAttribute('aria-activedescendant');
8256
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
+ }
8257
8270
  addClass([_this.inputWrapper.buttons[0]], ACTIVE$1);
8258
8271
  if (!_this.isMobile) {
8259
8272
  if (_this.cancelButton) {
@@ -8630,7 +8643,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8630
8643
  };
8631
8644
  DateRangePicker.prototype.createInput = function () {
8632
8645
  if (this.fullScreenMode && this.isMobile) {
8633
- this.cssClass = "e-popup-expand";
8646
+ this.cssClass += ' ' + "e-popup-expand";
8634
8647
  }
8635
8648
  var updatedCssClassValue = this.cssClass;
8636
8649
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -10155,7 +10168,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10155
10168
  };
10156
10169
  TimePicker.prototype.createInputElement = function () {
10157
10170
  if (this.fullScreenMode && Browser.isDevice) {
10158
- this.cssClass = "e-popup-expand";
10171
+ this.cssClass += ' ' + "e-popup-expand";
10159
10172
  }
10160
10173
  var updatedCssClassesValue = this.cssClass;
10161
10174
  var isBindClearAction = this.enableMask ? false : true;