@syncfusion/ej2-react-calendars 20.2.46 → 20.3.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 (94) hide show
  1. package/CHANGELOG.md +0 -6
  2. package/dist/ej2-react-calendars.min.js +10 -0
  3. package/dist/ej2-react-calendars.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +21 -2
  6. package/styles/bootstrap.css +21 -2
  7. package/styles/bootstrap4.css +21 -2
  8. package/styles/bootstrap5-dark.css +26 -4
  9. package/styles/bootstrap5.css +26 -4
  10. package/styles/calendar/bootstrap-dark.css +1 -0
  11. package/styles/calendar/bootstrap.css +1 -0
  12. package/styles/calendar/bootstrap4.css +1 -0
  13. package/styles/calendar/bootstrap5-dark.css +1 -0
  14. package/styles/calendar/bootstrap5.css +1 -0
  15. package/styles/calendar/fabric-dark.css +1 -0
  16. package/styles/calendar/fabric.css +1 -0
  17. package/styles/calendar/fluent-dark.css +1 -0
  18. package/styles/calendar/fluent.css +1 -0
  19. package/styles/calendar/highcontrast-light.css +1 -0
  20. package/styles/calendar/highcontrast.css +1 -0
  21. package/styles/calendar/material-dark.css +1 -0
  22. package/styles/calendar/material.css +1 -0
  23. package/styles/calendar/tailwind-dark.css +2 -0
  24. package/styles/calendar/tailwind.css +2 -0
  25. package/styles/datepicker/bootstrap-dark.css +3 -1
  26. package/styles/datepicker/bootstrap.css +3 -1
  27. package/styles/datepicker/bootstrap4.css +3 -1
  28. package/styles/datepicker/bootstrap5-dark.css +4 -2
  29. package/styles/datepicker/bootstrap5.css +4 -2
  30. package/styles/datepicker/fabric-dark.css +3 -1
  31. package/styles/datepicker/fabric.css +3 -1
  32. package/styles/datepicker/fluent-dark.css +4 -2
  33. package/styles/datepicker/fluent.css +4 -2
  34. package/styles/datepicker/highcontrast-light.css +3 -1
  35. package/styles/datepicker/highcontrast.css +3 -1
  36. package/styles/datepicker/material-dark.css +3 -1
  37. package/styles/datepicker/material.css +85 -0
  38. package/styles/datepicker/tailwind-dark.css +4 -2
  39. package/styles/datepicker/tailwind.css +4 -2
  40. package/styles/daterangepicker/bootstrap-dark.css +11 -1
  41. package/styles/daterangepicker/bootstrap.css +11 -1
  42. package/styles/daterangepicker/bootstrap4.css +11 -1
  43. package/styles/daterangepicker/bootstrap5-dark.css +13 -2
  44. package/styles/daterangepicker/bootstrap5.css +13 -2
  45. package/styles/daterangepicker/fabric-dark.css +11 -1
  46. package/styles/daterangepicker/fabric.css +11 -1
  47. package/styles/daterangepicker/fluent-dark.css +12 -2
  48. package/styles/daterangepicker/fluent.css +12 -2
  49. package/styles/daterangepicker/highcontrast-light.css +11 -1
  50. package/styles/daterangepicker/highcontrast.css +11 -1
  51. package/styles/daterangepicker/material-dark.css +13 -3
  52. package/styles/daterangepicker/material.css +123 -0
  53. package/styles/daterangepicker/tailwind-dark.css +13 -2
  54. package/styles/daterangepicker/tailwind.css +13 -2
  55. package/styles/datetimepicker/bootstrap-dark.css +2 -0
  56. package/styles/datetimepicker/bootstrap.css +2 -0
  57. package/styles/datetimepicker/bootstrap4.css +2 -0
  58. package/styles/datetimepicker/bootstrap5-dark.css +3 -0
  59. package/styles/datetimepicker/bootstrap5.css +3 -0
  60. package/styles/datetimepicker/fabric-dark.css +2 -0
  61. package/styles/datetimepicker/fabric.css +2 -0
  62. package/styles/datetimepicker/fluent-dark.css +3 -0
  63. package/styles/datetimepicker/fluent.css +3 -0
  64. package/styles/datetimepicker/highcontrast-light.css +2 -0
  65. package/styles/datetimepicker/highcontrast.css +2 -0
  66. package/styles/datetimepicker/material-dark.css +2 -0
  67. package/styles/datetimepicker/material.css +2 -0
  68. package/styles/datetimepicker/tailwind-dark.css +3 -0
  69. package/styles/datetimepicker/tailwind.css +3 -0
  70. package/styles/fabric-dark.css +21 -2
  71. package/styles/fabric.css +21 -4
  72. package/styles/fluent-dark.css +25 -4
  73. package/styles/fluent.css +25 -4
  74. package/styles/highcontrast-light.css +21 -2
  75. package/styles/highcontrast.css +21 -2
  76. package/styles/material-dark.css +23 -4
  77. package/styles/material.css +215 -0
  78. package/styles/tailwind-dark.css +27 -4
  79. package/styles/tailwind.css +27 -4
  80. package/styles/timepicker/bootstrap-dark.css +4 -0
  81. package/styles/timepicker/bootstrap.css +4 -0
  82. package/styles/timepicker/bootstrap4.css +4 -0
  83. package/styles/timepicker/bootstrap5-dark.css +5 -0
  84. package/styles/timepicker/bootstrap5.css +5 -0
  85. package/styles/timepicker/fabric-dark.css +4 -0
  86. package/styles/timepicker/fabric.css +4 -0
  87. package/styles/timepicker/fluent-dark.css +5 -0
  88. package/styles/timepicker/fluent.css +5 -0
  89. package/styles/timepicker/highcontrast-light.css +4 -0
  90. package/styles/timepicker/highcontrast.css +4 -0
  91. package/styles/timepicker/material-dark.css +4 -0
  92. package/styles/timepicker/material.css +4 -0
  93. package/styles/timepicker/tailwind-dark.css +5 -0
  94. package/styles/timepicker/tailwind.css +5 -0
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 2px;
42
43
  display: block;
