@syncfusion/ej2-calendars 32.1.24 → 32.1.25

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 (257) hide show
  1. package/dist/ej2-calendars.min.js +1 -1
  2. package/dist/ej2-calendars.umd.min.js +1 -1
  3. package/dist/global/ej2-calendars.min.js +1 -1
  4. package/dist/global/index.d.ts +1 -1
  5. package/package.json +2 -2
  6. package/styles/bds-lite.css +558 -558
  7. package/styles/bds.css +646 -646
  8. package/styles/bootstrap-dark-lite.css +412 -412
  9. package/styles/bootstrap-dark.css +486 -486
  10. package/styles/bootstrap-lite.css +412 -412
  11. package/styles/bootstrap.css +623 -623
  12. package/styles/bootstrap4-lite.css +486 -486
  13. package/styles/bootstrap4.css +622 -622
  14. package/styles/bootstrap5-dark-lite.css +638 -638
  15. package/styles/bootstrap5-dark.css +637 -637
  16. package/styles/bootstrap5-lite.css +779 -779
  17. package/styles/bootstrap5.3-lite.css +657 -657
  18. package/styles/bootstrap5.3.css +1215 -1215
  19. package/styles/bootstrap5.css +637 -637
  20. package/styles/calendar/_all.bds.scss +1 -1
  21. package/styles/calendar/_all.bootstrap-dark.scss +1 -1
  22. package/styles/calendar/_all.bootstrap.scss +1 -1
  23. package/styles/calendar/_all.bootstrap4.scss +1 -1
  24. package/styles/calendar/_all.bootstrap5-dark.scss +1 -1
  25. package/styles/calendar/_all.bootstrap5.3.scss +1 -1
  26. package/styles/calendar/_all.bootstrap5.scss +1 -1
  27. package/styles/calendar/_all.fabric-dark.scss +1 -1
  28. package/styles/calendar/_all.fabric.scss +1 -1
  29. package/styles/calendar/_all.fluent-dark.scss +1 -1
  30. package/styles/calendar/_all.fluent.scss +1 -1
  31. package/styles/calendar/_all.fluent2.scss +1 -1
  32. package/styles/calendar/_all.highcontrast-light.scss +1 -1
  33. package/styles/calendar/_all.highcontrast.scss +1 -1
  34. package/styles/calendar/_all.material-dark.scss +1 -1
  35. package/styles/calendar/_all.material.scss +1 -1
  36. package/styles/calendar/_all.material3-dark.scss +1 -1
  37. package/styles/calendar/_all.material3.scss +1 -1
  38. package/styles/calendar/_all.tailwind-dark.scss +1 -1
  39. package/styles/calendar/_all.tailwind.scss +1 -1
  40. package/styles/calendar/_all.tailwind3.scss +1 -1
  41. package/styles/calendar/bds.css +256 -256
  42. package/styles/calendar/bootstrap-dark.css +231 -231
  43. package/styles/calendar/bootstrap.css +232 -232
  44. package/styles/calendar/bootstrap4.css +232 -232
  45. package/styles/calendar/bootstrap5-dark.css +497 -497
  46. package/styles/calendar/bootstrap5.3.css +491 -491
  47. package/styles/calendar/bootstrap5.css +498 -498
  48. package/styles/calendar/fabric-dark.css +228 -228
  49. package/styles/calendar/fabric.css +232 -232
  50. package/styles/calendar/fluent-dark.css +593 -593
  51. package/styles/calendar/fluent.css +593 -593
  52. package/styles/calendar/fluent2.css +578 -578
  53. package/styles/calendar/highcontrast-light.css +231 -231
  54. package/styles/calendar/highcontrast.css +232 -232
  55. package/styles/calendar/material-dark.css +231 -231
  56. package/styles/calendar/material.css +232 -232
  57. package/styles/calendar/material3-dark.css +485 -485
  58. package/styles/calendar/material3.css +485 -485
  59. package/styles/calendar/tailwind-dark.css +252 -252
  60. package/styles/calendar/tailwind.css +252 -252
  61. package/styles/calendar/tailwind3.css +526 -526
  62. package/styles/datepicker/_all.bds.scss +1 -1
  63. package/styles/datepicker/_all.bootstrap-dark.scss +1 -1
  64. package/styles/datepicker/_all.bootstrap.scss +1 -1
  65. package/styles/datepicker/_all.bootstrap4.scss +1 -1
  66. package/styles/datepicker/_all.bootstrap5-dark.scss +1 -1
  67. package/styles/datepicker/_all.bootstrap5.3.scss +1 -1
  68. package/styles/datepicker/_all.bootstrap5.scss +1 -1
  69. package/styles/datepicker/_all.fabric-dark.scss +1 -1
  70. package/styles/datepicker/_all.fabric.scss +1 -1
  71. package/styles/datepicker/_all.fluent-dark.scss +1 -1
  72. package/styles/datepicker/_all.fluent.scss +1 -1
  73. package/styles/datepicker/_all.fluent2.scss +1 -1
  74. package/styles/datepicker/_all.highcontrast-light.scss +1 -1
  75. package/styles/datepicker/_all.highcontrast.scss +1 -1
  76. package/styles/datepicker/_all.material-dark.scss +1 -1
  77. package/styles/datepicker/_all.material.scss +1 -1
  78. package/styles/datepicker/_all.material3-dark.scss +1 -1
  79. package/styles/datepicker/_all.material3.scss +1 -1
  80. package/styles/datepicker/_all.tailwind-dark.scss +1 -1
  81. package/styles/datepicker/_all.tailwind.scss +1 -1
  82. package/styles/datepicker/_all.tailwind3.scss +1 -1
  83. package/styles/datepicker/bds.css +27 -27
  84. package/styles/datepicker/bootstrap-dark.css +16 -16
  85. package/styles/datepicker/bootstrap.css +16 -16
  86. package/styles/datepicker/bootstrap4.css +25 -25
  87. package/styles/datepicker/bootstrap5-dark.css +22 -22
  88. package/styles/datepicker/bootstrap5.3.css +106 -106
  89. package/styles/datepicker/bootstrap5.css +22 -22
  90. package/styles/datepicker/fabric-dark.css +16 -16
  91. package/styles/datepicker/fabric.css +16 -16
  92. package/styles/datepicker/fluent-dark.css +23 -23
  93. package/styles/datepicker/fluent.css +23 -23
  94. package/styles/datepicker/fluent2.css +384 -384
  95. package/styles/datepicker/highcontrast-light.css +23 -23
  96. package/styles/datepicker/highcontrast.css +23 -23
  97. package/styles/datepicker/material-dark.css +23 -23
  98. package/styles/datepicker/material.css +23 -23
  99. package/styles/datepicker/material3-dark.css +108 -108
  100. package/styles/datepicker/material3.css +110 -110
  101. package/styles/datepicker/tailwind-dark.css +23 -23
  102. package/styles/datepicker/tailwind.css +23 -23
  103. package/styles/datepicker/tailwind3.css +97 -97
  104. package/styles/daterangepicker/_all.bds.scss +1 -1
  105. package/styles/daterangepicker/_all.bootstrap-dark.scss +1 -1
  106. package/styles/daterangepicker/_all.bootstrap.scss +1 -1
  107. package/styles/daterangepicker/_all.bootstrap4.scss +1 -1
  108. package/styles/daterangepicker/_all.bootstrap5-dark.scss +1 -1
  109. package/styles/daterangepicker/_all.bootstrap5.3.scss +1 -1
  110. package/styles/daterangepicker/_all.bootstrap5.scss +1 -1
  111. package/styles/daterangepicker/_all.fabric-dark.scss +1 -1
  112. package/styles/daterangepicker/_all.fabric.scss +1 -1
  113. package/styles/daterangepicker/_all.fluent-dark.scss +1 -1
  114. package/styles/daterangepicker/_all.fluent.scss +1 -1
  115. package/styles/daterangepicker/_all.fluent2.scss +1 -1
  116. package/styles/daterangepicker/_all.highcontrast-light.scss +1 -1
  117. package/styles/daterangepicker/_all.highcontrast.scss +1 -1
  118. package/styles/daterangepicker/_all.material-dark.scss +1 -1
  119. package/styles/daterangepicker/_all.material.scss +1 -1
  120. package/styles/daterangepicker/_all.material3-dark.scss +1 -1
  121. package/styles/daterangepicker/_all.material3.scss +1 -1
  122. package/styles/daterangepicker/_all.tailwind-dark.scss +1 -1
  123. package/styles/daterangepicker/_all.tailwind.scss +1 -1
  124. package/styles/daterangepicker/_all.tailwind3.scss +1 -1
  125. package/styles/daterangepicker/bds.css +111 -111
  126. package/styles/daterangepicker/bootstrap-dark.css +98 -98
  127. package/styles/daterangepicker/bootstrap.css +98 -98
  128. package/styles/daterangepicker/bootstrap4.css +100 -100
  129. package/styles/daterangepicker/bootstrap5-dark.css +162 -162
  130. package/styles/daterangepicker/bootstrap5.3.css +246 -246
  131. package/styles/daterangepicker/bootstrap5.css +162 -162
  132. package/styles/daterangepicker/fabric-dark.css +98 -98
  133. package/styles/daterangepicker/fabric.css +98 -98
  134. package/styles/daterangepicker/fluent-dark.css +199 -199
  135. package/styles/daterangepicker/fluent.css +199 -199
  136. package/styles/daterangepicker/fluent2.css +866 -866
  137. package/styles/daterangepicker/highcontrast-light.css +98 -98
  138. package/styles/daterangepicker/highcontrast.css +98 -98
  139. package/styles/daterangepicker/material-dark.css +106 -106
  140. package/styles/daterangepicker/material.css +116 -116
  141. package/styles/daterangepicker/material3-dark.css +205 -205
  142. package/styles/daterangepicker/material3.css +207 -207
  143. package/styles/daterangepicker/tailwind-dark.css +102 -102
  144. package/styles/daterangepicker/tailwind.css +102 -102
  145. package/styles/daterangepicker/tailwind3.css +182 -182
  146. package/styles/datetimepicker/_all.bds.scss +1 -1
  147. package/styles/datetimepicker/_all.bootstrap-dark.scss +1 -1
  148. package/styles/datetimepicker/_all.bootstrap.scss +1 -1
  149. package/styles/datetimepicker/_all.bootstrap4.scss +1 -1
  150. package/styles/datetimepicker/_all.bootstrap5-dark.scss +1 -1
  151. package/styles/datetimepicker/_all.bootstrap5.3.scss +1 -1
  152. package/styles/datetimepicker/_all.bootstrap5.scss +1 -1
  153. package/styles/datetimepicker/_all.fabric-dark.scss +1 -1
  154. package/styles/datetimepicker/_all.fabric.scss +1 -1
  155. package/styles/datetimepicker/_all.fluent-dark.scss +1 -1
  156. package/styles/datetimepicker/_all.fluent.scss +1 -1
  157. package/styles/datetimepicker/_all.fluent2.scss +1 -1
  158. package/styles/datetimepicker/_all.highcontrast-light.scss +1 -1
  159. package/styles/datetimepicker/_all.highcontrast.scss +1 -1
  160. package/styles/datetimepicker/_all.material-dark.scss +1 -1
  161. package/styles/datetimepicker/_all.material.scss +1 -1
  162. package/styles/datetimepicker/_all.material3-dark.scss +1 -1
  163. package/styles/datetimepicker/_all.material3.scss +1 -1
  164. package/styles/datetimepicker/_all.tailwind-dark.scss +1 -1
  165. package/styles/datetimepicker/_all.tailwind.scss +1 -1
  166. package/styles/datetimepicker/_all.tailwind3.scss +1 -1
  167. package/styles/datetimepicker/bds.css +39 -39
  168. package/styles/datetimepicker/bootstrap-dark.css +35 -35
  169. package/styles/datetimepicker/bootstrap.css +35 -35
  170. package/styles/datetimepicker/bootstrap4.css +37 -37
  171. package/styles/datetimepicker/bootstrap5-dark.css +35 -35
  172. package/styles/datetimepicker/bootstrap5.3.css +119 -119
  173. package/styles/datetimepicker/bootstrap5.css +35 -35
  174. package/styles/datetimepicker/fabric-dark.css +35 -35
  175. package/styles/datetimepicker/fabric.css +35 -35
  176. package/styles/datetimepicker/fluent-dark.css +35 -35
  177. package/styles/datetimepicker/fluent.css +35 -35
  178. package/styles/datetimepicker/fluent2.css +121 -121
  179. package/styles/datetimepicker/highcontrast-light.css +35 -35
  180. package/styles/datetimepicker/highcontrast.css +35 -35
  181. package/styles/datetimepicker/material-dark.css +43 -43
  182. package/styles/datetimepicker/material.css +53 -53
  183. package/styles/datetimepicker/material3-dark.css +118 -118
  184. package/styles/datetimepicker/material3.css +120 -120
  185. package/styles/datetimepicker/tailwind-dark.css +35 -35
  186. package/styles/datetimepicker/tailwind.css +35 -35
  187. package/styles/datetimepicker/tailwind3.css +124 -124
  188. package/styles/fabric-dark-lite.css +412 -412
  189. package/styles/fabric-dark.css +617 -617
  190. package/styles/fabric-lite.css +412 -412
  191. package/styles/fabric.css +625 -625
  192. package/styles/fluent-dark-lite.css +913 -913
  193. package/styles/fluent-dark.css +1028 -1028
  194. package/styles/fluent-lite.css +899 -899
  195. package/styles/fluent.css +1028 -1028
  196. package/styles/fluent2-lite.css +1158 -1158
  197. package/styles/fluent2.css +2333 -2333
  198. package/styles/highcontrast-light-lite.css +426 -426
  199. package/styles/highcontrast-light.css +622 -622
  200. package/styles/highcontrast-lite.css +427 -427
  201. package/styles/highcontrast.css +623 -623
  202. package/styles/material-dark-lite.css +515 -515
  203. package/styles/material-dark.css +625 -625
  204. package/styles/material-lite.css +545 -545
  205. package/styles/material.css +623 -623
  206. package/styles/material3-dark-lite.css +649 -649
  207. package/styles/material3-dark.css +1216 -1216
  208. package/styles/material3-lite.css +644 -644
  209. package/styles/material3.css +1085 -1085
  210. package/styles/tailwind-dark-lite.css +506 -506
  211. package/styles/tailwind-dark.css +640 -640
  212. package/styles/tailwind-lite.css +505 -505
  213. package/styles/tailwind.css +640 -640
  214. package/styles/tailwind3-lite.css +905 -905
  215. package/styles/tailwind3.css +1132 -1132
  216. package/styles/timepicker/_all.bds.scss +1 -1
  217. package/styles/timepicker/_all.bootstrap-dark.scss +1 -1
  218. package/styles/timepicker/_all.bootstrap.scss +1 -1
  219. package/styles/timepicker/_all.bootstrap4.scss +1 -1
  220. package/styles/timepicker/_all.bootstrap5-dark.scss +1 -1
  221. package/styles/timepicker/_all.bootstrap5.3.scss +1 -1
  222. package/styles/timepicker/_all.bootstrap5.scss +1 -1
  223. package/styles/timepicker/_all.fabric-dark.scss +1 -1
  224. package/styles/timepicker/_all.fabric.scss +1 -1
  225. package/styles/timepicker/_all.fluent-dark.scss +1 -1
  226. package/styles/timepicker/_all.fluent.scss +1 -1
  227. package/styles/timepicker/_all.fluent2.scss +1 -1
  228. package/styles/timepicker/_all.highcontrast-light.scss +1 -1
  229. package/styles/timepicker/_all.highcontrast.scss +1 -1
  230. package/styles/timepicker/_all.material-dark.scss +1 -1
  231. package/styles/timepicker/_all.material.scss +1 -1
  232. package/styles/timepicker/_all.material3-dark.scss +1 -1
  233. package/styles/timepicker/_all.material3.scss +1 -1
  234. package/styles/timepicker/_all.tailwind-dark.scss +1 -1
  235. package/styles/timepicker/_all.tailwind.scss +1 -1
  236. package/styles/timepicker/_all.tailwind3.scss +1 -1
  237. package/styles/timepicker/bds.css +62 -62
  238. package/styles/timepicker/bootstrap-dark.css +58 -58
  239. package/styles/timepicker/bootstrap.css +58 -58
  240. package/styles/timepicker/bootstrap4.css +60 -60
  241. package/styles/timepicker/bootstrap5-dark.css +60 -60
  242. package/styles/timepicker/bootstrap5.3.css +144 -144
  243. package/styles/timepicker/bootstrap5.css +60 -60
  244. package/styles/timepicker/fabric-dark.css +58 -58
  245. package/styles/timepicker/fabric.css +58 -58
  246. package/styles/timepicker/fluent-dark.css +58 -58
  247. package/styles/timepicker/fluent.css +58 -58
  248. package/styles/timepicker/fluent2.css +144 -144
  249. package/styles/timepicker/highcontrast-light.css +58 -58
  250. package/styles/timepicker/highcontrast.css +58 -58
  251. package/styles/timepicker/material-dark.css +66 -66
  252. package/styles/timepicker/material.css +76 -76
  253. package/styles/timepicker/material3-dark.css +145 -145
  254. package/styles/timepicker/material3.css +147 -147
  255. package/styles/timepicker/tailwind-dark.css +58 -58
  256. package/styles/timepicker/tailwind.css +58 -58
  257. package/styles/timepicker/tailwind3.css +146 -146
