@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
@@ -1454,6 +1454,7 @@ let CalendarBase = class CalendarBase extends Component {
1454
1454
  }
1455
1455
  this.todayElement = null;
1456
1456
  this.tableBodyElement = null;
1457
+ this.todayButtonEvent = null;
1457
1458
  this.renderDayCellArgs = null;
1458
1459
  this.headerElement = null;
1459
1460
  this.nextIcon = null;
@@ -2397,6 +2398,7 @@ let Calendar = class Calendar extends CalendarBase {
2397
2398
  destroy() {
2398
2399
  super.destroy();
2399
2400
  if (this.getModuleName() === 'calendar') {
2401
+ this.changedArgs = null;
2400
2402
  const form = closest(this.element, 'form');
2401
2403
  if (form) {
2402
2404
  EventHandler.remove(form, 'reset', this.formResetHandler.bind(this));
@@ -5839,7 +5841,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
5839
5841
  this.show(null, e);
5840
5842
  if (!this.isMobile) {
5841
5843
  if (!isNullOrUndefined(this.leftCalendar)) {
5844
+ this.isRangeIconClicked = false;
5842
5845
  this.calendarFocus();
5846
+ this.isRangeIconClicked = true;
5843
5847
  }
5844
5848
  }
5845
5849
  addClass([this.inputWrapper.container], [INPUTFOCUS$1]);
@@ -7001,11 +7005,16 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
7001
7005
  if (event) {
7002
7006
  leftCalendar = closest(event.target, '.' + LEFTCALENDER);
7003
7007
  }
7004
- if (event && isNullOrUndefined(leftCalendar)) {
7005
- rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
7008
+ if (!isNullOrUndefined(leftCalendar)) {
7009
+ this.leftCalendar.children[1].firstElementChild.focus();
7006
7010
  }
7007
- if (!isNullOrUndefined(leftCalendar) || !isNullOrUndefined(rightCalendar)) {
7008
- this.inputWrapper.container.focus();
7011
+ else {
7012
+ if (event) {
7013
+ rightCalendar = event && closest(event.target, '.' + RIGHTCALENDER);
7014
+ }
7015
+ if (!isNullOrUndefined(rightCalendar)) {
7016
+ this.rightCalendar.children[1].firstElementChild.focus();
7017
+ }
7009
7018
  }
7010
7019
  addClass([ele], SELECTED$3);
7011
7020
  this.calendarIconEvent();
@@ -8242,7 +8251,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8242
8251
  EventHandler.remove(document, 'keydown', this.popupCloseHandler);
8243
8252
  }
8244
8253
  }, targetExitViewport: () => {
8245
- if (!Browser.isDevice) {
8254
+ let popupEle = this.popupObj && this.popupObj.element;
8255
+ if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < popupEle.parentElement.getBoundingClientRect().height) {
8246
8256
  this.hide();
8247
8257
  }
8248
8258
  }
@@ -12854,7 +12864,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
12854
12864
  if (!this.preventArgs.cancel && !this.readonly) {
12855
12865
  const openAnimation = {
12856
12866
  name: 'FadeIn',
12857
- duration: ANIMATIONDURATION$1
12867
+ duration: ANIMATIONDURATION$1,
12858
12868
  };
12859
12869
  if (this.zIndex === 1000) {
12860
12870
  this.popupObject.show(new Animation(openAnimation), this.element);