@syncfusion/ej2-react-calendars 19.4.54 → 20.1.47

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 (93) hide show
  1. package/dist/ej2-react-calendars.umd.min.js +1 -1
  2. package/package.json +8 -8
  3. package/styles/bootstrap-dark.css +82 -31
  4. package/styles/bootstrap.css +82 -31
  5. package/styles/bootstrap4.css +82 -31
  6. package/styles/bootstrap5-dark.css +140 -45
  7. package/styles/bootstrap5.css +134 -39
  8. package/styles/calendar/bootstrap-dark.css +9 -5
  9. package/styles/calendar/bootstrap.css +9 -5
  10. package/styles/calendar/bootstrap4.css +9 -5
  11. package/styles/calendar/bootstrap5-dark.css +62 -14
  12. package/styles/calendar/bootstrap5.css +58 -10
  13. package/styles/calendar/fabric-dark.css +4 -0
  14. package/styles/calendar/fabric.css +4 -0
  15. package/styles/calendar/fluent-dark.css +1189 -0
  16. package/styles/calendar/fluent-dark.scss +1 -0
  17. package/styles/calendar/fluent.css +1189 -0
  18. package/styles/calendar/fluent.scss +1 -0
  19. package/styles/calendar/highcontrast-light.css +4 -0
  20. package/styles/calendar/highcontrast.css +4 -0
  21. package/styles/calendar/material-dark.css +4 -0
  22. package/styles/calendar/material.css +4 -0
  23. package/styles/calendar/tailwind-dark.css +158 -34
  24. package/styles/calendar/tailwind.css +158 -34
  25. package/styles/datepicker/bootstrap-dark.css +12 -2
  26. package/styles/datepicker/bootstrap.css +12 -2
  27. package/styles/datepicker/bootstrap4.css +12 -2
  28. package/styles/datepicker/bootstrap5-dark.css +12 -2
  29. package/styles/datepicker/bootstrap5.css +12 -2
  30. package/styles/datepicker/fabric-dark.css +12 -2
  31. package/styles/datepicker/fabric.css +12 -2
  32. package/styles/datepicker/fluent-dark.css +189 -0
  33. package/styles/datepicker/fluent-dark.scss +1 -0
  34. package/styles/datepicker/fluent.css +189 -0
  35. package/styles/datepicker/fluent.scss +1 -0
  36. package/styles/datepicker/highcontrast-light.css +12 -2
  37. package/styles/datepicker/highcontrast.css +12 -2
  38. package/styles/datepicker/material-dark.css +12 -2
  39. package/styles/datepicker/material.css +12 -2
  40. package/styles/datepicker/tailwind-dark.css +15 -5
  41. package/styles/datepicker/tailwind.css +15 -5
  42. package/styles/daterangepicker/bootstrap-dark.css +60 -24
  43. package/styles/daterangepicker/bootstrap.css +60 -24
  44. package/styles/daterangepicker/bootstrap4.css +60 -24
  45. package/styles/daterangepicker/bootstrap5-dark.css +65 -29
  46. package/styles/daterangepicker/bootstrap5.css +63 -27
  47. package/styles/daterangepicker/fabric-dark.css +60 -24
  48. package/styles/daterangepicker/fabric.css +60 -24
  49. package/styles/daterangepicker/fluent-dark.css +1055 -0
  50. package/styles/daterangepicker/fluent-dark.scss +1 -0
  51. package/styles/daterangepicker/fluent.css +1055 -0
  52. package/styles/daterangepicker/fluent.scss +1 -0
  53. package/styles/daterangepicker/highcontrast-light.css +60 -24
  54. package/styles/daterangepicker/highcontrast.css +60 -24
  55. package/styles/daterangepicker/material-dark.css +60 -24
  56. package/styles/daterangepicker/material.css +60 -24
  57. package/styles/daterangepicker/tailwind-dark.css +138 -94
  58. package/styles/daterangepicker/tailwind.css +139 -95
  59. package/styles/datetimepicker/fluent-dark.css +205 -0
  60. package/styles/datetimepicker/fluent-dark.scss +1 -0
  61. package/styles/datetimepicker/fluent.css +205 -0
  62. package/styles/datetimepicker/fluent.scss +1 -0
  63. package/styles/datetimepicker/tailwind-dark.css +1 -1
  64. package/styles/datetimepicker/tailwind.css +1 -1
  65. package/styles/fabric-dark.css +77 -26
  66. package/styles/fabric.css +77 -26
  67. package/styles/fluent-dark.css +2864 -0
  68. package/styles/fluent-dark.scss +5 -0
  69. package/styles/fluent.css +2864 -0
  70. package/styles/fluent.scss +5 -0
  71. package/styles/highcontrast-light.css +77 -26
  72. package/styles/highcontrast.css +77 -26
  73. package/styles/material-dark.css +77 -26
  74. package/styles/material.css +77 -26
  75. package/styles/tailwind-dark.css +317 -138
  76. package/styles/tailwind.css +318 -139
  77. package/styles/timepicker/bootstrap-dark.css +1 -0
  78. package/styles/timepicker/bootstrap.css +1 -0
  79. package/styles/timepicker/bootstrap4.css +1 -0
  80. package/styles/timepicker/bootstrap5-dark.css +1 -0
  81. package/styles/timepicker/bootstrap5.css +1 -0
  82. package/styles/timepicker/fabric-dark.css +1 -0
  83. package/styles/timepicker/fabric.css +1 -0
  84. package/styles/timepicker/fluent-dark.css +222 -0
  85. package/styles/timepicker/fluent-dark.scss +1 -0
  86. package/styles/timepicker/fluent.css +222 -0
  87. package/styles/timepicker/fluent.scss +1 -0
  88. package/styles/timepicker/highcontrast-light.css +1 -0
  89. package/styles/timepicker/highcontrast.css +1 -0
  90. package/styles/timepicker/material-dark.css +1 -0
  91. package/styles/timepicker/material.css +1 -0
  92. package/styles/timepicker/tailwind-dark.css +5 -4
  93. package/styles/timepicker/tailwind.css +5 -4
