@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.
- package/CHANGELOG.md +0 -6
- package/dist/ej2-react-calendars.min.js +10 -0
- package/dist/ej2-react-calendars.umd.min.js +1 -1
- package/package.json +8 -8
- package/styles/bootstrap-dark.css +21 -2
- package/styles/bootstrap.css +21 -2
- package/styles/bootstrap4.css +21 -2
- package/styles/bootstrap5-dark.css +26 -4
- package/styles/bootstrap5.css +26 -4
- package/styles/calendar/bootstrap-dark.css +1 -0
- package/styles/calendar/bootstrap.css +1 -0
- package/styles/calendar/bootstrap4.css +1 -0
- package/styles/calendar/bootstrap5-dark.css +1 -0
- package/styles/calendar/bootstrap5.css +1 -0
- package/styles/calendar/fabric-dark.css +1 -0
- package/styles/calendar/fabric.css +1 -0
- package/styles/calendar/fluent-dark.css +1 -0
- package/styles/calendar/fluent.css +1 -0
- package/styles/calendar/highcontrast-light.css +1 -0
- package/styles/calendar/highcontrast.css +1 -0
- package/styles/calendar/material-dark.css +1 -0
- package/styles/calendar/material.css +1 -0
- package/styles/calendar/tailwind-dark.css +2 -0
- package/styles/calendar/tailwind.css +2 -0
- package/styles/datepicker/bootstrap-dark.css +3 -1
- package/styles/datepicker/bootstrap.css +3 -1
- package/styles/datepicker/bootstrap4.css +3 -1
- package/styles/datepicker/bootstrap5-dark.css +4 -2
- package/styles/datepicker/bootstrap5.css +4 -2
- package/styles/datepicker/fabric-dark.css +3 -1
- package/styles/datepicker/fabric.css +3 -1
- package/styles/datepicker/fluent-dark.css +4 -2
- package/styles/datepicker/fluent.css +4 -2
- package/styles/datepicker/highcontrast-light.css +3 -1
- package/styles/datepicker/highcontrast.css +3 -1
- package/styles/datepicker/material-dark.css +3 -1
- package/styles/datepicker/material.css +85 -0
- package/styles/datepicker/tailwind-dark.css +4 -2
- package/styles/datepicker/tailwind.css +4 -2
- package/styles/daterangepicker/bootstrap-dark.css +11 -1
- package/styles/daterangepicker/bootstrap.css +11 -1
- package/styles/daterangepicker/bootstrap4.css +11 -1
- package/styles/daterangepicker/bootstrap5-dark.css +13 -2
- package/styles/daterangepicker/bootstrap5.css +13 -2
- package/styles/daterangepicker/fabric-dark.css +11 -1
- package/styles/daterangepicker/fabric.css +11 -1
- package/styles/daterangepicker/fluent-dark.css +12 -2
- package/styles/daterangepicker/fluent.css +12 -2
- package/styles/daterangepicker/highcontrast-light.css +11 -1
- package/styles/daterangepicker/highcontrast.css +11 -1
- package/styles/daterangepicker/material-dark.css +13 -3
- package/styles/daterangepicker/material.css +123 -0
- package/styles/daterangepicker/tailwind-dark.css +13 -2
- package/styles/daterangepicker/tailwind.css +13 -2
- package/styles/datetimepicker/bootstrap-dark.css +2 -0
- package/styles/datetimepicker/bootstrap.css +2 -0
- package/styles/datetimepicker/bootstrap4.css +2 -0
- package/styles/datetimepicker/bootstrap5-dark.css +3 -0
- package/styles/datetimepicker/bootstrap5.css +3 -0
- package/styles/datetimepicker/fabric-dark.css +2 -0
- package/styles/datetimepicker/fabric.css +2 -0
- package/styles/datetimepicker/fluent-dark.css +3 -0
- package/styles/datetimepicker/fluent.css +3 -0
- package/styles/datetimepicker/highcontrast-light.css +2 -0
- package/styles/datetimepicker/highcontrast.css +2 -0
- package/styles/datetimepicker/material-dark.css +2 -0
- package/styles/datetimepicker/material.css +2 -0
- package/styles/datetimepicker/tailwind-dark.css +3 -0
- package/styles/datetimepicker/tailwind.css +3 -0
- package/styles/fabric-dark.css +21 -2
- package/styles/fabric.css +21 -4
- package/styles/fluent-dark.css +25 -4
- package/styles/fluent.css +25 -4
- package/styles/highcontrast-light.css +21 -2
- package/styles/highcontrast.css +21 -2
- package/styles/material-dark.css +23 -4
- package/styles/material.css +215 -0
- package/styles/tailwind-dark.css +27 -4
- package/styles/tailwind.css +27 -4
- package/styles/timepicker/bootstrap-dark.css +4 -0
- package/styles/timepicker/bootstrap.css +4 -0
- package/styles/timepicker/bootstrap4.css +4 -0
- package/styles/timepicker/bootstrap5-dark.css +5 -0
- package/styles/timepicker/bootstrap5.css +5 -0
- package/styles/timepicker/fabric-dark.css +4 -0
- package/styles/timepicker/fabric.css +4 -0
- package/styles/timepicker/fluent-dark.css +5 -0
- package/styles/timepicker/fluent.css +5 -0
- package/styles/timepicker/highcontrast-light.css +4 -0
- package/styles/timepicker/highcontrast.css +4 -0
- package/styles/timepicker/material-dark.css +4 -0
- package/styles/timepicker/material.css +4 -0
- package/styles/timepicker/tailwind-dark.css +5 -0
- package/styles/timepicker/tailwind.css +5 -0
package/styles/material-dark.css
CHANGED
|
@@ -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: #
|
|
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: #
|
|
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 {
|
package/styles/material.css
CHANGED
|
@@ -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 {
|
package/styles/tailwind-dark.css
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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 {
|