@syncfusion/ej2-angular-calendars 20.2.46 → 20.2.50

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