@syncfusion/ej2-calendars 20.2.50 → 20.3.48

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 (262) hide show
  1. package/CHANGELOG.md +0 -6
  2. package/dist/ej2-calendars.min.js +10 -0
  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 +73 -57
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +73 -57
  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 +4 -5
  14. package/src/calendar/islamic.js +4 -4
  15. package/src/datepicker/datepicker.js +12 -10
  16. package/src/daterangepicker/daterangepicker.d.ts +1 -0
  17. package/src/daterangepicker/daterangepicker.js +30 -18
  18. package/src/datetimepicker/datetimepicker.js +7 -8
  19. package/src/timepicker/timepicker.js +16 -12
  20. package/styles/bootstrap-dark.css +13 -184
  21. package/styles/bootstrap.css +13 -184
  22. package/styles/bootstrap4.css +13 -184
  23. package/styles/bootstrap5-dark.css +18 -186
  24. package/styles/bootstrap5.css +18 -186
  25. package/styles/calendar/_all.scss +1 -1
  26. package/styles/calendar/_bootstrap-dark-definition.scss +8 -7
  27. package/styles/calendar/_bootstrap-definition.scss +6 -6
  28. package/styles/calendar/_bootstrap4-definition.scss +6 -5
  29. package/styles/calendar/_bootstrap5-definition.scss +29 -3
  30. package/styles/calendar/_fabric-dark-definition.scss +4 -1
  31. package/styles/calendar/_fabric-definition.scss +1 -0
  32. package/styles/calendar/_fluent-definition.scss +30 -4
  33. package/styles/calendar/_fusionnew-definition.scss +29 -3
  34. package/styles/calendar/_highcontrast-light-definition.scss +3 -1
  35. package/styles/calendar/_layout.scss +153 -95
  36. package/styles/calendar/_material-dark-definition.scss +3 -1
  37. package/styles/calendar/_material3-definition.scss +29 -3
  38. package/styles/calendar/_tailwind-definition.scss +27 -5
  39. package/styles/calendar/_theme.scss +111 -66
  40. package/styles/calendar/bootstrap-dark.css +1 -0
  41. package/styles/calendar/bootstrap.css +1 -0
  42. package/styles/calendar/bootstrap4.css +1 -0
  43. package/styles/calendar/bootstrap5-dark.css +1 -0
  44. package/styles/calendar/bootstrap5.css +1 -0
  45. package/styles/calendar/fabric-dark.css +1 -0
  46. package/styles/calendar/fabric.css +1 -0
  47. package/styles/calendar/fluent-dark.css +1 -0
  48. package/styles/calendar/fluent.css +1 -0
  49. package/styles/calendar/highcontrast-light.css +1 -0
  50. package/styles/calendar/highcontrast.css +1 -0
  51. package/styles/calendar/icons/_bootstrap-dark.scss +2 -1
  52. package/styles/calendar/icons/_bootstrap.scss +2 -1
  53. package/styles/calendar/icons/_bootstrap4.scss +2 -1
  54. package/styles/calendar/icons/_bootstrap5.scss +2 -1
  55. package/styles/calendar/icons/_fabric-dark.scss +2 -1
  56. package/styles/calendar/icons/_fabric.scss +2 -1
  57. package/styles/calendar/icons/_fluent.scss +2 -1
  58. package/styles/calendar/icons/_fusionnew.scss +2 -1
  59. package/styles/calendar/icons/_highcontrast-light.scss +2 -1
  60. package/styles/calendar/icons/_highcontrast.scss +2 -1
  61. package/styles/calendar/icons/_material-dark.scss +2 -1
  62. package/styles/calendar/icons/_material.scss +2 -1
  63. package/styles/calendar/icons/_material3.scss +2 -1
  64. package/styles/calendar/icons/_tailwind.scss +2 -1
  65. package/styles/calendar/material-dark.css +1 -0
  66. package/styles/calendar/material.css +1 -0
  67. package/styles/calendar/tailwind-dark.css +2 -0
  68. package/styles/calendar/tailwind.css +2 -0
  69. package/styles/datepicker/_all.scss +1 -1
  70. package/styles/datepicker/_bootstrap-dark-definition.scss +4 -1
  71. package/styles/datepicker/_bootstrap-definition.scss +2 -0
  72. package/styles/datepicker/_bootstrap4-definition.scss +2 -0
  73. package/styles/datepicker/_bootstrap5-definition.scss +5 -1
  74. package/styles/datepicker/_fabric-dark-definition.scss +3 -0
  75. package/styles/datepicker/_fabric-definition.scss +2 -0
  76. package/styles/datepicker/_fluent-definition.scss +4 -1
  77. package/styles/datepicker/_fusionnew-definition.scss +5 -1
  78. package/styles/datepicker/_highcontrast-definition.scss +2 -0
  79. package/styles/datepicker/_highcontrast-light-definition.scss +4 -1
  80. package/styles/datepicker/_layout.scss +23 -18
  81. package/styles/datepicker/_material-dark-definition.scss +4 -1
  82. package/styles/datepicker/_material-definition.scss +2 -0
  83. package/styles/datepicker/_material3-definition.scss +5 -1
  84. package/styles/datepicker/_tailwind-definition.scss +5 -1
  85. package/styles/datepicker/_theme.scss +7 -7
  86. package/styles/datepicker/bootstrap-dark.css +3 -80
  87. package/styles/datepicker/bootstrap.css +3 -80
  88. package/styles/datepicker/bootstrap4.css +3 -80
  89. package/styles/datepicker/bootstrap5-dark.css +4 -81
  90. package/styles/datepicker/bootstrap5.css +4 -81
  91. package/styles/datepicker/fabric-dark.css +3 -80
  92. package/styles/datepicker/fabric.css +3 -80
  93. package/styles/datepicker/fluent-dark.css +4 -81
  94. package/styles/datepicker/fluent.css +4 -81
  95. package/styles/datepicker/highcontrast-light.css +3 -80
  96. package/styles/datepicker/highcontrast.css +3 -80
  97. package/styles/datepicker/icons/_bootstrap-dark.scss +7 -6
  98. package/styles/datepicker/icons/_bootstrap.scss +7 -6
  99. package/styles/datepicker/icons/_bootstrap4.scss +7 -6
  100. package/styles/datepicker/icons/_bootstrap5.scss +7 -6
  101. package/styles/datepicker/icons/_fabric-dark.scss +6 -5
  102. package/styles/datepicker/icons/_fabric.scss +7 -6
  103. package/styles/datepicker/icons/_fluent.scss +7 -6
  104. package/styles/datepicker/icons/_fusionnew.scss +7 -6
  105. package/styles/datepicker/icons/_highcontrast-light.scss +7 -6
  106. package/styles/datepicker/icons/_highcontrast.scss +7 -7
  107. package/styles/datepicker/icons/_material-dark.scss +7 -6
  108. package/styles/datepicker/icons/_material.scss +7 -6
  109. package/styles/datepicker/icons/_material3.scss +7 -6
  110. package/styles/datepicker/icons/_tailwind.scss +7 -6
  111. package/styles/datepicker/material-dark.css +3 -80
  112. package/styles/datepicker/material.css +9 -3
  113. package/styles/datepicker/tailwind-dark.css +4 -81
  114. package/styles/datepicker/tailwind.css +4 -81
  115. package/styles/daterangepicker/_all.scss +1 -1
  116. package/styles/daterangepicker/_bootstrap-dark-definition.scss +4 -0
  117. package/styles/daterangepicker/_bootstrap-definition.scss +5 -1
  118. package/styles/daterangepicker/_bootstrap4-definition.scss +4 -0
  119. package/styles/daterangepicker/_bootstrap5-definition.scss +7 -0
  120. package/styles/daterangepicker/_fabric-dark-definition.scss +7 -2
  121. package/styles/daterangepicker/_fabric-definition.scss +5 -1
  122. package/styles/daterangepicker/_fluent-definition.scss +6 -1
  123. package/styles/daterangepicker/_fusionnew-definition.scss +6 -0
  124. package/styles/daterangepicker/_highcontrast-definition.scss +6 -2
  125. package/styles/daterangepicker/_highcontrast-light-definition.scss +8 -3
  126. package/styles/daterangepicker/_layout.scss +144 -71
  127. package/styles/daterangepicker/_material-dark-definition.scss +7 -2
  128. package/styles/daterangepicker/_material-definition.scss +6 -1
  129. package/styles/daterangepicker/_material3-definition.scss +6 -0
  130. package/styles/daterangepicker/_tailwind-definition.scss +5 -0
  131. package/styles/daterangepicker/_theme.scss +55 -27
  132. package/styles/daterangepicker/bootstrap-dark.css +3 -104
  133. package/styles/daterangepicker/bootstrap.css +3 -104
  134. package/styles/daterangepicker/bootstrap4.css +3 -104
  135. package/styles/daterangepicker/bootstrap5-dark.css +5 -105
  136. package/styles/daterangepicker/bootstrap5.css +5 -105
  137. package/styles/daterangepicker/fabric-dark.css +3 -104
  138. package/styles/daterangepicker/fabric.css +3 -104
  139. package/styles/daterangepicker/fluent-dark.css +4 -105
  140. package/styles/daterangepicker/fluent.css +4 -105
  141. package/styles/daterangepicker/highcontrast-light.css +3 -104
  142. package/styles/daterangepicker/highcontrast.css +3 -104
  143. package/styles/daterangepicker/icons/_bootstrap-dark.scss +13 -8
  144. package/styles/daterangepicker/icons/_bootstrap.scss +13 -8
  145. package/styles/daterangepicker/icons/_bootstrap4.scss +13 -8
  146. package/styles/daterangepicker/icons/_bootstrap5.scss +13 -8
  147. package/styles/daterangepicker/icons/_fabric-dark.scss +13 -8
  148. package/styles/daterangepicker/icons/_fabric.scss +13 -8
  149. package/styles/daterangepicker/icons/_fluent.scss +13 -8
  150. package/styles/daterangepicker/icons/_fusionnew.scss +13 -8
  151. package/styles/daterangepicker/icons/_highcontrast-light.scss +13 -8
  152. package/styles/daterangepicker/icons/_highcontrast.scss +13 -8
  153. package/styles/daterangepicker/icons/_material-dark.scss +13 -7
  154. package/styles/daterangepicker/icons/_material.scss +13 -7
  155. package/styles/daterangepicker/icons/_material3.scss +13 -8
  156. package/styles/daterangepicker/icons/_tailwind.scss +13 -8
  157. package/styles/daterangepicker/material-dark.css +5 -106
  158. package/styles/daterangepicker/material.css +12 -0
  159. package/styles/daterangepicker/tailwind-dark.css +5 -105
  160. package/styles/daterangepicker/tailwind.css +5 -105
  161. package/styles/datetimepicker/_all.scss +1 -1
  162. package/styles/datetimepicker/_bootstrap-dark-definition.scss +7 -3
  163. package/styles/datetimepicker/_bootstrap-definition.scss +6 -1
  164. package/styles/datetimepicker/_bootstrap4-definition.scss +6 -1
  165. package/styles/datetimepicker/_bootstrap5-definition.scss +5 -0
  166. package/styles/datetimepicker/_fabric-dark-definition.scss +5 -0
  167. package/styles/datetimepicker/_fabric-definition.scss +4 -0
  168. package/styles/datetimepicker/_fluent-definition.scss +8 -3
  169. package/styles/datetimepicker/_fusionnew-definition.scss +5 -0
  170. package/styles/datetimepicker/_highcontrast-definition.scss +4 -0
  171. package/styles/datetimepicker/_highcontrast-light-definition.scss +6 -1
  172. package/styles/datetimepicker/_layout.scss +2 -3
  173. package/styles/datetimepicker/_material-dark-definition.scss +6 -1
  174. package/styles/datetimepicker/_material-definition.scss +4 -0
  175. package/styles/datetimepicker/_material3-definition.scss +5 -0
  176. package/styles/datetimepicker/_tailwind-definition.scss +5 -0
  177. package/styles/datetimepicker/_theme.scss +2 -1
  178. package/styles/datetimepicker/bootstrap-dark.css +2 -0
  179. package/styles/datetimepicker/bootstrap.css +2 -0
  180. package/styles/datetimepicker/bootstrap4.css +2 -0
  181. package/styles/datetimepicker/bootstrap5-dark.css +3 -0
  182. package/styles/datetimepicker/bootstrap5.css +3 -0
  183. package/styles/datetimepicker/fabric-dark.css +2 -0
  184. package/styles/datetimepicker/fabric.css +2 -0
  185. package/styles/datetimepicker/fluent-dark.css +3 -0
  186. package/styles/datetimepicker/fluent.css +3 -0
  187. package/styles/datetimepicker/highcontrast-light.css +2 -0
  188. package/styles/datetimepicker/highcontrast.css +2 -0
  189. package/styles/datetimepicker/icons/_bootstrap-dark.scss +1 -1
  190. package/styles/datetimepicker/icons/_bootstrap.scss +1 -1
  191. package/styles/datetimepicker/icons/_bootstrap4.scss +1 -1
  192. package/styles/datetimepicker/icons/_bootstrap5.scss +1 -1
  193. package/styles/datetimepicker/icons/_fabric-dark.scss +1 -1
  194. package/styles/datetimepicker/icons/_fabric.scss +1 -1
  195. package/styles/datetimepicker/icons/_fluent.scss +1 -1
  196. package/styles/datetimepicker/icons/_fusionnew.scss +1 -1
  197. package/styles/datetimepicker/icons/_highcontrast-light.scss +1 -0
  198. package/styles/datetimepicker/icons/_highcontrast.scss +1 -1
  199. package/styles/datetimepicker/icons/_material-dark.scss +1 -1
  200. package/styles/datetimepicker/icons/_material.scss +1 -0
  201. package/styles/datetimepicker/icons/_material3.scss +1 -1
  202. package/styles/datetimepicker/icons/_tailwind.scss +1 -1
  203. package/styles/datetimepicker/material-dark.css +2 -0
  204. package/styles/datetimepicker/material.css +2 -0
  205. package/styles/datetimepicker/tailwind-dark.css +3 -0
  206. package/styles/datetimepicker/tailwind.css +3 -0
  207. package/styles/fabric-dark.css +13 -184
  208. package/styles/fabric.css +13 -186
  209. package/styles/fluent-dark.css +17 -186
  210. package/styles/fluent.css +17 -186
  211. package/styles/highcontrast-light.css +13 -184
  212. package/styles/highcontrast.css +13 -184
  213. package/styles/material-dark.css +15 -186
  214. package/styles/material.css +28 -3
  215. package/styles/tailwind-dark.css +19 -186
  216. package/styles/tailwind.css +19 -186
  217. package/styles/timepicker/_all.scss +1 -1
  218. package/styles/timepicker/_bootstrap-dark-definition.scss +6 -1
  219. package/styles/timepicker/_bootstrap-definition.scss +4 -0
  220. package/styles/timepicker/_bootstrap4-definition.scss +5 -0
  221. package/styles/timepicker/_bootstrap5-definition.scss +5 -0
  222. package/styles/timepicker/_fabric-dark-definition.scss +6 -1
  223. package/styles/timepicker/_fabric-definition.scss +4 -0
  224. package/styles/timepicker/_fluent-definition.scss +5 -0
  225. package/styles/timepicker/_fusionnew-definition.scss +5 -0
  226. package/styles/timepicker/_highcontrast-definition.scss +4 -0
  227. package/styles/timepicker/_highcontrast-light-definition.scss +6 -1
  228. package/styles/timepicker/_layout.scss +4 -5
  229. package/styles/timepicker/_material-dark-definition.scss +6 -1
  230. package/styles/timepicker/_material-definition.scss +4 -0
  231. package/styles/timepicker/_material3-definition.scss +5 -0
  232. package/styles/timepicker/_tailwind-definition.scss +5 -0
  233. package/styles/timepicker/_theme.scss +2 -1
  234. package/styles/timepicker/bootstrap-dark.css +4 -0
  235. package/styles/timepicker/bootstrap.css +4 -0
  236. package/styles/timepicker/bootstrap4.css +4 -0
  237. package/styles/timepicker/bootstrap5-dark.css +5 -0
  238. package/styles/timepicker/bootstrap5.css +5 -0
  239. package/styles/timepicker/fabric-dark.css +4 -0
  240. package/styles/timepicker/fabric.css +4 -0
  241. package/styles/timepicker/fluent-dark.css +5 -0
  242. package/styles/timepicker/fluent.css +5 -0
  243. package/styles/timepicker/highcontrast-light.css +4 -0
  244. package/styles/timepicker/highcontrast.css +4 -0
  245. package/styles/timepicker/icons/_bootstrap-dark.scss +1 -2
  246. package/styles/timepicker/icons/_bootstrap.scss +1 -2
  247. package/styles/timepicker/icons/_bootstrap4.scss +1 -2
  248. package/styles/timepicker/icons/_bootstrap5.scss +1 -2
  249. package/styles/timepicker/icons/_fabric-dark.scss +1 -2
  250. package/styles/timepicker/icons/_fabric.scss +1 -2
  251. package/styles/timepicker/icons/_fluent.scss +1 -2
  252. package/styles/timepicker/icons/_fusionnew.scss +1 -2
  253. package/styles/timepicker/icons/_highcontrast-light.scss +1 -2
  254. package/styles/timepicker/icons/_highcontrast.scss +1 -2
  255. package/styles/timepicker/icons/_material-dark.scss +1 -2
  256. package/styles/timepicker/icons/_material.scss +1 -1
  257. package/styles/timepicker/icons/_material3.scss +1 -2
  258. package/styles/timepicker/icons/_tailwind.scss +1 -2
  259. package/styles/timepicker/material-dark.css +4 -0
  260. package/styles/timepicker/material.css +4 -0
  261. package/styles/timepicker/tailwind-dark.css +5 -0
  262. package/styles/timepicker/tailwind.css +5 -0
