@syncfusion/ej2-calendars 24.2.8 → 25.1.35

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 (73) hide show
  1. package/CHANGELOG.md +0 -48
  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 +45 -12
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +45 -12
  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 +11 -11
  13. package/src/calendar/calendar.js +3 -3
  14. package/src/datepicker/datepicker.d.ts +1 -0
  15. package/src/datepicker/datepicker.js +12 -3
  16. package/src/daterangepicker/daterangepicker.d.ts +1 -0
  17. package/src/daterangepicker/daterangepicker.js +8 -0
  18. package/src/datetimepicker/datetimepicker.js +10 -2
  19. package/src/timepicker/timepicker.d.ts +1 -0
  20. package/src/timepicker/timepicker.js +12 -4
  21. package/styles/bootstrap-dark.css +1 -1
  22. package/styles/bootstrap.css +1 -1
  23. package/styles/bootstrap4.css +1 -1
  24. package/styles/bootstrap5-dark.css +1 -1
  25. package/styles/bootstrap5.css +1 -1
  26. package/styles/calendar/_bds-definition.scss +272 -0
  27. package/styles/calendar/_bootstrap-definition.scss +1 -1
  28. package/styles/calendar/_fabric-dark-definition.scss +1 -1
  29. package/styles/calendar/_fabric-definition.scss +1 -1
  30. package/styles/calendar/_fluent-definition.scss +2 -2
  31. package/styles/calendar/_fusionnew-definition.scss +1 -1
  32. package/styles/calendar/_highcontrast-definition.scss +1 -1
  33. package/styles/calendar/_material-dark-definition.scss +1 -1
  34. package/styles/calendar/_tailwind-definition.scss +1 -1
  35. package/styles/calendar/_theme.scss +1 -1
  36. package/styles/calendar/bootstrap-dark.css +1 -1
  37. package/styles/calendar/bootstrap.css +1 -1
  38. package/styles/calendar/bootstrap4.css +1 -1
  39. package/styles/calendar/bootstrap5-dark.css +1 -1
  40. package/styles/calendar/bootstrap5.css +1 -1
  41. package/styles/calendar/fabric-dark.css +1 -1
  42. package/styles/calendar/fabric.css +1 -1
  43. package/styles/calendar/fluent-dark.css +11 -11
  44. package/styles/calendar/fluent.css +11 -11
  45. package/styles/calendar/highcontrast-light.css +1 -1
  46. package/styles/calendar/highcontrast.css +1 -1
  47. package/styles/calendar/icons/_bds.scss +13 -0
  48. package/styles/calendar/material-dark.css +1 -1
  49. package/styles/calendar/material.css +1 -1
  50. package/styles/calendar/material3-dark.css +1 -1
  51. package/styles/calendar/material3.css +1 -1
  52. package/styles/calendar/tailwind-dark.css +1 -1
  53. package/styles/calendar/tailwind.css +1 -1
  54. package/styles/datepicker/_bds-definition.scss +105 -0
  55. package/styles/datepicker/icons/_bds.scss +76 -0
  56. package/styles/daterangepicker/_bds-definition.scss +294 -0
  57. package/styles/daterangepicker/icons/_bds.scss +92 -0
  58. package/styles/datetimepicker/_bds-definition.scss +65 -0
  59. package/styles/datetimepicker/icons/_bds.scss +11 -0
  60. package/styles/fabric-dark.css +1 -1
  61. package/styles/fabric.css +1 -1
  62. package/styles/fluent-dark.css +11 -11
  63. package/styles/fluent.css +11 -11
  64. package/styles/highcontrast-light.css +1 -1
  65. package/styles/highcontrast.css +1 -1
  66. package/styles/material-dark.css +1 -1
  67. package/styles/material.css +1 -1
  68. package/styles/material3-dark.css +1 -1
  69. package/styles/material3.css +1 -1
  70. package/styles/tailwind-dark.css +1 -1
  71. package/styles/tailwind.css +1 -1
  72. package/styles/timepicker/_bds-definition.scss +84 -0
  73. package/styles/timepicker/icons/_bds.scss +24 -0
@@ -32,7 +32,7 @@ var DEVICE = 'e-device';
32
32
  var HEADER = 'e-header';
33
33
  var RTL = 'e-rtl';
34
34
  var CONTENT = 'e-content';
35
- var CONTENTTABLE = 'e-calandar-content-table';
35
+ var CONTENTTABLE = 'e-calendar-content-table';
36
36
  var YEAR = 'e-year';
37
37
  var MONTH = 'e-month';
38
38
  var DECADE = 'e-decade';
@@ -1242,8 +1242,8 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
1242
1242
  */
1243
1243
  CalendarBase.prototype.requiredModules = function () {
1244
1244
  var modules = [];
1245
- if (this) {
1246
- modules.push({ args: [this], member: 'islamic' });
1245
+ if (this.calendarMode === 'Islamic') {
1246
+ modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
1247
1247
  }
1248
1248
  return modules;
1249
1249
  };
@@ -4165,7 +4165,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4165
4165
  }