@@ -821,6 +822,7 @@ ejs-calendar {
821
822
  transform: scale(1);
822
823
  }
823
824
  }
825
+ /* stylelint-disable property-no-vendor-prefix */
824
826
  @keyframes e-input-ripple {
825
827
  100% {
826
828
  opacity: 0;
@@ -869,6 +871,7 @@ ejs-calendar {
869
871
 
870
872
  .e-time-wrapper,
871
873
  *.e-control-wrapper.e-time-wrapper {
874
+ /* stylelint-disable property-no-vendor-prefix */
872
875
  -webkit-tap-highlight-color: transparent;
873
876
  }
874
877
  .e-time-wrapper .e-time-icon.e-icons,
@@ -988,6 +991,7 @@ ejs-calendar {
988
991
  min-height: 40px;
989
992
  }
990
993
 
994
+ /* stylelint-disable */
991
995
  .e-time-overflow {
992
996
  overflow: hidden;
993
997
  }
@@ -1015,6 +1019,7 @@ ejs-calendar {
1015
1019
  top: 0 !important;
1016
1020
  }
1017
1021
 
1022
+ /* stylelint-enable */
1018
1023
  /*! timepicker theme */
1019
1024
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1020
1025
  color: #00b0ff;
@@ -1064,6 +1069,7 @@ ejs-calendar {
1064
1069
  color: #000;
1065
1070
  }
1066
1071
 
1072
+ /* stylelint-disable property-no-vendor-prefix */
1067
1073
  @keyframes e-input-ripple {
1068
1074
  100% {
1069
1075
  opacity: 0;
@@ -1200,6 +1206,7 @@ ejs-calendar {
1200
1206
  margin: 0;
1201
1207
  }
1202
1208
 
1209
+ /* stylelint-disable */
1203
1210
  .e-date-overflow {
1204
1211
  overflow: hidden !important;
1205
1212
  }
@@ -1226,7 +1233,6 @@ ejs-calendar {
1226
1233
  top: 0 !important;
1227
1234
  left: 0 !important;
1228
1235
  }
1229
-
1230
1236
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1231
1237
  background-size: 250px 33px;
1232
1238
  min-height: 33px;
@@ -1245,6 +1251,7 @@ ejs-calendar {
1245
1251
  overflow: auto;
1246
1252
  }
1247
1253
  }
1254
+ /* stylelint-enable */
1248
1255
  .e-datepicker.e-popup-wrapper,
1249
1256
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1250
1257
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1277,6 +1284,7 @@ ejs-calendar {
1277
1284
  color: #00b0ff;
1278
1285
  }
1279
1286
 
1287
+ /* stylelint-disable property-no-vendor-prefix */
1280
1288
  @keyframes e-input-ripple {
1281
1289
  100% {
1282
1290
  opacity: 0;
@@ -1914,6 +1922,7 @@ ejs-calendar {
1914
1922
  line-height: 26px;
1915
1923
  }
1916
1924
 
1925
+ /* stylelint-disable */
1917
1926
  .e-range-overflow {
1918
1927
  overflow: hidden;
1919
1928
  }
@@ -1940,7 +1949,6 @@ ejs-calendar {
1940
1949
  top: 0 !important;
1941
1950
  left: 0 !important;
1942
1951
  }
1943
-
1944
1952
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1945
1953
  background-size: 250px 33px;
1946
1954
  min-height: 33px;
@@ -1952,6 +1960,15 @@ ejs-calendar {
1952
1960
  min-height: 40px;
1953
1961
  }
1954
1962
 
1963
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
1964
+ width: calc(100% - 80px);
1965
+ }
1966
+
1967
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
1968
+ width: calc(100% - 110px);
1969
+ }
1970
+
1971
+ /* stylelint-enable */
1955
1972
  /*! daterangepicker theme */
1956
1973
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1957
1974
  color: #00b0ff;
@@ -2118,7 +2135,7 @@ ejs-calendar {
2118
2135
  .e-bigger .e-daterangepicker,
2119
2136
  *.e-bigger.e-daterangepicker,
2120
2137
  *.e-device.e-daterangepicker {
2121
- background-color: #fff;
2138
+ background-color: #424242;
2122
2139
  padding: 0;
2123
2140
  }
2124
2141
  .e-bigger .e-daterangepicker .e-calendar th,
@@ -2131,7 +2148,7 @@ ejs-calendar {
2131
2148
  *.e-bigger.e-daterangepicker .e-end-btn,
2132
2149
  *.e-device.e-daterangepicker .e-start-btn,
2133
2150
  *.e-device.e-daterangepicker .e-end-btn {
2134
- background: #fff;
2151
+ background: #424242;
2135
2152
  }
2136
2153
  .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
2137
2154
  *.e-bigger.e-daterangepicker .e-start-btn.e-active,
@@ -2150,6 +2167,7 @@ ejs-calendar {
2150
2167
  color: #fff;
2151
2168
  }
2152
2169
 
2170
+ /* stylelint-disable property-no-vendor-prefix */
2153
2171
  @keyframes e-input-ripple {
2154
2172
  100% {
2155
2173
  opacity: 0;
@@ -2209,6 +2227,7 @@ ejs-calendar {
2209
2227
  }
2210
2228
 
2211
2229
  .e-datetime-wrapper {
2230
+ /* stylelint-disable property-no-vendor-prefix */
2212
2231
  -webkit-tap-highlight-color: transparent;
2213
2232
  }
2214
2233
  .e-datetime-wrapper .e-time-icon.e-icons::before {
@@ -38,6 +38,7 @@ ejs-calendar {
38
38
 
39
39
  .e-calendar,
40
40
  .e-bigger.e-small .e-calendar {
41
+ /* stylelint-disable property-no-vendor-prefix */
41
42
  -webkit-tap-highlight-color: transparent;
42
43
  border-radius: 2px;
43
44
  display: block;
@@ -822,6 +823,7 @@ ejs-calendar {
822
823
  transform: scale(1);
823
824
  }
824
825
  }
826
+ /* stylelint-disable property-no-vendor-prefix */
825
827
  @keyframes e-input-ripple {
826
828
  100% {
827
829
  opacity: 0;
@@ -878,6 +880,7 @@ ejs-calendar {
878
880
 
879
881
  .e-time-wrapper,
880
882
  *.e-control-wrapper.e-time-wrapper {
883
+ /* stylelint-disable property-no-vendor-prefix */
881
884
  -webkit-tap-highlight-color: transparent;
882
885
  }
883
886
  .e-time-wrapper .e-time-icon.e-icons,
@@ -997,6 +1000,7 @@ ejs-calendar {
997
1000
  min-height: 40px;
998
1001
  }
999
1002
 
1003
+ /* stylelint-disable */
1000
1004
  .e-time-overflow {
1001
1005
  overflow: hidden;
1002
1006
  }
@@ -1024,6 +1028,7 @@ ejs-calendar {
1024
1028
  top: 0 !important;
1025
1029
  }
1026
1030
 
1031
+ /* stylelint-enable */
1027
1032
  /*! timepicker theme */
1028
1033
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1029
1034
  color: #e3165b;
@@ -1073,6 +1078,7 @@ ejs-calendar {
1073
1078
  color: #000;
1074
1079
  }
1075
1080
 
1081
+ /* stylelint-disable property-no-vendor-prefix */
1076
1082
  @keyframes e-input-ripple {
1077
1083
  100% {
1078
1084
  opacity: 0;
@@ -1218,6 +1224,7 @@ ejs-calendar {
1218
1224
  margin: 0;
1219
1225
  }
1220
1226
 
1227
+ /* stylelint-disable */
1221
1228
  .e-date-overflow {
1222
1229
  overflow: hidden !important;
1223
1230
  }
@@ -1244,6 +1251,10 @@ ejs-calendar {
1244
1251
  top: 0 !important;
1245
1252
  left: 0 !important;
1246
1253
  }
1254
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1255
+ min-width: 100%;
1256
+ min-height: 100%;
1257
+ }
1247
1258
 
1248
1259
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1249
1260
  background-size: 250px 33px;
@@ -1256,6 +1267,43 @@ ejs-calendar {
1256
1267
  min-height: 40px;
1257
1268
  }
1258
1269
 
1270
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1271
+ height: 15%;
1272
+ }
1273
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1274
+ float: right;
1275
+ margin-right: 10px;
1276
+ padding: 5px;
1277
+ }
1278
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1279
+ content: "\e932";
1280
+ font-family: "e-icons";
1281
+ color: rgba(0, 0, 0, 0.54);
1282
+ }
1283
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1284
+ min-width: 100%;
1285
+ min-height: 100%;
1286
+ height: 100%;
1287
+ }
1288
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
1289
+ font-size: 9px;
1290
+ }
1291
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1292
+ height: 10%;
1293
+ }
1294
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1295
+ height: 85%;
1296
+ }
1297
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1298
+ height: 10%;
1299
+ }
1300
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1301
+ height: 80%;
1302
+ }
1303
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1304
+ height: 100%;
1305
+ }
1306
+
1259
1307
  @media screen and (orientation: landscape) and (max-height: 360px) {
1260
1308
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1261
1309
  display: inline-block;
@@ -1263,6 +1311,48 @@ ejs-calendar {
1263
1311
  overflow: auto;
1264
1312
  }
1265
1313
  }
1314
+ @media screen and (orientation: landscape) {
1315
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1316
+ float: left;
1317
+ height: 100%;
1318
+ width: 30%;
1319
+ }
1320
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1321
+ float: left;
1322
+ padding: 5px;
1323
+ }
1324
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1325
+ font-size: 3.2vw;
1326
+ margin-top: 35%;
1327
+ }
1328
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
1329
+ display: block;
1330
+ font-size: 4vw;
1331
+ margin-top: 10%;
1332
+ }
1333
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1334
+ height: 10%;
1335
+ }
1336
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1337
+ height: 75%;
1338
+ }
1339
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1340
+ display: -ms-flexbox;
1341
+ display: flex;
1342
+ }
1343
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1344
+ float: right;
1345
+ height: 90%;
1346
+ width: 70%;
1347
+ }
1348
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1349
+ display: table-row-group;
1350
+ }
1351
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
1352
+ height: 100%;
1353
+ }
1354
+ }
1355
+ /* stylelint-enable */
1266
1356
  .e-datepicker.e-popup-wrapper,