@@ -1,75 +1,89 @@
1
- @include export-module('calendar-theme') {
1
+ @include export-module('calendar-theme') {
2
2
  #{&}.e-calendar,
3
3
  .e-bigger.e-small #{&}.e-calendar {
4
4
  background-color: $calendar-bg-color;
5
5
  border: $calendar-border-style;
6
- box-shadow: $calendar-box-shadow;#{if(&, '&', '*')} .e-date-icon-prev,
6
+ box-shadow: $calendar-box-shadow;
7
+ #{if(&, '&', '*')} .e-date-icon-prev,
7
8
  #{if(&, '&', '*')} .e-date-icon-next {
8
9
  color: $calendar-header-icon-color;
9
- }#{if(&, '&', '*')} th {
10
+ }
11
+ #{if(&, '&', '*')} th {
10
12
  border-bottom: 0;
11
13
  color: $calendar-week-header-font-color;
12
14
  }
13
15
  @at-root {
14
16
  #{if(&, '&', '*')} .e-header {
15
- border-bottom: 0;#{if(&, '&', '*')} a {
17
+ border-bottom: 0;
18
+ #{if(&, '&', '*')} a {
16
19
  #{if(&, '&', '*')} span {
17
20
  border: $calendar-default-border-color;
18
21
  color: $calendar-icon-font-color;
19
- }
20
- }#{if(&, '&', '*')} .e-title {
22
+ }
23
+ }
24
+ #{if(&, '&', '*')} .e-title {
21
25
  color: $calendar-title-font-color;
