@syncfusion/ej2-calendars 25.2.5 → 26.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 (192) hide show
  1. package/.eslintrc.json +3 -2
  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 +150 -201
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +145 -197
  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.d.ts +1 -2
  14. package/src/calendar/calendar.js +35 -27
  15. package/src/calendar/islamic.js +8 -7
  16. package/src/datepicker/datepicker.d.ts +0 -1
  17. package/src/datepicker/datepicker.js +15 -16
  18. package/src/daterangepicker/daterangepicker.d.ts +0 -1
  19. package/src/daterangepicker/daterangepicker.js +25 -26
  20. package/src/datetimepicker/datetimepicker.js +17 -11
  21. package/src/maskbase/interface.js +0 -1
  22. package/src/maskbase/masked-date-time.js +3 -5
  23. package/src/timepicker/timepicker.d.ts +0 -1
  24. package/src/timepicker/timepicker.js +7 -11
  25. package/styles/bootstrap-dark.css +143 -91
  26. package/styles/bootstrap-dark.scss +20 -5
  27. package/styles/bootstrap.css +143 -93
  28. package/styles/bootstrap.scss +20 -5
  29. package/styles/bootstrap4.css +143 -93
  30. package/styles/bootstrap4.scss +20 -5
  31. package/styles/bootstrap5-dark.css +143 -94
  32. package/styles/bootstrap5-dark.scss +20 -5
  33. package/styles/bootstrap5.css +143 -94
  34. package/styles/bootstrap5.scss +20 -5
  35. package/styles/calendar/_bds-definition.scss +4 -3
  36. package/styles/calendar/_bootstrap5.3-definition.scss +256 -0
  37. package/styles/calendar/_fluent2-definition.scss +290 -0
  38. package/styles/calendar/_layout.scss +34 -14
  39. package/styles/calendar/_material3-definition.scss +0 -9
  40. package/styles/calendar/_theme.scss +104 -45
  41. package/styles/calendar/bootstrap-dark.css +48 -24
  42. package/styles/calendar/bootstrap.css +48 -24
  43. package/styles/calendar/bootstrap4.css +48 -24
  44. package/styles/calendar/bootstrap5-dark.css +48 -24
  45. package/styles/calendar/bootstrap5.css +48 -24
  46. package/styles/calendar/fabric-dark.css +51 -25
  47. package/styles/calendar/fabric.css +51 -25
  48. package/styles/calendar/fluent-dark.css +67 -33
  49. package/styles/calendar/fluent.css +67 -33
  50. package/styles/calendar/fluent2.css +2022 -0
  51. package/styles/calendar/fluent2.scss +5 -0
  52. package/styles/calendar/highcontrast-light.css +49 -24
  53. package/styles/calendar/highcontrast.css +51 -25
  54. package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
  55. package/styles/calendar/icons/_fluent2.scss +13 -0
  56. package/styles/calendar/material-dark.css +51 -25
  57. package/styles/calendar/material.css +51 -25
  58. package/styles/calendar/material3-dark.css +52 -23
  59. package/styles/calendar/material3.css +52 -23
  60. package/styles/calendar/tailwind-dark.css +49 -25
  61. package/styles/calendar/tailwind.css +49 -25
  62. package/styles/datepicker/_bootstrap5.3-definition.scss +107 -0
  63. package/styles/datepicker/_fluent2-definition.scss +118 -0
  64. package/styles/datepicker/_layout.scss +20 -11
  65. package/styles/datepicker/_material3-definition.scss +0 -19
  66. package/styles/datepicker/bootstrap-dark.css +16 -18
  67. package/styles/datepicker/bootstrap.css +16 -18
  68. package/styles/datepicker/bootstrap4.css +16 -18
  69. package/styles/datepicker/bootstrap5-dark.css +18 -19
  70. package/styles/datepicker/bootstrap5.css +18 -19
  71. package/styles/datepicker/fabric-dark.css +16 -18
  72. package/styles/datepicker/fabric.css +16 -18
  73. package/styles/datepicker/fluent-dark.css +18 -19
  74. package/styles/datepicker/fluent.css +18 -19
  75. package/styles/datepicker/fluent2.css +1680 -0
  76. package/styles/datepicker/fluent2.scss +7 -0
  77. package/styles/datepicker/highcontrast-light.css +16 -18
  78. package/styles/datepicker/highcontrast.css +16 -18
  79. package/styles/datepicker/icons/_bootstrap5.3.scss +76 -0
  80. package/styles/datepicker/icons/_fluent2.scss +83 -0
  81. package/styles/datepicker/material-dark.css +27 -20
  82. package/styles/datepicker/material.css +41 -22
  83. package/styles/datepicker/material3-dark.css +46 -24
  84. package/styles/datepicker/material3.css +46 -24
  85. package/styles/datepicker/tailwind-dark.css +18 -19
  86. package/styles/datepicker/tailwind.css +18 -19
  87. package/styles/daterangepicker/_bds-definition.scss +2 -2
  88. package/styles/daterangepicker/_bootstrap5.3-definition.scss +296 -0
  89. package/styles/daterangepicker/_fluent2-definition.scss +309 -0
  90. package/styles/daterangepicker/_layout.scss +14 -22
  91. package/styles/daterangepicker/_material3-definition.scss +0 -20
  92. package/styles/daterangepicker/_theme.scss +16 -8
  93. package/styles/daterangepicker/bootstrap-dark.css +54 -33
  94. package/styles/daterangepicker/bootstrap.css +54 -33
  95. package/styles/daterangepicker/bootstrap4.css +54 -33
  96. package/styles/daterangepicker/bootstrap5-dark.css +56 -34
  97. package/styles/daterangepicker/bootstrap5.css +56 -34
  98. package/styles/daterangepicker/fabric-dark.css +54 -33
  99. package/styles/daterangepicker/fabric.css +54 -33
  100. package/styles/daterangepicker/fluent-dark.css +66 -39
  101. package/styles/daterangepicker/fluent.css +66 -39
  102. package/styles/daterangepicker/fluent2.css +2465 -0
  103. package/styles/daterangepicker/fluent2.scss +7 -0
  104. package/styles/daterangepicker/highcontrast-light.css +54 -33
  105. package/styles/daterangepicker/highcontrast.css +54 -33
  106. package/styles/daterangepicker/icons/_bootstrap5.3.scss +92 -0
  107. package/styles/daterangepicker/icons/_fluent2.scss +132 -0
  108. package/styles/daterangepicker/material-dark.css +63 -34
  109. package/styles/daterangepicker/material.css +77 -36
  110. package/styles/daterangepicker/material3-dark.css +88 -38
  111. package/styles/daterangepicker/material3.css +88 -38
  112. package/styles/daterangepicker/tailwind-dark.css +58 -35
  113. package/styles/daterangepicker/tailwind.css +58 -35
  114. package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
  115. package/styles/datetimepicker/_fluent2-definition.scss +65 -0
  116. package/styles/datetimepicker/_layout.scss +0 -3
  117. package/styles/datetimepicker/_material3-definition.scss +0 -10
  118. package/styles/datetimepicker/_theme.scss +2 -2
  119. package/styles/datetimepicker/bootstrap-dark.css +7 -3
  120. package/styles/datetimepicker/bootstrap.css +7 -3
  121. package/styles/datetimepicker/bootstrap4.css +7 -3
  122. package/styles/datetimepicker/bootstrap5-dark.css +7 -3
  123. package/styles/datetimepicker/bootstrap5.css +7 -3
  124. package/styles/datetimepicker/fabric-dark.css +7 -3
  125. package/styles/datetimepicker/fabric.css +7 -3
  126. package/styles/datetimepicker/fluent-dark.css +7 -3
  127. package/styles/datetimepicker/fluent.css +7 -3
  128. package/styles/datetimepicker/fluent2.css +1408 -0
  129. package/styles/datetimepicker/fluent2.scss +8 -0
  130. package/styles/datetimepicker/highcontrast-light.css +7 -3
  131. package/styles/datetimepicker/highcontrast.css +7 -3
  132. package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
  133. package/styles/datetimepicker/icons/_fluent2.scss +11 -0
  134. package/styles/datetimepicker/material-dark.css +16 -4
  135. package/styles/datetimepicker/material.css +30 -6
  136. package/styles/datetimepicker/material3-dark.css +33 -7
  137. package/styles/datetimepicker/material3.css +33 -7
  138. package/styles/datetimepicker/tailwind-dark.css +7 -3
  139. package/styles/datetimepicker/tailwind.css +7 -3
  140. package/styles/fabric-dark.css +146 -92
  141. package/styles/fabric-dark.scss +20 -5
  142. package/styles/fabric.css +146 -94
  143. package/styles/fabric.scss +20 -5
  144. package/styles/fluent-dark.css +172 -108
  145. package/styles/fluent-dark.scss +20 -5
  146. package/styles/fluent.css +172 -108
  147. package/styles/fluent.scss +20 -5
  148. package/styles/fluent2.css +4429 -0
  149. package/styles/fluent2.scss +20 -0
  150. package/styles/highcontrast-light.css +144 -91
  151. package/styles/highcontrast-light.scss +20 -5
  152. package/styles/highcontrast.css +146 -94
  153. package/styles/highcontrast.scss +20 -5
  154. package/styles/material-dark.css +157 -112
  155. package/styles/material-dark.scss +20 -5
  156. package/styles/material.css +171 -140
  157. package/styles/material.scss +20 -5
  158. package/styles/material3-dark.css +189 -139
  159. package/styles/material3-dark.scss +20 -5
  160. package/styles/material3.css +189 -139
  161. package/styles/material3.scss +20 -5
  162. package/styles/tailwind-dark.css +146 -96
  163. package/styles/tailwind-dark.scss +20 -5
  164. package/styles/tailwind.css +146 -96
  165. package/styles/tailwind.scss +20 -5
  166. package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
  167. package/styles/timepicker/_fluent2-definition.scss +84 -0
  168. package/styles/timepicker/_layout.scss +2 -16
  169. package/styles/timepicker/_material3-definition.scss +0 -16
  170. package/styles/timepicker/_theme.scss +1 -4
  171. package/styles/timepicker/bootstrap-dark.css +18 -10
  172. package/styles/timepicker/bootstrap.css +18 -10
  173. package/styles/timepicker/bootstrap4.css +18 -10
  174. package/styles/timepicker/bootstrap5-dark.css +18 -10
  175. package/styles/timepicker/bootstrap5.css +18 -10
  176. package/styles/timepicker/fabric-dark.css +18 -10
  177. package/styles/timepicker/fabric.css +18 -10
  178. package/styles/timepicker/fluent-dark.css +18 -10
  179. package/styles/timepicker/fluent.css +18 -10
  180. package/styles/timepicker/fluent2.css +1531 -0
  181. package/styles/timepicker/fluent2.scss +6 -0
  182. package/styles/timepicker/highcontrast-light.css +18 -10
  183. package/styles/timepicker/highcontrast.css +18 -10
  184. package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
  185. package/styles/timepicker/icons/_fluent2.scss +24 -0
  186. package/styles/timepicker/material-dark.css +27 -11
  187. package/styles/timepicker/material.css +41 -13
  188. package/styles/timepicker/material3-dark.css +45 -14
  189. package/styles/timepicker/material3.css +45 -14
  190. package/styles/timepicker/tailwind-dark.css +18 -10
  191. package/styles/timepicker/tailwind.css +18 -10
  192. package/CHANGELOG.md +0 -1218
