@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
@@ -58,108 +58,6 @@
58
58
  font-family: "e-icons";
59
59
  }
60
60
 
61
- .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
62
- color: #111827;
63
- }
64
- .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
65
- color: #111827;
66
- }
67
-
68
- .e-daterangepicker.e-popup {
69
- background: #fff;
70
- }
71
- .e-daterangepicker.e-popup .e-calendar {
72
- background-color: #fff;
73
- }
74
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
75
- color: #374151;
76
- text-decoration: none;
77
- }
78
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
79
- background-color: #e5e7eb;
80
- color: #374151;
81
- }
82
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover:not(.e-other-month) span {
83
- background: #e5e7eb;
84
- border: none;
85
- color: #374151;
86
- }
87
- .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 {
88
- background-color: transparent;
89
- border: none;
90
- color: #6b7280;
91
- }
92
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover {
93
- background-color: transparent;
94
- border: none;
95
- color: #6b7280;
96
- }
97
- .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 {
98
- background-color: #4f46e5;
99
- color: #fff;
100
- }
101
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover.e-other-month span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
102
- background-color: #4f46e5;
103
- color: #fff;
104
- }
105
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
106
- background-color: #4f46e5;
107
- color: #fff;
108
- }
109
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
110
- color: #fff;
111
- }
112
- .e-daterangepicker.e-popup .e-presets {
113
- background-color: #fff;
114
- color: #111827;
115
- }
116
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
117
- background-color: #e5e7eb;
118
- color: #111827;
119
- }
120
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
121
- background-color: #f3f4f6;
122
- color: #111827;
123
- }
124
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
125
- color: #6b7280;
126
- }
127
- .e-daterangepicker.e-popup .e-change-icon {
128
- color: #6b7280;
129
- }
130
- .e-daterangepicker.e-popup .e-day-span {
131
- color: #9ca3af;
132
- }
133
- .e-daterangepicker.e-popup .e-separator {
134
- background-color: #e5e7eb;
135
- }
136
- .e-daterangepicker.e-popup .e-footer {
137
- background-color: #f9fafb;
138
- }
139
- .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
140
- /* stylelint-disable property-no-vendor-prefix */
141
- -webkit-tap-highlight-color: transparent;
142
- background-color: #fff;
143
- border-color: #d1d5db;
144
- -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
145
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
146
- color: #374151;
147
- }
148
- .e-daterangepicker.e-popup .e-footer .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
149
- -webkit-tap-highlight-color: transparent;
150
- background-color: #4f46e5;
151
- border-color: #4f46e5;
152
- color: #fff;
153
- }
154
-
155
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
156
- background-color: #f9fafb;
157
- color: #374151;
158
- }
159
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
160
- color: #374151;
161
- }
162
-
163
61
  .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
164
62
  .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
165
63
  display: -webkit-box;
@@ -802,6 +700,108 @@
802
700
  width: calc(100% - 110px);
803
701
  }
804
702
 