22
- }#{if(&, '&', '*')} .e-title:hover {
26
+ }
27
+ #{if(&, '&', '*')} .e-title:hover {
23
28
  color: $calendar-title-hover-color;
24
29
  cursor: pointer;
25
30
  text-decoration: $calendar-title-decoration-style;
26
- }
31
+ }
27
32
 
28
33
  #{if(&, '&', '*')} .e-prev:hover > span,
29
34
  #{if(&, '&', '*')} .e-next:hover > span {
30
35
  border: $calendar-icon-hover-border-color;
31
36
  color: $calendar-icon-hover-color;
32
37
  cursor: pointer;
33
- }
38
+ }
34
39
 
35
40
  #{if(&, '&', '*')} .e-prev:hover,
36
41
  #{if(&, '&', '*')} .e-next:hover {
37
42
  background: $calendar-icon-hover-bg-color;
38
- }
43
+ }
39
44
 
40
45
  #{if(&, '&', '*')} .e-prev:active,
41
46
  #{if(&, '&', '*')} .e-next:active {
42
47
  background: $calendar-active-state-icon-bg-color;
43
48
  color: $calendar-active-font-color;
44
- }#{if(&, '&', '*')} button.e-prev:active span,
49
+ }
50
+ #{if(&, '&', '*')} button.e-prev:active span,
45
51
  #{if(&, '&', '*')} button.e-next:active span {