package/styles/bootstrap4.css CHANGED
@@ -288,6 +288,7 @@ ejs-calendar {
288
288
 
289
289
  .e-calendar,
290
290
  .e-bigger.e-small .e-calendar {
291
+ border-spacing: 0;
291
292
  max-width: 262px;
292
293
  min-width: 256px;
293
294
  padding: 0;
@@ -821,6 +822,7 @@ ejs-calendar {
821
822
  background: #f2f4f6;
822
823
  border: none;
823
824
  border-radius: 4px;
825
+ box-shadow: none;
824
826
  }
825
827
 
826
828
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
@@ -836,15 +838,17 @@ ejs-calendar {
836
838
  .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
837
839
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
838
840
  background: #fff;
839
- border: 1px solid #007bff;
841
+ border: none;
840
842
  border-radius: 4px;
843
+ box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
841
844
  color: #212529;
842
845
  }
843
846
 
844
847
  .e-calendar .e-content td.e-focused-date.e-today span.e-day,
845
848
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
846
849
  background: #f2f4f6;
847
- border: 1px solid #007bff;
850
+ border: none;
851
+ box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
848
852
  color: #212529;
849
853
  }
850
854
 
@@ -865,15 +869,15 @@ ejs-calendar {
865
869
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
866
870
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
867
871
  background-color: #f2f4f6;
868
- border: 1px solid #007bff;
872
+ border: none;
869
873
  color: #212529;
870
874
  }
871
875
 
872
876
  .e-calendar .e-content td.e-today.e-selected span.e-day,
873
877
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
874
878
  background-color: #007bff;
875
- border: 1px solid #007bff;
876
- box-shadow: none;
879
+ border: none;
880
+ box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
877
881
  color: #fff;
878
882
  }
879
883
 
@@ -1182,6 +1186,7 @@ ejs-calendar {
1182
1186
  }
1183
1187
 
1184
1188
  .e-timepicker.e-popup {
1189
+ background-color: #fff;
1185
1190
  border: 1px solid rgba(0, 0, 0, 0.15);
1186
1191
  border-radius: 4px;
1187
1192
  box-shadow: none;
@@ -1386,13 +1391,23 @@ ejs-calendar {
1386
1391
  }
1387
1392
 
1388
1393
  .e-datepicker.e-popup-wrapper,
1389
- .e-bigger.e-small .e-datepicker.e-popup-wrapper {
1394
+ .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1395
+ .e-bigger .e-datepicker.e-popup-wrapper,
1396
+ .e-small .e-datepicker.e-popup-wrapper,
1397
+ .e-bigger.e-small.e-datepicker.e-popup-wrapper,
1398
+ .e-bigger.e-datepicker.e-popup-wrapper,
1399
+ .e-small.e-datepicker.e-popup-wrapper {
1390
1400
  border: 1px solid rgba(0, 0, 0, 0.15);
1391
1401
  box-shadow: none;
1392
1402
  }
1393
1403
 
1394
1404
  .e-datepicker .e-calendar,
1395
- .e-bigger.e-small .e-datepicker .e-calendar {
1405
+ .e-bigger.e-small .e-datepicker .e-calendar,
1406
+ .e-bigger .e-datepicker .e-calendar,
1407
+ .e-small .e-datepicker .e-calendar,
1408
+ .e-bigger.e-small.e-datepicker .e-calendar,
1409
+ .e-bigger.e-datepicker .e-calendar,
1410
+ .e-small.e-datepicker .e-calendar {
1396
1411
  background-color: #fff;
1397
1412
  border: none;
1398
1413
  }
@@ -1605,11 +1620,11 @@ ejs-calendar {
1605
1620
  .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
1606
1621
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1607
1622
  cursor: pointer;
1623
+ line-height: 36px;
1624
+ width: auto;
1608
1625
  float: none;
1609
1626
  font-weight: bold;
1610
- line-height: 36px;
1611
1627
  margin-left: 0;
1612
- width: auto;
1613
1628
  }
1614
1629
 
1615
1630
  .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -2181,38 +2196,45 @@ ejs-calendar {
2181
2196
  }
2182
2197
 
2183
2198
  .e-daterangepicker.e-popup,
2184
- .e-bigger.e-small .e-daterangepicker.e-popup {
2199
+ .e-bigger.e-small .e-daterangepicker.e-popup,
2200
+ .e-bigger.e-small.e-daterangepicker.e-popup {
2185
2201
  background: #fff;
2186
2202
  }
2187
2203
 
2188
2204
  .e-daterangepicker.e-popup .e-calendar,
2189
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
2205
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
2206
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
2190
2207
  background-color: #fff;
2191
2208
  }
2192
2209
 
2193
2210
  .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2194
2211
  .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2195
2212
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2196
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2213
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2214
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2215
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2197
2216
  color: #212529;
2198
2217
  text-decoration: none;
2199
2218
  }
2200
2219
 
2201
2220
  .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2202
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2221
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2222
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2203
2223
  background-color: #e9ecef;
2204
2224
  color: #212529;
2205
2225
  }
2206
2226
 
2207
2227
  .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2208
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2228
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2229
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2209
2230
  background-color: #e9ecef;
2210
2231
  border: 1px solid #007bff;
2211
2232
  color: #212529;
2212
2233
  }