703
+ .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
704
+ color: #111827;
705
+ }
706
+ .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
707
+ color: #111827;
708
+ }
709
+
710
+ .e-daterangepicker.e-popup {
711
+ background: #fff;
712
+ }
713
+ .e-daterangepicker.e-popup .e-calendar {
714
+ background-color: #fff;
715
+ }
716
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
717
+ color: #374151;
718
+ text-decoration: none;
719
+ }
720
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
721
+ background-color: #e5e7eb;
722
+ color: #374151;
723
+ }
724
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover:not(.e-other-month) span {
725
+ background: #e5e7eb;
726
+ border: none;
727
+ color: #374151;
728
+ }
729
+ .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 {
730
+ background-color: transparent;
731
+ border: none;
732
+ color: #6b7280;
733
+ }
734
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover {
735
+ background-color: transparent;
736
+ border: none;
737
+ color: #6b7280;
738
+ }
739
+ .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 {
740
+ background-color: #4f46e5;
741
+ color: #fff;
742
+ }
743
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover.e-other-month span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
744
+ background-color: #4f46e5;
745
+ color: #fff;
746
+ }
747
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
748
+ background-color: #4f46e5;
749
+ color: #fff;
750
+ }
751
+ .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
752
+ color: #fff;
753
+ }
754
+ .e-daterangepicker.e-popup .e-presets {
755
+ background-color: #fff;
756
+ color: #111827;
757
+ }
758
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
759
+ background-color: #e5e7eb;
760
+ color: #111827;
761
+ }
762
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
763
+ background-color: #f3f4f6;
764
+ color: #111827;
765
+ }
766
+ .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
767
+ color: #6b7280;
768
+ }
769
+ .e-daterangepicker.e-popup .e-change-icon {
770
+ color: #6b7280;
771
+ }
772
+ .e-daterangepicker.e-popup .e-day-span {
773
+ color: #9ca3af;
774
+ }
775
+ .e-daterangepicker.e-popup .e-separator {
776
+ background-color: #e5e7eb;
777
+ }
778
+ .e-daterangepicker.e-popup .e-footer {
779
+ background-color: #f9fafb;
780
+ }
781
+ .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
782
+ /* stylelint-disable property-no-vendor-prefix */
783
+ -webkit-tap-highlight-color: transparent;
784
+ background-color: #fff;
785
+ border-color: #d1d5db;
786
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
787
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
788
+ color: #374151;
789
+ }
790
+ .e-daterangepicker.e-popup .e-footer .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
791
+ -webkit-tap-highlight-color: transparent;
792
+ background-color: #4f46e5;
793
+ border-color: #4f46e5;
794
+ color: #fff;
795
+ }
796
+
797
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
798
+ background-color: #f9fafb;
799
+ color: #374151;
800
+ }
801
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
802
+ color: #374151;
803
+ }
804
+
805
805
  .e-bigger .e-daterangepicker.e-range-modal,