46
52
  border: $calendar-selected-border-color;
47
53
  color: $calendar-active-icon-color;
48
- }#{if(&, '&', '*')}.e-decade .e-title {
54
+ }
55
+ #{if(&, '&', '*')}.e-decade .e-title {
49
56
  color: $calendar-light-font;
50
57
  cursor: default;
51
- }#{if(&, '&', '*')} .e-next.e-disabled span,
58
+ }
59
+ #{if(&, '&', '*')} .e-next.e-disabled span,
52
60
  #{if(&, '&', '*')} .e-prev.e-disabled span {
53
61
  color: $calendar-disable-font-color;
54
62
  font-weight: $calendar-disable-font-weight-style;
55
- }#{if(&, '&', '*')} .e-next.e-disabled,
63
+ }
64
+ #{if(&, '&', '*')} .e-next.e-disabled,
56
65
  #{if(&, '&', '*')} .e-prev.e-disabled {
57
66
  opacity: $calendar-disable-opacity;
58
- }
59
- }#{if(&, '&', '*')} .e-content {
67
+ }
68
+ }
69
+ #{if(&, '&', '*')} .e-content {
60
70
  #{if(&, '&', '*')}.e-decade tr:first-child .e-cell:first-child span.e-day,
61
71
  #{if(&, '&', '*')}.e-decade tr:last-child .e-cell:last-child span.e-day {