1267
1357
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1268
1358
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1295,6 +1385,7 @@ ejs-calendar {
1295
1385
  color: #e3165b;
1296
1386
  }
1297
1387
 
1388
+ /* stylelint-disable property-no-vendor-prefix */
1298
1389
  @keyframes e-input-ripple {
1299
1390
  100% {
1300
1391
  opacity: 0;
@@ -1941,6 +2032,7 @@ ejs-calendar {
1941
2032
  line-height: 26px;
1942
2033
  }
1943
2034
 
2035
+ /* stylelint-disable */
1944
2036
  .e-range-overflow {
1945
2037
  overflow: hidden;
1946
2038
  }
@@ -1967,6 +2059,12 @@ ejs-calendar {
1967
2059
  top: 0 !important;
1968
2060
  left: 0 !important;
1969
2061
  }
2062
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
2063
+ min-height: 100%;
2064
+ min-width: 100%;
2065
+ height: 100%;
2066
+ width: 100%;
2067
+ }
1970
2068
 
1971
2069
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1972
2070
  background-size: 250px 33px;
@@ -1979,6 +2077,121 @@ ejs-calendar {
1979
2077
  min-height: 40px;
1980
2078
  }
1981
2079
 
2080
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
2081
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2082
+ min-height: 100%;
2083
+ min-width: 100%;
2084
+ height: 100%;
2085
+ width: 100%;
2086
+ }
2087
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2088
+ height: 100%;
2089
+ }
2090
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2091
+ height: 78%;
2092
+ }
2093
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2094
+ height: 90%;
2095
+ }
2096
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
2097
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
2098
+ height: 10%;
2099
+ }
2100
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
2101
+ margin: 0;
2102
+ }
2103
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2104
+ height: 90%;
2105
+ }
2106
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2107
+ height: 100%;
2108
+ border-spacing: 0px 30px;
2109
+ }
2110
+
2111
+ @media screen and (orientation: landscape) {
2112
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
2113
+ float: left;
2114
+ height: 100%;
2115
+ border-right: 1.5px;
2116
+ border-color: black;
2117
+ width: 40%;
2118
+ margin: 0;
2119
+ display: block;
2120
+ background-color: #3f51b5;
2121
+ }
2122
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2123
+ height: 100%;
2124
+ width: 100%;
2125
+ }
2126
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
2127
+ display: block;
2128
+ width: 100%;
2129
+ text-align: -webkit-center;
2130
+ }
2131
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
2132
+ display: block;
2133
+ width: 100%;
2134
+ text-align: -webkit-center;
2135
+ margin-top: 20%;
2136
+ font-size: 20px;
2137
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
2138
+ }
2139
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
2140
+ font-size: 20px;
2141
+ margin-top: 60%;
2142
+ color: #fff;
2143
+ }
2144
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
2145
+ width: 100%;
2146
+ text-align: -webkit-center;
2147
+ margin-top: 20%;
2148
+ font-size: 20px;
2149
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
2150
+ }
2151
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2152
+ height: 82%;
2153
+ }
2154
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2155
+ height: 80%;
2156
+ }
2157
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2158
+ border-spacing: unset;
2159
+ }
2160
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
2161
+ height: 20%;
2162
+ }
2163
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2164
+ width: 100%;
2165
+ }
2166
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2167
+ display: -ms-flexbox;
2168
+ display: flex;
2169
+ }
2170
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2171
+ border-radius: 0 40% 40% 0;
2172
+ }
2173
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2174
+ border-radius: 0 40% 40% 0;
2175
+ }
2176
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-rtl .e-content.e-year .e-end-date.e-selected.e-range-hover {
2177
+ border-radius: 40% 0 0 40%;
2178
+ }
2179
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-rtl .e-content.e-year .e-start-date.e-selected.e-range-hover {
2180
+ border-radius: 0 40% 40% 0;
2181
+ }
2182
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-rtl .e-content.e-month .e-end-date.e-selected.e-range-hover {
2183
+ border-radius: 40% 0 0 40%;
2184
+ }
2185
+ }
2186
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
2187
+ width: calc(100% - 80px);
2188
+ }
2189
+
2190
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
2191
+ width: calc(100% - 110px);
2192
+ }
2193
+
2194
+ /* stylelint-enable */
1982
2195
  /*! daterangepicker theme */