806
806
  *.e-device.e-daterangepicker.e-range-modal {
807
807
  background-color: rgba(243, 244, 246, 0.6);
@@ -200,188 +200,6 @@
200
200
 
201
201
 
202
202
 
203
- /* Font Family */
204
- /* border */
205
- /* 0px */
206
- /* 1px */
207
- /* 1.5px */
208
- /* 2px */
209
- /* 3px */
210
- /* 4px */
211
- /* 5px */
212
- /* 6px */
213
- /* 7px */
214
- /* 8px */
215
- /* Radius */
216
- /* 1px */
217
- /* 2px */
218
- /* 3px */
219
- /* 4px */
220
- /* 5px */
221
- /* 6px */
222
- /* 7px */
223
- /* 8px */
224
- /* 9px */
225
- /* 10px */
226
- /* 11px */
227
- /* 12px */
228
- /* 13px */
229
- /* 14px */
230
- /* 15px */
231
- /* 16px */
232
- /* 17px */
233
- /* 18px */
234
- /* 19px */
235
- /* 20px */
236
- /* 21px */
237
- /* 22px */
238
- /* 23px */
239
- /* 24px */
240
- /* 25px */
241
- /* 26px */
242
- /* 27px */
243
- /* 28px */
244
- /* 29px */
245
- /* 30px */
246
- /* 31px */
247
- /* 32px */
248
- /* 33px */
249
- /* 34px */
250
- /* 35px */
251
- /* 36px */
252
- /* 37px */
253
- /* 38px */
254
- /* 39px */
255
- /* 40px */
256
- /* 41px */
257
- /* 42px */
258
- /* 43px */
259
- /* 44px */
260
- /* 45px */
261
- /* 46px */
262
- /* 47px */
263
- /* 48px */
264
- /* 49px */
265
- /* 50px */
266
- /* 5em */
267
-
268
-
269
- .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
270
- color: var(--color-sf-content-text-color);
271
- }
272
- .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
273
- color: var(--color-sf-content-text-color);
274
- }
275
-
276
- .e-daterangepicker.e-popup {
277
- background: var(--color-sf-flyout-bg-color);
278
- }
279
- .e-daterangepicker.e-popup .e-calendar {
280
- background-color: var(--color-sf-flyout-bg-color);
281
- }
282
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
283
- color: var(--color-sf-content-text-color);
284
- text-decoration: none;
285
- }
286
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
287
- background-color: var(--color-sf-primary-lighter);
288
- color: var(--color-sf-content-text-color);
289
- }
290
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover:not(.e-other-month) span {
291
- background: var(--color-sf-primary-lighter);
292
- border: none;
293
- color: var(--color-sf-content-text-color);
294
- }
295
- .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 {
296
- background-color: var(--color-sf-content-bg-color);
297
- border: none;
298
- color: var(--color-sf-content-text-color-alt2);
299
- }
300
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover {
301
- background-color: var(--color-sf-content-bg-color);
302
- border: none;
303
- color: var(--color-sf-content-text-color-alt2);
304
- }
305
- .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 {
306
- background-color: var(--color-sf-primary);
307
- color: var(--color-sf-primary-text-color);
308
- border-radius: calc(var(--e-radius) * 0);
309
- }
310
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover.e-other-month span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
311
- background-color: var(--color-sf-primary);
312
- color: var(--color-sf-primary-text-color);
313
- }
314
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
315
- background-color: var(--color-sf-primary);
316
- color: var(--color-sf-primary-text-color);
317
- }
318
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
319
- color: var(--color-sf-primary-text-color);
320
- }
321
- .e-daterangepicker.e-popup .e-presets {
322
- background-color: var(--color-sf-content-bg-color);
323
- color: var(--color-sf-content-text-color);
324
- }
325
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
326
- background-color: var(--color-sf-content-bg-color-selected);
327
- }
328
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
329
- background-color: var(--color-sf-content-bg-color-hover);
330
- color: var(--color-sf-content-text-color-hover);
331
- }
332
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
333
- color: var(--color-sf-content-text-color);
334
- }
335
- .e-daterangepicker.e-popup .e-change-icon {
336
- color: var(--color-sf-icon-color);
337
- }
338
- .e-daterangepicker.e-popup .e-day-span {
339
- color: var(--color-sf-content-text-color-alt3);
340
- }
341
- .e-daterangepicker.e-popup .e-separator {
342
- background-color: var(--color-sf-border-light);
343
- }
344
- .e-daterangepicker.e-popup .e-footer {
345
- background-color: var(--color-sf-flyout-bg-color);
346
- }
347
- .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
348
- /* stylelint-disable property-no-vendor-prefix */
349
- -webkit-tap-highlight-color: transparent;
350
- background-color: var(--color-sf-secondary-bg-color);
351
- border-color: var(--color-sf-secondary-border-color);
352
- -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
353
- box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
354
- color: var(--color-sf-secondary-text-color);
355
- }
356
- .e-daterangepicker.e-popup .e-footer .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
357
- -webkit-tap-highlight-color: transparent;
358
- background-color: var(--color-sf-primary-bg-color);
359
- border-color: var(--color-sf-primary-border-color);
360
- color: var(--color-sf-primary-text-color);
361
- }
362
-
363
- .e-daterangepicker.e-popup .e-calendar .e-content .e-end-date.e-selected span.e-day,
364
- .e-daterangepicker.e-popup .e-calendar .e-content .e-start-date.e-selected span.e-day {
365
- background: var(--color-sf-primary);
366
- border-radius: calc(var(--e-radius) * 0);
367
- }
368
-
369
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
370
- background-color: var(--color-sf-flyout-bg-color);
371
- color: var(--color-sf-content-text-color-alt1);
372
- }
373
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
374
- color: var(--color-sf-content-text-color-alt1);
375
- }
376
-
377
-
378
-
379
-
380
-
381
-
382
-
383
-
384
-
385
203
  /* Font Family */
386
204
  /* border */
387
205
  /* 0px */
@@ -1093,6 +911,188 @@
1093
911
 
1094
912
 
1095
913
 