2213
2234
 
2214
2235
  .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2215
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2236
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2237
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2216
2238
  background: #e9ecef;
2217
2239
  border: none;
2218
2240
  color: #212529;
@@ -2223,7 +2245,10 @@ ejs-calendar {
2223
2245
  .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2224
2246
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2225
2247
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2226
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2248
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2249
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2250
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2251
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2227
2252
  background-color: #f2f4f6;
2228
2253
  border: none;
2229
2254
  color: #212529;
@@ -2236,12 +2261,17 @@ ejs-calendar {
2236
2261
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2237
2262
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2238
2263
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2239
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
2264
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
2265
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2266
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2267
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2268
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
2240
2269
  border: 1px solid #007bff;
2241
2270
  }
2242
2271
 
2243
2272
  .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2244
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2273
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2274
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2245
2275
  border: 1px solid #007bff;
2246
2276
  }
2247
2277
 
@@ -2256,7 +2286,13 @@ ejs-calendar {
2256
2286
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2257
2287
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2258
2288
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2259
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
2289
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
2290
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2291
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2292
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2293
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2294
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2295
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
2260
2296
  background-color: #fff;
2261
2297
  border: none;
2262
2298
  color: #adb5bd;
@@ -2265,7 +2301,9 @@ ejs-calendar {
2265
2301
  .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2266
2302
  .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2267
2303
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2268
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
2304
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2305
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2306
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
2269
2307
  background-color: #fff;
2270
2308
  border: none;
2271
2309
  color: #adb5bd;
@@ -2274,36 +2312,43 @@ ejs-calendar {
2274
2312
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2275
2313
  .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2276
2314
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2277
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2315
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2316
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2317
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2278
2318
  background-color: #007bff;
2279
2319
  color: #fff;
2280
2320
  }
2281
2321
 
2282
2322
  .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2283
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2323
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2324
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2284
2325
  background-color: #007bff;
2285
2326
  color: #fff;
2286
2327
  }
2287
2328
 
2288
2329
  .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2289
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2330
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2331
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2290
2332
  color: #fff;
2291
2333
  }
2292
2334
 
2293
2335
  .e-daterangepicker.e-popup .e-presets,
2294
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
2336
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
2337
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
2295
2338
  background-color: #fff;
2296
2339
  color: #212529;
2297
2340
  }
2298
2341
 
2299
2342
  .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2300
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2343
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2344
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2301
2345
  background-color: #007bff;
2302
2346
  color: #fff;
2303
2347
  }
2304
2348
 
2305
2349
  .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2306
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2350
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2351
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2307
2352
  background-color: #e9ecef;
2308
2353
  color: #212529;
2309
2354
  }
@@ -2311,27 +2356,33 @@ ejs-calendar {
2311
2356
  .e-daterangepicker.e-popup .e-start-label,
2312
2357
  .e-daterangepicker.e-popup .e-end-label,
2313
2358
  .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
2314
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label {
2359
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
2360
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
2361
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
2315
2362
  color: #212529;
2316
2363
  }
2317
2364
 
2318
2365
  .e-daterangepicker.e-popup .e-change-icon,
2319
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon {
2366
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
2367
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
2320
2368
  color: #212529;
2321
2369
  }
2322
2370
 
2323
2371
  .e-daterangepicker.e-popup .e-day-span,
2324
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span {
2372
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
2373
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
2325
2374
  color: #6c757d;
2326
2375
  }
2327
2376
 
2328
2377
  .e-daterangepicker.e-popup .e-separator,
2329
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
2378
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
2379
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
2330
2380
  background-color: #e9ecef;
2331
2381
  }
2332
2382
 
2333
2383
  .e-daterangepicker.e-popup .e-footer,
2334
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
2384
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
2385
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
2335
2386
  background-color: #fff;
2336
2387
  }
2337
2388