@syncfusion/ej2-calendars 22.2.12 → 23.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.
Files changed (228) hide show
  1. package/CHANGELOG.md +0 -70
  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 +16 -6
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +16 -6
  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 +2 -0
  14. package/src/daterangepicker/daterangepicker.js +13 -5
  15. package/src/datetimepicker/datetimepicker.js +1 -1
  16. package/styles/bootstrap-dark.css +91 -40
  17. package/styles/bootstrap.css +91 -40
  18. package/styles/bootstrap4.css +91 -40
  19. package/styles/bootstrap5-dark.css +92 -41
  20. package/styles/bootstrap5.css +92 -41
  21. package/styles/calendar/bootstrap-dark.scss +1 -1
  22. package/styles/calendar/bootstrap.scss +1 -1
  23. package/styles/calendar/bootstrap4.scss +1 -1
  24. package/styles/calendar/bootstrap5-dark.scss +1 -1
  25. package/styles/calendar/bootstrap5.scss +1 -1
  26. package/styles/calendar/fabric-dark.scss +1 -1
  27. package/styles/calendar/fabric.scss +1 -1
  28. package/styles/calendar/fluent-dark.scss +1 -1
  29. package/styles/calendar/fluent.scss +1 -1
  30. package/styles/calendar/highcontrast-light.scss +1 -1
  31. package/styles/calendar/highcontrast.scss +1 -1
  32. package/styles/calendar/material-dark.css +0 -1
  33. package/styles/calendar/material-dark.scss +1 -1
  34. package/styles/calendar/material.css +0 -1
  35. package/styles/calendar/material.scss +1 -1
  36. package/styles/calendar/material3-dark.css +0 -1
  37. package/styles/calendar/material3-dark.scss +1 -1
  38. package/styles/calendar/material3.css +0 -1
  39. package/styles/calendar/material3.scss +1 -1
  40. package/styles/calendar/tailwind-dark.css +0 -1
  41. package/styles/calendar/tailwind-dark.scss +1 -1
  42. package/styles/calendar/tailwind.css +0 -1
  43. package/styles/calendar/tailwind.scss +1 -1
  44. package/styles/datepicker/_bootstrap-dark-definition.scss +5 -5
  45. package/styles/datepicker/_bootstrap-definition.scss +5 -5
  46. package/styles/datepicker/_bootstrap4-definition.scss +5 -5
  47. package/styles/datepicker/_bootstrap5-definition.scss +6 -6
  48. package/styles/datepicker/_fabric-dark-definition.scss +4 -4
  49. package/styles/datepicker/_fabric-definition.scss +6 -6
  50. package/styles/datepicker/_fluent-definition.scss +4 -4
  51. package/styles/datepicker/_fusionnew-definition.scss +5 -5
  52. package/styles/datepicker/_highcontrast-definition.scss +5 -5
  53. package/styles/datepicker/_highcontrast-light-definition.scss +5 -5
  54. package/styles/datepicker/_layout.scss +34 -9
  55. package/styles/datepicker/_material-dark-definition.scss +4 -4
  56. package/styles/datepicker/_material-definition.scss +4 -4
  57. package/styles/datepicker/_material3-definition.scss +4 -4
  58. package/styles/datepicker/_tailwind-definition.scss +8 -8
  59. package/styles/datepicker/bootstrap-dark.css +49 -19
  60. package/styles/datepicker/bootstrap-dark.scss +1 -1
  61. package/styles/datepicker/bootstrap.css +49 -19
  62. package/styles/datepicker/bootstrap.scss +1 -1
  63. package/styles/datepicker/bootstrap4.css +49 -19
  64. package/styles/datepicker/bootstrap4.scss +1 -1
  65. package/styles/datepicker/bootstrap5-dark.css +50 -20
  66. package/styles/datepicker/bootstrap5-dark.scss +1 -1
  67. package/styles/datepicker/bootstrap5.css +50 -20
  68. package/styles/datepicker/bootstrap5.scss +1 -1
  69. package/styles/datepicker/fabric-dark.css +48 -18
  70. package/styles/datepicker/fabric-dark.scss +1 -1
  71. package/styles/datepicker/fabric.css +49 -19
  72. package/styles/datepicker/fabric.scss +1 -1
  73. package/styles/datepicker/fluent-dark.css +48 -18
  74. package/styles/datepicker/fluent-dark.scss +1 -1
  75. package/styles/datepicker/fluent.css +48 -18
  76. package/styles/datepicker/fluent.scss +1 -1
  77. package/styles/datepicker/highcontrast-light.css +49 -19
  78. package/styles/datepicker/highcontrast-light.scss +1 -1
  79. package/styles/datepicker/highcontrast.css +49 -19
  80. package/styles/datepicker/highcontrast.scss +1 -1
  81. package/styles/datepicker/material-dark.css +48 -19
  82. package/styles/datepicker/material-dark.scss +1 -1
  83. package/styles/datepicker/material.css +48 -19
  84. package/styles/datepicker/material.scss +1 -1
  85. package/styles/datepicker/material3-dark.css +48 -19
  86. package/styles/datepicker/material3-dark.scss +1 -1
  87. package/styles/datepicker/material3.css +48 -19
  88. package/styles/datepicker/material3.scss +1 -1
  89. package/styles/datepicker/tailwind-dark.css +52 -23
  90. package/styles/datepicker/tailwind-dark.scss +1 -1
  91. package/styles/datepicker/tailwind.css +52 -23
  92. package/styles/datepicker/tailwind.scss +1 -1
  93. package/styles/daterangepicker/_bootstrap-dark-definition.scss +4 -4
  94. package/styles/daterangepicker/_bootstrap-definition.scss +4 -4
  95. package/styles/daterangepicker/_bootstrap4-definition.scss +4 -4
  96. package/styles/daterangepicker/_bootstrap5-definition.scss +4 -4
  97. package/styles/daterangepicker/_fabric-dark-definition.scss +4 -4
  98. package/styles/daterangepicker/_fabric-definition.scss +4 -4
  99. package/styles/daterangepicker/_fluent-definition.scss +4 -4
  100. package/styles/daterangepicker/_fusionnew-definition.scss +4 -4
  101. package/styles/daterangepicker/_highcontrast-definition.scss +4 -4
  102. package/styles/daterangepicker/_highcontrast-light-definition.scss +4 -4
  103. package/styles/daterangepicker/_layout.scss +48 -19
  104. package/styles/daterangepicker/_material-dark-definition.scss +4 -4
  105. package/styles/daterangepicker/_material-definition.scss +4 -4
  106. package/styles/daterangepicker/_material3-definition.scss +8 -5
  107. package/styles/daterangepicker/_tailwind-definition.scss +5 -5
  108. package/styles/daterangepicker/bootstrap-dark.css +30 -26
  109. package/styles/daterangepicker/bootstrap-dark.scss +1 -1
  110. package/styles/daterangepicker/bootstrap.css +30 -26
  111. package/styles/daterangepicker/bootstrap.scss +1 -1
  112. package/styles/daterangepicker/bootstrap4.css +30 -26
  113. package/styles/daterangepicker/bootstrap4.scss +1 -1
  114. package/styles/daterangepicker/bootstrap5-dark.css +30 -26
  115. package/styles/daterangepicker/bootstrap5-dark.scss +1 -1
  116. package/styles/daterangepicker/bootstrap5.css +30 -26
  117. package/styles/daterangepicker/bootstrap5.scss +1 -1
  118. package/styles/daterangepicker/fabric-dark.css +30 -26
  119. package/styles/daterangepicker/fabric-dark.scss +1 -1
  120. package/styles/daterangepicker/fabric.css +30 -26
  121. package/styles/daterangepicker/fabric.scss +1 -1
  122. package/styles/daterangepicker/fluent-dark.css +30 -26
  123. package/styles/daterangepicker/fluent-dark.scss +1 -1
  124. package/styles/daterangepicker/fluent.css +30 -26
  125. package/styles/daterangepicker/fluent.scss +1 -1
  126. package/styles/daterangepicker/highcontrast-light.css +30 -26
  127. package/styles/daterangepicker/highcontrast-light.scss +1 -1
  128. package/styles/daterangepicker/highcontrast.css +30 -26
  129. package/styles/daterangepicker/highcontrast.scss +1 -1
  130. package/styles/daterangepicker/material-dark.css +30 -27
  131. package/styles/daterangepicker/material-dark.scss +1 -1
  132. package/styles/daterangepicker/material.css +30 -27
  133. package/styles/daterangepicker/material.scss +1 -1
  134. package/styles/daterangepicker/material3-dark.css +53 -28
  135. package/styles/daterangepicker/material3-dark.scss +1 -1
  136. package/styles/daterangepicker/material3.css +53 -28
  137. package/styles/daterangepicker/material3.scss +1 -1
  138. package/styles/daterangepicker/tailwind-dark.css +31 -28
  139. package/styles/daterangepicker/tailwind-dark.scss +1 -1
  140. package/styles/daterangepicker/tailwind.css +31 -28
  141. package/styles/daterangepicker/tailwind.scss +1 -1
  142. package/styles/datetimepicker/bootstrap-dark.scss +1 -1
  143. package/styles/datetimepicker/bootstrap.scss +1 -1
  144. package/styles/datetimepicker/bootstrap4.scss +1 -1
  145. package/styles/datetimepicker/bootstrap5-dark.scss +1 -1
  146. package/styles/datetimepicker/bootstrap5.scss +1 -1
  147. package/styles/datetimepicker/fabric-dark.scss +1 -1
  148. package/styles/datetimepicker/fabric.scss +1 -1
  149. package/styles/datetimepicker/fluent-dark.scss +1 -1
  150. package/styles/datetimepicker/fluent.scss +1 -1
  151. package/styles/datetimepicker/highcontrast-light.scss +1 -1
  152. package/styles/datetimepicker/highcontrast.scss +1 -1
  153. package/styles/datetimepicker/material-dark.css +0 -1
  154. package/styles/datetimepicker/material-dark.scss +1 -1
  155. package/styles/datetimepicker/material.css +0 -1
  156. package/styles/datetimepicker/material.scss +1 -1
  157. package/styles/datetimepicker/material3-dark.css +0 -1
  158. package/styles/datetimepicker/material3-dark.scss +1 -1
  159. package/styles/datetimepicker/material3.css +0 -1
  160. package/styles/datetimepicker/material3.scss +1 -1
  161. package/styles/datetimepicker/tailwind-dark.css +0 -1
  162. package/styles/datetimepicker/tailwind-dark.scss +1 -1
  163. package/styles/datetimepicker/tailwind.css +0 -1
  164. package/styles/datetimepicker/tailwind.scss +1 -1
  165. package/styles/fabric-dark.css +90 -39
  166. package/styles/fabric.css +103 -52
  167. package/styles/fluent-dark.css +90 -39
  168. package/styles/fluent.css +90 -39
  169. package/styles/highcontrast-light.css +91 -40
  170. package/styles/highcontrast.css +91 -40
  171. package/styles/material-dark.css +90 -40
  172. package/styles/material.css +90 -40
  173. package/styles/material3-dark.css +113 -41
  174. package/styles/material3-dark.scss +1 -1
  175. package/styles/material3.css +113 -41
  176. package/styles/material3.scss +1 -1
  177. package/styles/tailwind-dark.css +95 -49
  178. package/styles/tailwind.css +95 -49
  179. package/styles/timepicker/_bootstrap-dark-definition.scss +2 -2
  180. package/styles/timepicker/_bootstrap-definition.scss +2 -2
  181. package/styles/timepicker/_bootstrap4-definition.scss +2 -2
  182. package/styles/timepicker/_bootstrap5-definition.scss +2 -2
  183. package/styles/timepicker/_fabric-dark-definition.scss +2 -2
  184. package/styles/timepicker/_fabric-definition.scss +4 -4
  185. package/styles/timepicker/_fluent-definition.scss +2 -2
  186. package/styles/timepicker/_fusionnew-definition.scss +2 -2
  187. package/styles/timepicker/_highcontrast-definition.scss +2 -2
  188. package/styles/timepicker/_highcontrast-light-definition.scss +2 -2
  189. package/styles/timepicker/_layout.scss +16 -0
  190. package/styles/timepicker/_material-dark-definition.scss +2 -2
  191. package/styles/timepicker/_material-definition.scss +2 -2
  192. package/styles/timepicker/_material3-definition.scss +2 -2
  193. package/styles/timepicker/_tailwind-definition.scss +2 -2
  194. package/styles/timepicker/_theme.scss +1 -0
  195. package/styles/timepicker/bootstrap-dark.css +19 -2
  196. package/styles/timepicker/bootstrap-dark.scss +1 -1
  197. package/styles/timepicker/bootstrap.css +19 -2
  198. package/styles/timepicker/bootstrap.scss +1 -1
  199. package/styles/timepicker/bootstrap4.css +19 -2
  200. package/styles/timepicker/bootstrap4.scss +1 -1
  201. package/styles/timepicker/bootstrap5-dark.css +19 -2
  202. package/styles/timepicker/bootstrap5-dark.scss +1 -1
  203. package/styles/timepicker/bootstrap5.css +19 -2
  204. package/styles/timepicker/bootstrap5.scss +1 -1
  205. package/styles/timepicker/fabric-dark.css +19 -2
  206. package/styles/timepicker/fabric-dark.scss +1 -1
  207. package/styles/timepicker/fabric.css +22 -5
  208. package/styles/timepicker/fabric.scss +1 -1
  209. package/styles/timepicker/fluent-dark.css +19 -2
  210. package/styles/timepicker/fluent-dark.scss +1 -1
  211. package/styles/timepicker/fluent.css +19 -2
  212. package/styles/timepicker/fluent.scss +1 -1
  213. package/styles/timepicker/highcontrast-light.css +19 -2
  214. package/styles/timepicker/highcontrast-light.scss +1 -1
  215. package/styles/timepicker/highcontrast.css +19 -2
  216. package/styles/timepicker/highcontrast.scss +1 -1
  217. package/styles/timepicker/material-dark.css +19 -3
  218. package/styles/timepicker/material-dark.scss +1 -1
  219. package/styles/timepicker/material.css +19 -3
  220. package/styles/timepicker/material.scss +1 -1
  221. package/styles/timepicker/material3-dark.css +19 -3
  222. package/styles/timepicker/material3-dark.scss +1 -1
  223. package/styles/timepicker/material3.css +19 -3
  224. package/styles/timepicker/material3.scss +1 -1
  225. package/styles/timepicker/tailwind-dark.css +19 -3
  226. package/styles/timepicker/tailwind-dark.scss +1 -1
  227. package/styles/timepicker/tailwind.css +19 -3
  228. package/styles/timepicker/tailwind.scss +1 -1