62
72
  color: $calendar-other-decade-cell-color;
63
- }#{if(&, '&', '*')}.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
73
+ }
74
+ #{if(&, '&', '*')}.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
64
75
  #{if(&, '&', '*')}.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
65
76
  color: $calendar-active-font-color;
66
- }#{if(&, '&', '*')}.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
77
+ }
78
+ #{if(&, '&', '*')}.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
67
79
  #{if(&, '&', '*')}.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
68
80
  color: $calendar-disable-font-color;
69
- }#{if(&, '&', '*')}.e-year td:hover span.e-day,
81
+ }
82
+ #{if(&, '&', '*')}.e-year td:hover span.e-day,
70
83
  #{if(&, '&', '*')}.e-decade td:hover span.e-day {
71
84
  background-color: $calendar-yeardecade-hover-bg;
72
- }#{if(&, '&', '*')}.e-year td.e-selected:hover span.e-day,
85
+ }
86
+ #{if(&, '&', '*')}.e-year td.e-selected:hover span.e-day,
73
87
  #{if(&, '&', '*')}.e-decade td.e-selected:hover span.e-day {
74
88
  background-color: $calendar-yeardecade-selected-hover-bg;
75
89
  }
@@ -77,11 +91,11 @@
77
91
  #{if(&, '&', '*')}.e-year td > span.e-day,
78
92
  #{if(&, '&', '*')}.e-decade td > span.e-day {
79
93
  background: $calendar-yeardecade-bg-color;
80
- }
94
+ }
81
95
 
82
96
  #{if(&, '&', '*')} .e-week-number span {
83
97
  color: $calendar-week-number-color-style;
84
- }
98
+ }
85
99
 
86
100
  #{if(&, '&', '*')} td.e-focused-date span.e-day,
87
101
  #{if(&, '&', '*')} td.e-focused-date:hover span.e-day,
@@ -95,12 +109,14 @@
95
109
  border-radius: $calendar-focused-state-border-radius;
96
110
  box-shadow: $calendar-focused-state-box-shadow;
97
111
  }
98
- }#{if(&, '&', '*')} td.e-focused-date:hover span.e-day {
112
+ }
113
+ #{if(&, '&', '*')} td.e-focused-date:hover span.e-day {
99
114
  background-color: $calendar-hover-color;
100
115
  border: $calendar-hover-border-color;
101
116
  border-radius: $calendar-border-radius;
102
117
  color: $calendar-text-color;
103
- }#{if(&, '&', '*')} td.e-today span.e-day,
118
+ }
119
+ #{if(&, '&', '*')} td.e-today span.e-day,
104
120
  #{if(&, '&', '*')} td.e-focused-date.e-today span.e-day {
105
121
  background: $calendar-today-bg-style;
106
122
  border: $calendar-today-border-color;
@@ -110,12 +126,14 @@
110
126
  @if ($skin-name == 'FluentUI') {
111
127
  border-radius: $calendar-border-selected-radius;
112
128
  }
113
- }#{if(&, '&', '*')} td.e-focused-date.e-today span.e-day {
129
+ }
130
+ #{if(&, '&', '*')} td.e-focused-date.e-today span.e-day {
114
131
  background: $calendar-focused-today-bg-style;
115
132
  border: $calendar-focused-today-border-style;
116
133
  box-shadow: $calendar-focused-today-box-shadow;
117
134
  color: $calendar-today-focused-font-color;
118
- }#{if(&, '&', '*')} td.e-today:focus span.e-day,
135
+ }
136
+ #{if(&, '&', '*')} td.e-today:focus span.e-day,
119
137
  #{if(&, '&', '*')} td.e-focused-date.e-today:focus span.e-day {
120
138
  background-color: $calendar-focus-bg-color;
121
139
  border: $calendar-focus-border-color;
@@ -125,7 +143,8 @@
125
143
  background-color: $calendar-focused-today-bg-style;
126
144
  border-radius: $calendar-border-selected-radius;
127
145
  }
128
- }#{if(&, '&', '*')} td.e-today:hover span.e-day,
146
+ }
147
+ #{if(&, '&', '*')} td.e-today:hover span.e-day,
129
148
  #{if(&, '&', '*')} td.e-focused-date.e-today:hover span.e-day,
130
149
  #{if(&, '&', '*')} td.e-focused-date.e-today:focus span.e-day {
131
150
  background-color: $calendar-hover-color;