914
+ /* Font Family */
915
+ /* border */
916
+ /* 0px */
917
+ /* 1px */
918
+ /* 1.5px */
919
+ /* 2px */
920
+ /* 3px */
921
+ /* 4px */
922
+ /* 5px */
923
+ /* 6px */
924
+ /* 7px */
925
+ /* 8px */
926
+ /* Radius */
927
+ /* 1px */
928
+ /* 2px */
929
+ /* 3px */
930
+ /* 4px */
931
+ /* 5px */
932
+ /* 6px */
933
+ /* 7px */
934
+ /* 8px */
935
+ /* 9px */
936
+ /* 10px */
937
+ /* 11px */
938
+ /* 12px */
939
+ /* 13px */
940
+ /* 14px */
941
+ /* 15px */
942
+ /* 16px */
943
+ /* 17px */
944
+ /* 18px */
945
+ /* 19px */
946
+ /* 20px */
947
+ /* 21px */
948
+ /* 22px */
949
+ /* 23px */
950
+ /* 24px */
951
+ /* 25px */
952
+ /* 26px */
953
+ /* 27px */
954
+ /* 28px */
955
+ /* 29px */
956
+ /* 30px */
957
+ /* 31px */
958
+ /* 32px */
959
+ /* 33px */
960
+ /* 34px */
961
+ /* 35px */
962
+ /* 36px */
963
+ /* 37px */
964
+ /* 38px */
965
+ /* 39px */
966
+ /* 40px */
967
+ /* 41px */
968
+ /* 42px */
969
+ /* 43px */
970
+ /* 44px */
971
+ /* 45px */
972
+ /* 46px */
973
+ /* 47px */
974
+ /* 48px */
975
+ /* 49px */
976
+ /* 50px */
977
+ /* 5em */
978
+
979
+
980
+ .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
981
+ color: var(--color-sf-content-text-color);
982
+ }
983
+ .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
984
+ color: var(--color-sf-content-text-color);
985
+ }
986
+
987
+ .e-daterangepicker.e-popup {
988
+ background: var(--color-sf-flyout-bg-color);
989
+ }
990
+ .e-daterangepicker.e-popup .e-calendar {
991
+ background-color: var(--color-sf-flyout-bg-color);
992
+ }
993
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
994
+ color: var(--color-sf-content-text-color);
995
+ text-decoration: none;
996
+ }
997
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
998
+ background-color: var(--color-sf-primary-lighter);
999
+ color: var(--color-sf-content-text-color);
1000
+ }
1001
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover:not(.e-other-month) span {
1002
+ background: var(--color-sf-primary-lighter);
1003
+ border: none;
1004
+ color: var(--color-sf-content-text-color);
1005
+ }
1006
+ .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 {
1007
+ background-color: var(--color-sf-content-bg-color);
1008
+ border: none;
1009
+ color: var(--color-sf-content-text-color-alt2);
1010
+ }
1011
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover {
1012
+ background-color: var(--color-sf-content-bg-color);
1013
+ border: none;
1014
+ color: var(--color-sf-content-text-color-alt2);
1015
+ }
1016
+ .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 {
1017
+ background-color: var(--color-sf-primary);
1018
+ color: var(--color-sf-primary-text-color);
1019
+ border-radius: calc(var(--e-radius) * 0);
1020
+ }
1021
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover.e-other-month span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
1022
+ background-color: var(--color-sf-primary);
1023
+ color: var(--color-sf-primary-text-color);
1024
+ }
1025
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
1026
+ background-color: var(--color-sf-primary);
1027
+ color: var(--color-sf-primary-text-color);
1028
+ }
1029
+ .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
1030
+ color: var(--color-sf-primary-text-color);
1031
+ }
1032
+ .e-daterangepicker.e-popup .e-presets {
1033
+ background-color: var(--color-sf-content-bg-color);
1034
+ color: var(--color-sf-content-text-color);
1035
+ }
1036
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
1037
+ background-color: var(--color-sf-content-bg-color-selected);
1038
+ }
1039
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
1040
+ background-color: var(--color-sf-content-bg-color-hover);
1041
+ color: var(--color-sf-content-text-color-hover);
1042
+ }
1043
+ .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
1044
+ color: var(--color-sf-content-text-color);
1045
+ }
1046
+ .e-daterangepicker.e-popup .e-change-icon {
1047
+ color: var(--color-sf-icon-color);
1048
+ }
1049
+ .e-daterangepicker.e-popup .e-day-span {
1050
+ color: var(--color-sf-content-text-color-alt3);
1051
+ }
1052
+ .e-daterangepicker.e-popup .e-separator {
1053
+ background-color: var(--color-sf-border-light);
1054
+ }
1055
+ .e-daterangepicker.e-popup .e-footer {
1056
+ background-color: var(--color-sf-flyout-bg-color);
1057
+ }
1058
+ .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
1059
+ /* stylelint-disable property-no-vendor-prefix */
1060
+ -webkit-tap-highlight-color: transparent;
1061
+ background-color: var(--color-sf-secondary-bg-color);
1062
+ border-color: var(--color-sf-secondary-border-color);
1063
+ -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1064
+ box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1065
+ color: var(--color-sf-secondary-text-color);
1066
+ }
1067
+ .e-daterangepicker.e-popup .e-footer .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
1068
+ -webkit-tap-highlight-color: transparent;
1069
+ background-color: var(--color-sf-primary-bg-color);
1070
+ border-color: var(--color-sf-primary-border-color);
1071
+ color: var(--color-sf-primary-text-color);
1072
+ }
1073
+
1074
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-end-date.e-selected span.e-day,
1075
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-start-date.e-selected span.e-day {
1076
+ background: var(--color-sf-primary);
1077
+ border-radius: calc(var(--e-radius) * 0);
1078
+ }
1079
+
1080
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
1081
+ background-color: var(--color-sf-flyout-bg-color);
1082
+ color: var(--color-sf-content-text-color-alt1);
1083
+ }
1084
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
1085
+ color: var(--color-sf-content-text-color-alt1);
1086
+ }
1087
+
1088
+
1089
+
1090
+
1091
+
1092
+
1093
+
1094
+
1095
+
1096
1096
  /* Font Family */