@@ -152,252 +152,6 @@
152
152
 
153
153
 
154
154
 
155
- /* Font Family */
156
- /* Font Sizes */
157
- /* Radius */
158
- /* 1px */
159
- /* 2px */
160
- /* 3px */
161
- /* 4px */
162
- /* 5px */
163
- /* 6px */
164
- /* 7px */
165
- /* 8px */
166
- /* 9px */
167
- /* 10px */
168
- /* 11px */
169
- /* 12px */
170
- /* 13px */
171
- /* 14px */
172
- /* 15px */
173
- /* 16px */
174
- /* 17px */
175
- /* 18px */
176
- /* 19px */
177
- /* 20px */
178
- /* 21px */
179
- /* 22px */
180
- /* 23px */
181
- /* 24px */
182
- /* 25px */
183
- /* 26px */
184
- /* 27px */
185
- /* 28px */
186
- /* 29px */
187
- /* 30px */
188
- /* 31px */
189
- /* 32px */
190
- /* 33px */
191
- /* 34px */
192
- /* 35px */
193
- /* 36px */
194
- /* 37px */
195
- /* 38px */
196
- /* 39px */
197
- /* 40px */
198
- /* 41px */
199
- /* 42px */
200
- /* 43px */
201
- /* 44px */
202
- /* 45px */
203
- /* 46px */
204
- /* 47px */
205
- /* 48px */
206
- /* 49px */
207
- /* 50px */
208
- /* 5em */
209
- /* 65% */
210
- /* border */
211
- /* 0px */
212
- /* 1px */
213
- /* 1.5px */
214
- /* 2px */
215
- /* 3px */
216
- /* 4px */
217
- /* 5px */
218
- /* 6px */
219
- /* 7px */
220
- /* 8px */
221
- /* 9px */
222
- /* 10px */
223
- /* 11px */
224
- /* 12px */
225
- /* 13px */
226
- /* 14px */
227
- /* 15px */
228
- /* 16px */
229
- .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
230
- color: var(--color-sf-content-text-color);
231
- }
232
- .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
233
- color: var(--color-sf-content-text-color);
234
- }
235
-
236
- .e-daterangepicker.e-popup {
237
- background: var(--color-sf-flyout-bg-color);
238
- }
239
- .e-daterangepicker.e-popup .e-calendar {
240
- background-color: var(--color-sf-flyout-bg-color);
241
- }
242
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
243
- color: var(--color-sf-content-text-color-alt1);
244
- text-decoration: none;
245
- }
246
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
247
- background-color: var(--color-sf-content-bg-color-alt3);
248
- color: var(--color-sf-content-text-color-alt1);
249
- }
250
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
251
- background-color: var(--color-sf-content-bg-color-hover);
252
- border: 1px solid var(--color-sf-primary);
253
- color: var(--color-sf-content-text-color);
254
- }
255
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
256
- background: var(--color-sf-content-bg-color-alt3);
257
- border: none;
258
- color: var(--color-sf-content-text-color-alt1);
259
- }
260
- .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
261
- background-color: var(--color-sf-content-bg-color-alt4);
262
- border: none;
263
- color: var(--color-sf-content-text-color-alt1);
264
- }
265
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
266
- border: 1px solid var(--color-sf-primary);
267
- }
268
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
269
- border: 1px solid var(--color-sf-primary);
270
- }
271
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
272
- background-color: var(--color-sf-content-bg-color);
273
- border: none;
274
- color: var(--color-sf-content-text-color-alt2);
275
- }
276
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
277
- background-color: var(--color-sf-content-bg-color);
278
- border: none;
279
- color: var(--color-sf-content-text-color-alt2);
280
- }
281
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
282
- background-color: var(--color-sf-primary);
283
- color: var(--color-sf-primary-text-color);
284
- }
285
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
286
- background-color: var(--color-sf-primary);
287
- color: var(--color-sf-primary-text-color);
288
- }
289
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
290
- color: var(--color-sf-primary-text-color);
291
- }
292
- .e-daterangepicker.e-popup .e-presets {
293
- background-color: var(--color-sf-content-bg-color);
294
- color: var(--color-sf-content-text-color);
295
- }
296
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
297
- background-color: transparent;
298
- color: var(--color-sf-primary);
299
- }
300
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
301
- background-color: var(--color-sf-content-bg-color-hover);
302
- color: var(--color-sf-content-text-color-hover);
303
- }
304
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
305
- color: var(--color-sf-content-text-color-alt2);
306
- }
307
- .e-daterangepicker.e-popup .e-change-icon {
308
- color: var(--color-sf-icon-color);
309
- }
310
- .e-daterangepicker.e-popup .e-day-span {
311
- color: var(--color-sf-content-text-color-alt3);
312
- }
313
- .e-daterangepicker.e-popup .e-separator {
314
- background-color: var(--color-sf-border-light);
315
- }
316
- .e-daterangepicker.e-popup .e-footer {
317
- background-color: var(--color-sf-flyout-bg-color);
318
- }
319
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary,
320
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary {
321
- background-color: var(--color-sf-primary-bg-color);
322
- border-color: var(--color-sf-primary-border-color);
323
- color: var(--color-sf-primary-text-color);
324
- }
325
-
326
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
327
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
328
- background-color: var(--color-sf-primary-bg-color-hover);
329
- border-color: var(--color-sf-primary-border-color-hover);
330
- color: var(--color-sf-primary-text-hover);
331
- }
332
-
333
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:active,
334
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
335
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
336
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
337
- background-color: var(--color-sf-primary-bg-color-pressed);
338
- border-color: var(--color-sf-primary-border-color-pressed);
339
- color: var(--color-sf-primary-text-pressed);
340
- }
341
-
342
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
343
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
344
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled,
345
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled {
346
- background-color: var(--color-sf-primary-bg-color-disabled);
347
- border-color: var(--color-sf-primary-border-color-disabled);
348
- color: var(--color-sf-primary-text-disabled);
349
- }
350
-
351
- .e-daterangepicker.e-popup .e-footer .e-btn.e-flat,
352
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat {
353
- background-color: var(--color-sf-secondary-bg-color);
354
- border-color: var(--color-sf-secondary-border-color);
355
- color: var(--color-sf-secondary-text-color);
356
- }
357
-
358
- .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:hover,
359
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:hover {
360
- background-color: var(--color-sf-secondary-bg-color-hover);
361
- border-color: var(--color-sf-secondary-border-color-hover);
362
- color: var(--color-sf-secondary-text-color-hover);
363
- }
364
-
365
- .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:active,
366
- .e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-active,
367
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:active,
368
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-active {
369
- background-color: var(--color-sf-secondary-border-color-pressed);
370
- border-color: var(--color-sf-secondary-border-color-pressed);
371
- color: var(--color-sf-secondary-text-color-pressed);
372
- }
373
-
374
- .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:disabled,
375
- .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:disabled,
376
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:disabled,
377
- .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:disabled {
378
- background-color: var(--color-sf-secondary-bg-color-disabled);
379
- border-color: var(--color-sf-secondary-border-color-disabled);
380
- color: var(--color-sf-secondary-text-color-disabled);
381
- }
382
-
383
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
384
- background-color: var(--color-sf-flyout-bg-color);
385
- color: var(--color-sf-content-text-color-alt1);
386
- }
387
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
388
- color: var(--color-sf-content-text-color-alt1);
389
- }
390
-
391
-
392
-
393
-
394
-
395
-
396
-
397
-
398
-
399
-
400
-
401
155
  /* Font Family */