@@ -135,7 +154,8 @@
135
154
  background-color: $calendar-today-bg-style;
136
155
  border-radius: $calendar-border-selected-radius;
137
156
  }
138
- }#{if(&, '&', '*')} td.e-today.e-selected span.e-day {
157
+ }
158
+ #{if(&, '&', '*')} td.e-today.e-selected span.e-day {
139
159
  background-color: $calendar-active-bg-color;
140
160
  border: $calendar-active-bg-border-color;
141
161
  @if ($skin-name == 'material' or $skin-name == 'material-dark') {
@@ -145,7 +165,8 @@
145
165
  box-shadow: $calendar-active-bg-box-shadow;
146
166
  }
147
167
  color: $calendar-active-today-font-color;
148
- }#{if(&, '&', '*')} td.e-today.e-selected:hover span.e-day,
168
+ }
169
+ #{if(&, '&', '*')} td.e-today.e-selected:hover span.e-day,
149
170
  #{if(&, '&', '*')} td.e-selected:hover span.e-day,
150
171
  #{if(&, '&', '*')} td.e-selected.e-focused-date span.e-day {
151
172
  background-color: $calendar-active-hover-bg-color;
@@ -155,20 +176,25 @@
155
176
  border-radius: $calendar-border-selected-radius;
156
177
  color: $calendar-today-color;
157
178
  }
158
- }#{if(&, '&', '*')} span {
179
+ }
180
+ #{if(&, '&', '*')} span {
159
181
  color: $calendar-text-color;
160
- }#{if(&, '&', '*')} .e-disabled span.e-day:hover {
182
+ }
183
+ #{if(&, '&', '*')} .e-disabled span.e-day:hover {
161
184
  background: $calendar-none-style;
162
185
  border: 0;
163
186
  color: $calendar-disable-font-color;
164
- }#{if(&, '&', '*')} .e-other-month:hover span.e-day {
187
+ }
188
+ #{if(&, '&', '*')} .e-other-month:hover span.e-day {
165
189
  @if ($skin-name != 'fabric-dark') {
166
190
  color: $calendar-other-month-date-hover-bg;
167
191
  }
168
- }#{if(&, '&', '*')} .e-other-month span.e-day,
192
+ }
193
+ #{if(&, '&', '*')} .e-other-month span.e-day,
169
194
  #{if(&, '&', '*')} .e-other-month.e-today span.e-day {
170
195
  color: $calendar-other-month-date;
171
- }#{if(&, '&', '*')} .e-other-month.e-today:hover span.e-day {
196
+ }
197
+ #{if(&, '&', '*')} .e-other-month.e-today:hover span.e-day {
172
198
  background-color: $calendar-hover-color;
173
199
  color: $calendar-other-month-date;
174
200
  @if ($skin-name == 'FluentUI') {
@@ -178,16 +204,19 @@
178
204
  box-shadow: $calendar-today-box-shadow;
179
205
  color: $calendar-today-color;
180
206
  }
181
- }#{if(&, '&', '*')} thead {
207
+ }
208
+ #{if(&, '&', '*')} thead {
182
209
  background: $calendar-week-header-bg-style;
183
210
  border-bottom: 0;
184
- }#{if(&, '&', '*')} td:hover span.e-day,
211
+ }
212
+ #{if(&, '&', '*')} td:hover span.e-day,
185
213
  #{if(&, '&', '*')} td:focus span.e-day {
186
214
  background-color: $calendar-hover-color;
187
215
  border: $calendar-hover-border-color;
188
216
  border-radius: $calendar-border-radius;
189
217
  color: $calendar-hover-text;
190
- }#{if(&, '&', '*')} td:focus span.e-day {
218
+ }
219
+ #{if(&, '&', '*')} td:focus span.e-day {
191
220
  background-color: $calendar-focus-bg-color;
192
221
  border: $calendar-focus-border-color;
193
222
  border-radius: $calendar-border-radius;
@@ -195,13 +224,15 @@
195
224
  @if ($skin-name == 'FluentUI') {
196
225
  border-radius: $calendar-border-selected-radius;
197
226
  }
198
- }#{if(&, '&', '*')} td.e-disabled span.e-day,
227
+ }
228
+ #{if(&, '&', '*')} td.e-disabled span.e-day,
199
229
  #{if(&, '&', '*')} td.e-disabled:hover span.e-day,
200
230
  #{if(&, '&', '*')} td.e-disabled:focus span.e-day {
201
231
  background: $calendar-none-style;
202
232
  border: $calendar-none-style;
203
233
  color: $calendar-disable-font-color;
204
- }#{if(&, '&', '*')} td.e-today.e-disabled.e-overlay span.e-day,
234
+ }
235
+ #{if(&, '&', '*')} td.e-today.e-disabled.e-overlay span.e-day,
205
236
  #{if(&, '&', '*')} td.e-today.e-disabled.e-overlay:hover span.e-day,
206
237
  #{if(&, '&', '*')} td.e-today.e-disabled.e-overlay:focus span.e-day {
207
238
  @if ($skin-name == 'FluentUI') {
@@ -209,18 +240,22 @@
209
240
  border-radius: $calendar-border-selected-radius;
210
241
  color: $calendar-today-color;
211
242
  }
212
- }#{if(&, '&', '*')} td.e-selected span.e-day {
243
+ }
244
+ #{if(&, '&', '*')} td.e-selected span.e-day {
213
245
  background-color: $calendar-active-bg-color;