@@ -1472,6 +1472,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
1472
1472
  }
1473
1473
  this.todayElement = null;
1474
1474
  this.tableBodyElement = null;
1475
+ this.todayButtonEvent = null;
1475
1476
  this.renderDayCellArgs = null;
1476
1477
  this.headerElement = null;
1477
1478
  this.nextIcon = null;
@@ -2419,6 +2420,7 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
2419
2420
  Calendar.prototype.destroy = function () {
2420
2421
  _super.prototype.destroy.call(this);
2421
2422
  if (this.getModuleName() === 'calendar') {
2423
+ this.changedArgs = null;
2422
2424
  var form = closest(this.element, 'form');
2423
2425
  if (form) {
2424
2426
  EventHandler.remove(form, 'reset', this.formResetHandler.bind(this));
@@ -5915,7 +5917,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
5915
5917
  this.show(null, e);
5916
5918
  if (!this.isMobile) {
5917
5919
  if (!isNullOrUndefined(this.leftCalendar)) {
5920
+ this.isRangeIconClicked = false;
5918
5921
  this.calendarFocus();
5922
+ this.isRangeIconClicked = true;
5919
5923
  }
5920
5924
  }
5921
5925
  addClass([this.inputWrapper.container], [INPUTFOCUS$1]);
@@ -7086,11 +7090,16 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
7086
7090
  if (event) {
7087
7091
  leftCalendar = closest(event.target, '.' + LEFTCALENDER);
7088
7092
  }
7089
- if (event && isNullOrUndefined(leftCalendar)) {
7090
- rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
7093
+ if (!isNullOrUndefined(leftCalendar)) {
7094
+ this.leftCalendar.children[1].firstElementChild.focus();
7091
7095
  }
7092
- if (!isNullOrUndefined(leftCalendar) || !isNullOrUndefined(rightCalendar)) {
7093
- this.inputWrapper.container.focus();
7096
+ else {
7097
+ if (event) {
7098
+ rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
7099
+ }
7100
+ if (!isNullOrUndefined(rightCalendar)) {
7101
+ this.rightCalendar.children[1].firstElementChild.focus();
7102
+ }
7094
7103
  }
7095
7104
  addClass([ele], SELECTED$3);
7096
7105
  this.calendarIconEvent();
@@ -8336,7 +8345,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8336
8345
  EventHandler.remove(document, 'keydown', _this.popupCloseHandler);
8337
8346
  }
8338
8347
  }, targetExitViewport: function () {
8339
- if (!Browser.isDevice) {
8348
+ var popupEle = _this.popupObj && _this.popupObj.element;
8349
+ if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < popupEle.parentElement.getBoundingClientRect().height) {
8340
8350
  _this.hide();
8341
8351
  }
8342
8352
  }
@@ -12998,7 +13008,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
12998
13008
  if (!_this.preventArgs.cancel && !_this.readonly) {
12999
13009
  var openAnimation = {
13000
13010
  name: 'FadeIn',
13001
- duration: ANIMATIONDURATION$1
13011
+ duration: ANIMATIONDURATION$1,
13002
13012
  };
13003
13013
  if (_this.zIndex === 1000) {
13004
13014
  _this.popupObject.show(new Animation(openAnimation), _this.element);