@@ -286,8 +286,8 @@ var MaskedDateTime = /** @class */ (function () {
286
286
  }
287
287
  if (month >= 1) {
288
288
  newDateValue.setMonth(month - 1);
289
- if (month >= 10 || month == 1) {
290
- if (this.isLeadingZero && month == 1) {
289
+ if (month >= 10 || month === 1) {
290
+ if (this.isLeadingZero && month === 1) {
291
291
  this.isNavigate = month.toString().length === 1;
292
292
  this.isLeadingZero = false;
293
293
  }
@@ -440,7 +440,6 @@ var MaskedDateTime = /** @class */ (function () {
440
440
  case 'a':
441
441
  {
442
442
  this.periodCharacter += newVal[start - 1].toLowerCase();
443
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
444
443
  var periodString = (this.getCulturedValue('dayPeriods.format.wide'));
445
444
  var periodkeys = Object.keys(periodString);
446
445
  for (var i = 0; this.periodCharacter.length > 0; i++) {
@@ -461,8 +460,7 @@ var MaskedDateTime = /** @class */ (function () {
461
460
  };
462
461
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
463
462
  MaskedDateTime.prototype.formatCheck = function () {
464
- // eslint-disable-next-line @typescript-eslint/no-this-alias
465
- var proxy = this;
463
+ var proxy = null || this;
466
464
  function formatValueSpecifier(formattext) {
467
465
  var result;
468
466
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -183,7 +183,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
183
183
  };
184
184
  private timeOptions;
185
185
  private mobileTimePopupWrap;
186
- protected isAngular: boolean;
187
186
  protected preventChange: boolean;
188
187
  protected maskedDateValue: string;
189
188
  protected moduleName: string;
@@ -42,8 +42,6 @@ var HOVER = 'e-hover';
42
42
  var NAVIGATION = 'e-navigation';
43
43
  var DISABLED = 'e-disabled';
44
44
  var ICONANIMATION = 'e-icon-anim';
45
- var TIMEICON = 'e-time-icon';
46
- var CLEARICON = 'e-clear-icon';
47
45
  var FOCUS = 'e-input-focus';
48
46
  var LISTCLASS = 'e-list-item';
49
47
  var HALFPOSITION = 2;
@@ -136,7 +134,6 @@ var TimePicker = /** @class */ (function (_super) {
136
134
  _this.timeCollections = [];
137
135
  _this.disableItemCollection = [];
138
136
  _this.invalidValueString = null;
139
- _this.isAngular = false;
140
137
  _this.preventChange = false;
141
138
  _this.maskedDateValue = '';
142
139
  _this.moduleName = _this.getModuleName();
@@ -345,7 +342,7 @@ var TimePicker = /** @class */ (function (_super) {
345
342
  };
346
343
  TimePicker.prototype.createInputElement = function () {
347
344
  if (this.fullScreenMode && Browser.isDevice) {
348
- this.cssClass += ' ' + "e-popup-expand";
345
+ this.cssClass += ' ' + 'e-popup-expand';
349
346
  }
350
347
  var updatedCssClassesValue = this.cssClass;
351
348
  var isBindClearAction = this.enableMask ? false : true;
@@ -456,7 +453,6 @@ var TimePicker = /** @class */ (function (_super) {
456
453
  }
457
454
  return modules;
458
455
  };
459
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
460
456
  TimePicker.prototype.cldrFormat = function (type) {
461
457
  var cldrDateTimeString;
462
458
  if (this.locale === 'en' || this.locale === 'en-US') {
@@ -605,17 +601,17 @@ var TimePicker = /** @class */ (function (_super) {
605
601
  this.popupObj.collision = { X: 'none', Y: 'flip' };
606
602
  }
607
603
  if (Browser.isDevice && this.fullScreenMode) {
608
- this.popupObj.element.style.maxHeight = "100%";
609
- this.popupObj.element.style.width = "100%";
604
+ this.popupObj.element.style.maxHeight = '100%';
605
+ this.popupObj.element.style.width = '100%';
610
606
  }
611
607
  else {
612
608
  this.popupObj.element.style.maxHeight = POPUPDIMENSION;
613
609
  }
614
610
  if (Browser.isDevice && this.fullScreenMode) {
615
611
  var modelHeader = this.createElement('div', { className: 'e-model-header' });
616
- var modelTitleSpan = this.createElement("span", { className: "e-model-title" });
617
- modelTitleSpan.textContent = "Select time";
618
- var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
612
+ var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
613
+ modelTitleSpan.textContent = 'Select time';
614
+ var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
619
615
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.timePopupCloseHandler, this);
620
616
  modelHeader.appendChild(modelCloseIcon);
621
617
  modelHeader.appendChild(modelTitleSpan);
@@ -1002,7 +998,7 @@ var TimePicker = /** @class */ (function (_super) {
1002
998
  };
1003
999
  TimePicker.prototype.inputHandler = function (event) {
1004
1000
  if (!this.readonly && this.enabled) {
1005
- if (!((event.action == 'right' || event.action == 'left' || event.action == 'tab') || ((event.action == 'home' || event.action == 'end' || event.action == 'up' || event.action == 'down') && !this.isPopupOpen() && !this.enableMask))) {
1001
+ if (!((event.action === 'right' || event.action === 'left' || event.action === 'tab') || ((event.action === 'home' || event.action === 'end' || event.action === 'up' || event.action === 'down') && !this.isPopupOpen() && !this.enableMask))) {
1006
1002
  event.preventDefault();
1007
1003
  }
1008
1004
  switch (event.action) {