1097
1097
  /* border */
1098
1098
  /* 0px */
@@ -1,2 +1,2 @@
1
- @use 'theme.bds' as *;
2
1
  @use 'layout.bds' as *;
2
+ @use 'theme.bds' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap-dark' as *;
2
1
  @use 'layout.bootstrap-dark' as *;
2
+ @use 'theme.bootstrap-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap' as *;
2
1
  @use 'layout.bootstrap' as *;
2
+ @use 'theme.bootstrap' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap4' as *;
2
1
  @use 'layout.bootstrap4' as *;
2
+ @use 'theme.bootstrap4' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap5-dark' as *;
2
1
  @use 'layout.bootstrap5-dark' as *;
2
+ @use 'theme.bootstrap5-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap5.3' as *;
2
1
  @use 'layout.bootstrap5.3' as *;
2
+ @use 'theme.bootstrap5.3' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap5' as *;
2
1
  @use 'layout.bootstrap5' as *;
2
+ @use 'theme.bootstrap5' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fabric-dark' as *;
2
1
  @use 'layout.fabric-dark' as *;
2
+ @use 'theme.fabric-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fabric' as *;
2
1
  @use 'layout.fabric' as *;
2
+ @use 'theme.fabric' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fluent-dark' as *;
2
1
  @use 'layout.fluent-dark' as *;
2
+ @use 'theme.fluent-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fluent' as *;
2
1
  @use 'layout.fluent' as *;
2
+ @use 'theme.fluent' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fluent2' as *;
2
1
  @use 'layout.fluent2' as *;
2
+ @use 'theme.fluent2' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.highcontrast-light' as *;
2
1
  @use 'layout.highcontrast-light' as *;
2
+ @use 'theme.highcontrast-light' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.highcontrast' as *;
2
1
  @use 'layout.highcontrast' as *;
2
+ @use 'theme.highcontrast' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material-dark' as *;
2
1
  @use 'layout.material-dark' as *;
2
+ @use 'theme.material-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material' as *;
2
1
  @use 'layout.material' as *;
2
+ @use 'theme.material' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material3-dark' as *;
2
1
  @use 'layout.material3-dark' as *;
2
+ @use 'theme.material3-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material3' as *;
2
1
  @use 'layout.material3' as *;
2
+ @use 'theme.material3' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.tailwind-dark' as *;
2
1
  @use 'layout.tailwind-dark' as *;
2
+ @use 'theme.tailwind-dark' as *;