4166
4166
  if ((this.getModuleName() === 'datetimepicker')) {
4167
4167
  if (this.checkDateValue(this.globalize.parseDate(this.inputElement.value, dateOptions))) {
4168
- date = this.globalize.parseDate(this.inputElement.value.toLocaleUpperCase(), dateOptions);
4168
+ var modifiedValue = this.inputElement.value.replace(/(am|pm|Am|aM|pM|Pm)/g, function (match) { return match.toLocaleUpperCase(); });
4169
+ date = this.globalize.parseDate(modifiedValue, dateOptions);
4169
4170
  }
4170
4171
  else {
4171
4172
  if (this.calendarMode === 'Gregorian') {
@@ -4438,8 +4439,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4438
4439
  };
4439
4440
  DatePicker.prototype.requiredModules = function () {
4440
4441
  var modules = [];
4441
- if (this) {
4442
- modules.push({ args: [this], member: 'islamic' });
4442
+ if (this.calendarMode === 'Islamic') {
4443
+ modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
4443
4444
  }
4444
4445
  if (this.enableMask) {
4445
4446
  modules.push({ args: [this], member: 'MaskedDateTime' });
@@ -4715,7 +4716,15 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4715
4716
  */
4716
4717
  DatePicker.prototype.destroy = function () {
4717
4718
  this.unBindEvents();
4719
+ if (this.showClearButton) {
4720
+ this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
4721
+ }
4718
4722
  _super.prototype.destroy.call(this);
4723
+ Input.destroy({
4724
+ element: this.inputElement,
4725
+ floatLabelType: this.floatLabelType,
4726
+ properties: this.properties
4727
+ }, this.clearButton);
4719
4728
  if (!isNullOrUndefined(this.keyboardModules)) {
4720
4729
  this.keyboardModules.destroy();
4721
4730
  }
@@ -9198,6 +9207,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9198
9207
  */
9199
9208
  DateRangePicker.prototype.destroy = function () {
9200
9209
  this.unBindEvents();
9210
+ if (this.showClearButton) {
9211
+ this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
9212
+ }
9201
9213
  this.hide(null);
9202
9214
  var ariaAttrs = {
9203
9215
  'tabindex': '0', 'aria-expanded': 'false', 'role': 'combobox',
@@ -9232,6 +9244,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9232
9244
  this.clearCalendarEvents();
9233
9245
  }
9234
9246
  }
9247
+ Input.destroy({
9248
+ element: this.inputElement,
9249
+ floatLabelType: this.floatLabelType,
9250
+ properties: this.properties
9251
+ }, this.clearButton);
9235
9252
  _super.prototype.destroy.call(this);
9236
9253
  this.inputWrapper = this.popupWrapper = this.popupObj = this.cloneElement = this.presetElement = null;
9237
9254
  if (this.formElement) {
@@ -10421,6 +10438,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10421
10438
  // destroy function
10422
10439
  TimePicker.prototype.destroy = function () {
10423
10440
  this.hide();
10441
+ if (this.showClearButton) {
10442
+ this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
10443
+ }
10424
10444
  this.unBindEvents();
10425
10445
  var ariaAttribute = {
10426
10446
  'aria-autocomplete': 'list', 'tabindex': '0',
@@ -10454,6 +10474,11 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10454
10474
  if (!isNullOrUndefined(this.rippleFn)) {
10455
10475
  this.rippleFn();
10456
10476
  }
10477
+ Input.destroy({
10478
+ element: this.inputElement,
10479
+ floatLabelType: this.floatLabelType,
10480
+ properties: this.properties
10481
+ }, this.clearButton);
10457
10482
  _super.prototype.destroy.call(this);
10458
10483
  if (this.formElement) {
10459
10484
  EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
@@ -12028,10 +12053,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
12028
12053
  }
12029
12054
  }
12030
12055
  removeClass([this.inputWrapper.container], [FOCUS]);
12031
- var blurArguments = {
12032
- model: this
12033
- };
12034
- this.trigger('blur', blurArguments);
12035
12056
  if (this.getText() !== this.inputElement.value) {
12036
12057
  this.updateValue((this.inputElement).value, e);
12037
12058
  }
@@ -12043,6 +12064,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
12043
12064
  if (this.inputElement.value === '') {
12044
12065
  this.invalidValueString = null;
12045
12066
  }
12067
+ var blurArguments = {
12068
+ model: this
12069
+ };
12070
+ this.trigger('blur', blurArguments);
12046
12071
  };
12047
12072
  /**
12048
12073
  * Focuses out the TimePicker textbox element.
@@ -12687,6 +12712,9 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
12687
12712
  * @returns {void}
12688
12713
  */
12689
12714
  DateTimePicker.prototype.destroy = function () {
12715
+ if (this.showClearButton) {
12716
+ this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
12717
+ }
12690
12718
  if (this.popupObject && this.popupObject.element.classList.contains(POPUP$3)) {
12691
12719
  this.popupObject.destroy();
12692
12720
  detach(this.dateTimeWrapper);
@@ -12720,6 +12748,11 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
12720
12748
  this.popupObject = null;
12721
12749
  this.preventArgs = null;
12722
12750
  this.keyboardModule = null;
12751
+ Input.destroy({
12752
+ element: this.inputElement,
12753
+ floatLabelType: this.floatLabelType,
12754
+ properties: this.properties
12755
+ }, this.clearButton);
12723
12756
  _super.prototype.destroy.call(this);
12724
12757
  };
12725
12758
  /**
@@ -13743,8 +13776,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13743
13776
  };
13744
13777
  DateTimePicker.prototype.requiredModules = function () {
13745
13778
  var modules = [];
13746
- if (this) {
13747
- modules.push({ args: [this], member: 'islamic' });
13779
+ if (this.calendarMode === 'Islamic') {
13780
+ modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
13748
13781
  }
13749
13782
  if (this.enableMask) {
13750
13783
  modules.push(this.maskedDateModule());