402
156
  /* Font Sizes */
403
157
  /* Radius */
@@ -1121,6 +875,252 @@
1121
875
 
1122
876
 
1123
877
 
878
+ /* Font Family */
879
+ /* Font Sizes */
880
+ /* Radius */
881
+ /* 1px */
882
+ /* 2px */
883
+ /* 3px */
884
+ /* 4px */
885
+ /* 5px */
886
+ /* 6px */
887
+ /* 7px */
888
+ /* 8px */
889
+ /* 9px */
890
+ /* 10px */
891
+ /* 11px */
892
+ /* 12px */
893
+ /* 13px */
894
+ /* 14px */
895
+ /* 15px */
896
+ /* 16px */
897
+ /* 17px */
898
+ /* 18px */
899
+ /* 19px */
900
+ /* 20px */
901
+ /* 21px */
902
+ /* 22px */
903
+ /* 23px */
904
+ /* 24px */
905
+ /* 25px */
906
+ /* 26px */
907
+ /* 27px */
908
+ /* 28px */
909
+ /* 29px */
910
+ /* 30px */
911
+ /* 31px */
912
+ /* 32px */
913
+ /* 33px */
914
+ /* 34px */
915
+ /* 35px */
916
+ /* 36px */
917
+ /* 37px */
918
+ /* 38px */
919
+ /* 39px */
920
+ /* 40px */
921
+ /* 41px */
922
+ /* 42px */
923
+ /* 43px */
924
+ /* 44px */
925
+ /* 45px */
926
+ /* 46px */
927
+ /* 47px */
928
+ /* 48px */
929
+ /* 49px */
930
+ /* 50px */
931
+ /* 5em */
932
+ /* 65% */
933
+ /* border */
934
+ /* 0px */
935
+ /* 1px */
936
+ /* 1.5px */
937
+ /* 2px */
938
+ /* 3px */
939
+ /* 4px */
940
+ /* 5px */
941
+ /* 6px */
942
+ /* 7px */
943
+ /* 8px */
944
+ /* 9px */
945
+ /* 10px */
946
+ /* 11px */
947
+ /* 12px */
948
+ /* 13px */
949
+ /* 14px */
950
+ /* 15px */
951
+ /* 16px */
952
+ .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
953
+ color: var(--color-sf-content-text-color);
954
+ }
955
+ .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
956
+ color: var(--color-sf-content-text-color);
957
+ }
958
+
959
+ .e-daterangepicker.e-popup {
960
+ background: var(--color-sf-flyout-bg-color);
961
+ }
962
+ .e-daterangepicker.e-popup .e-calendar {
963
+ background-color: var(--color-sf-flyout-bg-color);
964
+ }
965
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
966
+ color: var(--color-sf-content-text-color-alt1);
967
+ text-decoration: none;
968
+ }
969
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
970
+ background-color: var(--color-sf-content-bg-color-alt3);
971
+ color: var(--color-sf-content-text-color-alt1);
972
+ }
973
+ .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
974
+ background-color: var(--color-sf-content-bg-color-hover);
975
+ border: 1px solid var(--color-sf-primary);
976
+ color: var(--color-sf-content-text-color);
977
+ }
978
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
979
+ background: var(--color-sf-content-bg-color-alt3);
980
+ border: none;
981
+ color: var(--color-sf-content-text-color-alt1);
982
+ }
983
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
984
+ background-color: var(--color-sf-content-bg-color-alt4);
985
+ border: none;
986
+ color: var(--color-sf-content-text-color-alt1);
987
+ }
988
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
989
+ border: 1px solid var(--color-sf-primary);
990
+ }
991
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
992
+ border: 1px solid var(--color-sf-primary);
993
+ }
994
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
995
+ background-color: var(--color-sf-content-bg-color);
996
+ border: none;
997
+ color: var(--color-sf-content-text-color-alt2);
998
+ }
999
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
1000
+ background-color: var(--color-sf-content-bg-color);
1001
+ border: none;
1002
+ color: var(--color-sf-content-text-color-alt2);
1003
+ }
1004
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1005
+ background-color: var(--color-sf-primary);
1006
+ color: var(--color-sf-primary-text-color);
1007
+ }
1008
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
1009
+ background-color: var(--color-sf-primary);
1010
+ color: var(--color-sf-primary-text-color);
1011
+ }
1012
+ .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
1013
+ color: var(--color-sf-primary-text-color);
1014
+ }
1015
+ .e-daterangepicker.e-popup .e-presets {
1016
+ background-color: var(--color-sf-content-bg-color);
1017
+ color: var(--color-sf-content-text-color);
1018
+ }
1019
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
1020
+ background-color: transparent;
1021
+ color: var(--color-sf-primary);
1022
+ }
1023
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
1024
+ background-color: var(--color-sf-content-bg-color-hover);
1025
+ color: var(--color-sf-content-text-color-hover);
1026
+ }
1027
+ .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
1028
+ color: var(--color-sf-content-text-color-alt2);
1029
+ }
1030
+ .e-daterangepicker.e-popup .e-change-icon {
1031
+ color: var(--color-sf-icon-color);
1032
+ }
1033
+ .e-daterangepicker.e-popup .e-day-span {
1034
+ color: var(--color-sf-content-text-color-alt3);
1035
+ }
1036
+ .e-daterangepicker.e-popup .e-separator {
1037
+ background-color: var(--color-sf-border-light);
1038
+ }
1039
+ .e-daterangepicker.e-popup .e-footer {
1040
+ background-color: var(--color-sf-flyout-bg-color);
1041
+ }
1042
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary,
1043
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary {
1044
+ background-color: var(--color-sf-primary-bg-color);
1045
+ border-color: var(--color-sf-primary-border-color);
1046
+ color: var(--color-sf-primary-text-color);
1047
+ }
1048
+
1049
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
1050
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
1051
+ background-color: var(--color-sf-primary-bg-color-hover);
1052
+ border-color: var(--color-sf-primary-border-color-hover);
1053
+ color: var(--color-sf-primary-text-hover);
1054
+ }
1055
+
1056
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:active,
1057
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
1058
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
1059
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
1060
+ background-color: var(--color-sf-primary-bg-color-pressed);
1061
+ border-color: var(--color-sf-primary-border-color-pressed);
1062
+ color: var(--color-sf-primary-text-pressed);
1063
+ }
1064
+
1065
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
1066
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
1067
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled,
1068
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled {
1069
+ background-color: var(--color-sf-primary-bg-color-disabled);
1070
+ border-color: var(--color-sf-primary-border-color-disabled);
1071
+ color: var(--color-sf-primary-text-disabled);
1072
+ }
1073
+
1074
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat,
1075
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat {
1076
+ background-color: var(--color-sf-secondary-bg-color);
1077
+ border-color: var(--color-sf-secondary-border-color);
1078
+ color: var(--color-sf-secondary-text-color);
1079
+ }
1080
+
1081
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:hover,
1082
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:hover {
1083
+ background-color: var(--color-sf-secondary-bg-color-hover);
1084
+ border-color: var(--color-sf-secondary-border-color-hover);
1085
+ color: var(--color-sf-secondary-text-color-hover);
1086
+ }
1087
+
1088
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:active,
1089
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-active,
1090
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:active,
1091
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-active {
1092
+ background-color: var(--color-sf-secondary-border-color-pressed);
1093
+ border-color: var(--color-sf-secondary-border-color-pressed);
1094
+ color: var(--color-sf-secondary-text-color-pressed);
1095
+ }
1096
+
1097
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:disabled,
1098
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:disabled,
1099
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:disabled,
1100
+ .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:disabled {
1101
+ background-color: var(--color-sf-secondary-bg-color-disabled);
1102
+ border-color: var(--color-sf-secondary-border-color-disabled);
1103
+ color: var(--color-sf-secondary-text-color-disabled);
1104
+ }
1105
+
1106
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
1107
+ background-color: var(--color-sf-flyout-bg-color);
1108
+ color: var(--color-sf-content-text-color-alt1);
1109
+ }
1110
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
1111
+ color: var(--color-sf-content-text-color-alt1);
1112
+ }
1113
+
1114
+
1115
+
1116
+
1117
+
1118
+
1119
+
1120
+
1121
+
1122
+
1123
+
1124
1124
  /* Font Family */
1125
1125
  /* Font Sizes */
1126
1126
  /* Radius */