214
246
  border: $calendar-selected-border-color;
215
247
  border-radius: $calendar-border-radius;
216
248
  color: $calendar-active-font-color;
217
- }#{if(&, '&', '*')} td.e-selected:not(.e-focused-date) span.e-day {
249
+ }
250
+ #{if(&, '&', '*')} td.e-selected:not(.e-focused-date) span.e-day {
218
251
  @if ($skin-name == 'FluentUI') {
219
252
  box-shadow: $calendar-selected-box-shadow;
220
253
  }
221
- }#{if(&, '&', '*')} .e-footer {
254
+ }
255
+ #{if(&, '&', '*')} .e-footer {
222
256
  color: $calendar-active-bg-color;
223
- }#{if(&, '&', '*')} td.e-today.e-selected.e-focused-date span.e-day,
257
+ }
258
+ #{if(&, '&', '*')} td.e-today.e-selected.e-focused-date span.e-day,
224
259
  #{if(&, '&', '*')} td.e-today.e-selected:hover span.e-day,
225
260
  #{if(&, '&', '*')} td.e-today.e-selected span.e-day {
226
261
  @if ($skin-name == 'FluentUI') {
@@ -228,37 +263,43 @@
228
263
  border-radius: $calendar-border-selected-radius;
229
264
  color: $calendar-today-color;
230
265
  }
231
- }#{if(&, '&', '*')} td.e-today.e-selected.e-focused-date {
266
+ }
267
+ #{if(&, '&', '*')} td.e-today.e-selected.e-focused-date {
232
268
  @if ($skin-name == 'FluentUI') {
233
269
  background-color: $calendar-active-bg-color;
234
270
  border-radius: $calendar-focused-state-border-radius;
235
271
  box-shadow: $calendar-focused-state-box-shadow;
236
272
  }
237
- }#{if(&, '&', '*')} td.e-today.e-selected {
273
+ }
274
+ #{if(&, '&', '*')} td.e-today.e-selected {
238
275
  @if ($skin-name == 'FluentUI') {
239
276
  background-color: $calendar-active-bg-color;
240
277
  border-radius: $calendar-wrapper-border-radius;
241
278
  box-shadow: $calendar-selected-box-shadow;
242
279
  }
243
- }#{if(&, '&', '*')} td.e-selected:hover span.e-day {
280
+ }
281
+ #{if(&, '&', '*')} td.e-selected:hover span.e-day {
244
282
  @if ($skin-name == 'FluentUI') {
245
283
  background-color: $calendar-active-bg-color;
246
284
  border: $calendar-selected-border-color;
247
285
  border-radius: $calendar-border-radius;
248
286
  color: $calendar-active-font-color;
249
287
  }
250
- }#{if(&, '&', '*')} td.e-selected.e-focused-date span.e-day {
288
+ }
289
+ #{if(&, '&', '*')} td.e-selected.e-focused-date span.e-day {
251
290
  @if ($skin-name == 'FluentUI') {
252
291
  background-color: $calendar-active-bg-color;
253
292
  border: $calendar-selected-border-color;
254
293
  border-radius: $calendar-focused-state-border-radius;
255
294
  color: $calendar-active-font-color;
256
295
  }
257
- }#{if(&, '&', '*')}.e-month td.e-today span.e-day {
296
+ }
297
+ #{if(&, '&', '*')}.e-month td.e-today span.e-day {
258
298
  @if ($skin-name == 'FluentUI') {
259
299
  color: $calendar-today-focused-font-color;
260
300
  }
261
- }#{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
301
+ }
302
+ #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
262
303
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
263
304
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
264
305
  #{if(&, '&', '*')}.e-decade td.e-selected:hover > span.e-day {
@@ -266,32 +307,37 @@
266
307
  background-color: $calendar-selected-month-bg-color;
267
308
  color: $calendar-week-header-font-color;
268
309
  }
269
- }#{if(&, '&', '*')}.e-year td.e-focused-date > span.e-day,
310
+ }
311
+ #{if(&, '&', '*')}.e-year td.e-focused-date > span.e-day,
270
312
  #{if(&, '&', '*')}.e-decade td.e-focused-date > span.e-day {
271
313
  @if ($skin-name == 'FluentUI') {
272
314
  background: $calendar-none-style;
273
315
  border-radius: 0;
274
316
  box-shadow: $calendar-focused-state-month-box-shadow;
275
- }
276
- }#{if(&, '&', '*')} td.e-focused-date.e-today {
317
+ }
318
+ }
319
+ #{if(&, '&', '*')} td.e-focused-date.e-today {
277
320
  @if ($skin-name == 'FluentUI') {
278
321
  border-radius: $calendar-focused-state-border-radius;
279
322
  box-shadow: $calendar-focused-state-box-shadow;
280
- }
281
- }#{if(&, '&', '*')} td.e-focused-date:hover span.e-day {
323
+ }
324
+ }
325
+ #{if(&, '&', '*')} td.e-focused-date:hover span.e-day {
282
326
  @if ($skin-name == 'FluentUI') {
283
327
  border-radius: $calendar-focused-state-border-radius;
284
- }
285
- }#{if(&, '&', '*')}.e-year td.e-focused-date:hover > span.e-day,
328
+ }
329
+ }
330
+ #{if(&, '&', '*')}.e-year td.e-focused-date:hover > span.e-day,
286
331
  #{if(&, '&', '*')}.e-decade td.e-focused-date:hover > span.e-day {