1983
2196
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1984
2197
  color: #e3165b;
@@ -2177,6 +2390,7 @@ ejs-calendar {
2177
2390
  color: #fff;
2178
2391
  }
2179
2392
 
2393
+ /* stylelint-disable property-no-vendor-prefix */
2180
2394
  @keyframes e-input-ripple {
2181
2395
  100% {
2182
2396
  opacity: 0;
@@ -2253,6 +2467,7 @@ ejs-calendar {
2253
2467
  }
2254
2468
 
2255
2469
  .e-datetime-wrapper {
2470
+ /* stylelint-disable property-no-vendor-prefix */
2256
2471
  -webkit-tap-highlight-color: transparent;
2257
2472
  }
2258
2473
  .e-datetime-wrapper .e-time-icon.e-icons::before {
@@ -42,6 +42,7 @@ ejs-calendar {
42
42
 
43
43
  .e-calendar,
44
44
  .e-bigger.e-small .e-calendar {
45
+ /* stylelint-disable property-no-vendor-prefix */
45
46
  -webkit-tap-highlight-color: transparent;
46
47
  border-radius: 4px;
47
48
  display: block;
@@ -889,6 +890,7 @@ ejs-calendar {
889
890
  }
890
891
  .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover),
891
892
  .e-bigger.e-small .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover) {
893
+ /* stylelint-disable property-no-vendor-prefix */
892
894
  -webkit-tap-highlight-color: transparent;
893
895
  background-color: #22d3ee;
894
896
  border-color: #22d3ee;
@@ -926,6 +928,8 @@ ejs-calendar {
926
928
  transform: scale(1);
927
929
  }
928
930
  }
931
+ /* stylelint-disable property-no-vendor-prefix */
932
+ /* stylelint-disable-line no-empty-source */
929
933
  /*! component icons */
930
934
  .e-time-wrapper .e-time-icon.e-icons::before,
931
935
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -940,6 +944,7 @@ ejs-calendar {
940
944
 
941
945
  .e-time-wrapper,
942
946
  *.e-control-wrapper.e-time-wrapper {
947
+ /* stylelint-disable property-no-vendor-prefix */
943
948
  -webkit-tap-highlight-color: transparent;
944
949
  }
945
950
  .e-time-wrapper .e-time-icon.e-icons,
@@ -1055,6 +1060,7 @@ ejs-calendar {
1055
1060
  min-height: 40px;
1056
1061
  }
1057
1062
 
1063
+ /* stylelint-disable */
1058
1064
  .e-time-overflow {
1059
1065
  overflow: hidden;
1060
1066
  }
@@ -1082,6 +1088,7 @@ ejs-calendar {
1082
1088
  top: 0 !important;
1083
1089
  }
1084
1090
 
1091
+ /* stylelint-enable */
1085
1092
  /*! timepicker theme */
1086
1093
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1087
1094
  color: #fff;
@@ -1131,7 +1138,8 @@ ejs-calendar {
1131
1138
  color: #fff;
1132
1139
  }
1133
1140
 
1134
- /*! calendar tailwind theme variables */
1141
+ /* stylelint-disable property-no-vendor-prefix */
1142
+ /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
1135
1143
  /*! component icons */
1136
1144
  .e-input-group-icon.e-date-icon,
1137
1145
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1235,6 +1243,7 @@ ejs-calendar {
1235
1243
  margin: 0;
1236
1244
  }
1237
1245
 
1246
+ /* stylelint-disable */
1238
1247
  .e-date-overflow {
1239
1248
  overflow: hidden !important;
1240
1249
  }
@@ -1261,7 +1270,6 @@ ejs-calendar {
1261
1270
  top: 0 !important;
1262
1271
  left: 0 !important;
1263
1272
  }
1264
-
1265
1273
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1266
1274
  background-size: 250px 33px;
1267
1275
  min-height: 33px;
@@ -1280,6 +1288,7 @@ ejs-calendar {
1280
1288
  overflow: auto;
1281
1289
  }
1282
1290
  }
1291
+ /* stylelint-enable */
1283
1292
  .e-datepicker.e-popup-wrapper,
1284
1293
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1285
1294
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1312,7 +1321,8 @@ ejs-calendar {
1312
1321
  color: #d1d5db;
1313
1322
  }
1314
1323
 
1315
- /*! calendar tailwind theme variables */
1324
+ /* stylelint-disable property-no-vendor-prefix */
1325
+ /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
1316
1326
  /*! component icons */
1317
1327
  .e-input-group-icon.e-range-icon,
1318
1328
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1943,6 +1953,7 @@ ejs-calendar {
1943
1953
  line-height: 26px;
1944
1954
  }
1945
1955
 
1956
+ /* stylelint-disable */
1946
1957
  .e-range-overflow {
1947
1958
  overflow: hidden;
1948
1959
  }
@@ -1969,7 +1980,6 @@ ejs-calendar {
1969
1980
  top: 0 !important;
1970
1981
  left: 0 !important;
1971
1982
  }
1972
-
1973
1983
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1974
1984
  background-size: 250px 33px;
1975
1985
  min-height: 33px;
@@ -1981,6 +1991,15 @@ ejs-calendar {
1981
1991
  min-height: 40px;
1982
1992
  }
1983
1993
 
1994
+ .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
1995
+ width: calc(100% - 80px);
1996
+ }
1997
+
1998
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
1999
+ width: calc(100% - 110px);
2000
+ }
2001
+
2002
+ /* stylelint-enable */
1984
2003
  /*! daterangepicker theme */
1985
2004
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1986
2005
  color: #fff;
@@ -2115,6 +2134,7 @@ ejs-calendar {
2115
2134
  .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover),
2116
2135
  .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover),
2117
2136
  .e-bigger.e-small.e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
2137
+ /* stylelint-disable property-no-vendor-prefix */
2118
2138
  -webkit-tap-highlight-color: transparent;
2119
2139
  background-color: #1f2937;
2120
2140
  border-color: #6b7280;
@@ -2165,6 +2185,8 @@ ejs-calendar {
2165
2185
  color: #000;
2166
2186
  }
2167
2187
 
2188
+ /* stylelint-disable property-no-vendor-prefix */
2189
+ /* stylelint-disable-line no-empty-source */
2168
2190
  /*! component icons */
2169
2191
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2170
2192
  content: "\e705";
@@ -2178,6 +2200,7 @@ ejs-calendar {
2178
2200
  }
2179
2201
 
2180
2202
  .e-datetime-wrapper {
2203
+ /* stylelint-disable property-no-vendor-prefix */
2181
2204
  -webkit-tap-highlight-color: transparent;
2182
2205
  }
2183
2206
  .e-datetime-wrapper .e-time-icon.e-icons::before {