287
332
  @if ($skin-name == 'FluentUI') {
288
333
  background: $calendar-hover-color;
289
334
  border-radius: 0;
290
335
  box-shadow: $calendar-focused-state-month-box-shadow;
336
+ }
291
337
  }
338
+ }
292
339
  }
293
- }
294
- }#{if(&, '&', '*')}.e-device {
340
+ #{if(&, '&', '*')}.e-device {
295
341
  #{if(&, '&', '*')} .e-prev:hover,
296
342
  #{if(&, '&', '*')} .e-next:hover,
297
343
  #{if(&, '&', '*')} .e-prev:active,
@@ -299,16 +345,17 @@
299
345
  #{if(&, '&', '*')} .e-prev:focus,
300
346
  #{if(&, '&', '*')} .e-next:focus {
301
347
  background: $calendar-device-icon-hover-bg-color;
302
- }#{if(&, '&', '*')} button.e-prev:active span,
348
+ }
349
+ #{if(&, '&', '*')} button.e-prev:active span,
303
350
  #{if(&, '&', '*')} button.e-next:active span {
304
351
  color: $calendar-header-icon-color;
305
352
  }
306
- }
353
+ }
307
354
 
308
355
  #{if(&, '&', '*')} .e-footer-container {
309
356
  #{if(&, '&', '*')} .e-btn.e-today.e-flat.e-primary:not(:hover) {
310
357
  @if $skin-name == 'tailwind' {
311
- // sass-lint:disable no-vendor-prefixes
358
+ /* stylelint-disable property-no-vendor-prefix */
312
359
  -webkit-tap-highlight-color: transparent;
313
360
  background-color: $calendar-today-btn-primary-bgcolor;
314
361
  border-color: $calendar-today-btn-primary-border-color;
@@ -318,7 +365,6 @@
318
365
 
319
366
  #{if(&, '&', '*')} .e-btn.e-today.e-flat.e-primary.e-disabled {
320
367
  @if $skin-name == 'tailwind' {
321
- // sass-lint:disable no-vendor-prefixes
322
368
  -webkit-tap-highlight-color: transparent;
323
369
  background-color: $calendar-today-btn-primary-disabled-bgcolor;
324
370
  border-color: $calendar-today-btn-primary-disabled-border-color;
@@ -326,7 +372,7 @@
326
372
  }
327
373
  }
328
374
  }
329
- }
375
+ }
330
376
 
331
377
  .e-small#{&}.e-calendar,
332
378
  .e-small #{&}.e-calendar {
@@ -341,7 +387,6 @@
341
387
  #{if(&, '&', '*')} .e-footer-container {
342
388
  #{if(&, '&', '*')} .e-btn.e-today.e-flat.e-primary {
343
389
  @if $skin-name == 'tailwind' {
344
- // sass-lint:disable no-vendor-prefixes
345
390
  -webkit-tap-highlight-color: transparent;
346
391
  background-color: $calendar-today-btn-primary-disabled-bgcolor;
347
392
  border-color: $calendar-today-btn-primary-disabled-border-color;
@@ -358,12 +403,12 @@
358
403
  @keyframes animatezoom {
359
404
  from {
360
405
  transform: scale(0);
361
- }
406
+ }
362
407
 
363
408
  to {
364
409
  transform: scale(1);
365
- }
366
410
  }
411
+ }
367
412
 
368
413
  .e-calendar .e-btn.e-today.e-flat.e-primary,
369
414
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
@@ -36,6 +36,7 @@ ejs-calendar {
36
36
 
37
37
  .e-calendar,
38
38
  .e-bigger.e-small .e-calendar {
39
+ /* stylelint-disable property-no-vendor-prefix */
39
40
  -webkit-tap-highlight-color: transparent;
40
41
  border-radius: 4px;
41
42
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 4px;
42
43
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 4px;
42
43
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 4px;
42
43
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 4px;
42
43
  display: block;
@@ -36,6 +36,7 @@ ejs-calendar {
36
36
 
37
37
  .e-calendar,
38
38
  .e-bigger.e-small .e-calendar {
39
+ /* stylelint-disable property-no-vendor-prefix */
39
40
  -webkit-tap-highlight-color: transparent;
40
41
  border-radius: 0;
41
42
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
@@ -36,6 +36,7 @@ ejs-calendar {
36
36
 
37
37
  .e-calendar,
38
38
  .e-bigger.e-small .e-calendar {
39
+ /* stylelint-disable property-no-vendor-prefix */
39
40
  -webkit-tap-highlight-color: transparent;
40
41
  border-radius: 0;
41
42
  display: block;
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-material-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e910';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e916';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-material-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e910';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e916';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-bootstrap4-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e734';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e705';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-bootstrap5-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e776';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e729';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-fabric-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e85e';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e84f';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-fabric-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e85e';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e84f';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-fluent-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e7df';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e7d8';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-fusionnew-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e776';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e729';
@@ -1,9 +1,10 @@
1
1
  @include export-module('calendar-highcontrast-icons') {
2
+
2
3
  /*! component icons */
3
4
  .e-calendar .e-header {
4
5
  #{if(&, '&', '*')} .e-date-icon-prev::before {
5
6
  content: '\e85e';
6
- }
7
+ }
7
8
 
8
9
  #{if(&, '&', '*')} .e-date-icon-next::before {
9
10
  content: '\e84f';