@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
package/styles/fabric.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: 0;
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
  /*! component icons */
825
827
  .e-time-wrapper .e-time-icon.e-icons::before,
826
828
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -835,6 +837,7 @@ ejs-calendar {
835
837
 
836
838
  .e-time-wrapper,
837
839
  *.e-control-wrapper.e-time-wrapper {
840
+ /* stylelint-disable property-no-vendor-prefix */
838
841
  -webkit-tap-highlight-color: transparent;
839
842
  }
840
843
  .e-time-wrapper .e-time-icon.e-icons,
@@ -950,6 +953,7 @@ ejs-calendar {
950
953
  min-height: 40px;
951
954
  }
952
955
 
956
+ /* stylelint-disable */
953
957
  .e-time-overflow {
954
958
  overflow: hidden;
955
959
  }
@@ -977,6 +981,7 @@ ejs-calendar {
977
981
  top: 0 !important;
978
982
  }
979
983
 
984
+ /* stylelint-enable */
980
985
  /*! timepicker theme */
981
986
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
982
987
  color: #333;
@@ -1026,6 +1031,7 @@ ejs-calendar {
1026
1031
  color: #333;
1027
1032
  }
1028
1033
 
1034
+ /* stylelint-disable property-no-vendor-prefix */
1029
1035
  /*! calendar fabric theme variables */
1030
1036
  /*! component icons */
1031
1037
  .e-input-group-icon.e-date-icon,
@@ -1121,6 +1127,7 @@ ejs-calendar {
1121
1127
  margin: 0;
1122
1128
  }
1123
1129
 
1130
+ /* stylelint-disable */
1124
1131
  .e-date-overflow {
1125
1132
  overflow: hidden !important;
1126
1133
  }
@@ -1147,7 +1154,6 @@ ejs-calendar {
1147
1154
  top: 0 !important;
1148
1155
  left: 0 !important;
1149
1156
  }
1150
-
1151
1157
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1152
1158
  background-size: 250px 33px;
1153
1159
  min-height: 33px;
@@ -1166,6 +1172,7 @@ ejs-calendar {
1166
1172
  overflow: auto;
1167
1173
  }
1168
1174
  }
1175
+ /* stylelint-enable */
1169
1176
  .e-datepicker.e-popup-wrapper,
1170
1177
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1171
1178
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1191,6 +1198,7 @@ ejs-calendar {
1191
1198
  border: 1px solid #0078d6;
1192
1199
  }
1193
1200
 
1201
+ /* stylelint-disable property-no-vendor-prefix */
1194
1202
  /*! calendar fabric theme variables */
1195
1203
  /*! component icons */
1196
1204
  .e-input-group-icon.e-range-icon,
@@ -1791,6 +1799,7 @@ ejs-calendar {
1791
1799
  line-height: 26px;
1792
1800
  }
1793
1801
 
1802
+ /* stylelint-disable */
1794
1803
  .e-range-overflow {
1795
1804
  overflow: hidden;
1796
1805
  }
@@ -1817,7 +1826,6 @@ ejs-calendar {
1817
1826
  top: 0 !important;
1818
1827
  left: 0 !important;
1819
1828
  }
1820
-
1821
1829
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1822
1830
  background-size: 250px 33px;
1823
1831
  min-height: 33px;
@@ -1829,6 +1837,15 @@ ejs-calendar {
1829
1837
  min-height: 40px;
1830
1838
  }
1831
1839
 
1840
+ .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 {
1841
+ width: calc(100% - 80px);
1842
+ }
1843
+
1844
+ .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 {
1845
+ width: calc(100% - 110px);
1846
+ }
1847
+
1848
+ /* stylelint-enable */
1832
1849
  /*! daterangepicker theme */
1833
1850
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1834
1851
  color: #333;
@@ -2025,8 +2042,7 @@ ejs-calendar {
2025
2042
  *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
2026
2043
  background: #0078d6;
2027
2044
  color: #fff;
2028
- }
2029
-
2045
+ } /* stylelint-disable property-no-vendor-prefix */
2030
2046
  /*! component icons */
2031
2047
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2032
2048
  content: "\e97f";
@@ -2040,6 +2056,7 @@ ejs-calendar {
2040
2056
  }
2041
2057
 
2042
2058
  .e-datetime-wrapper {
2059
+ /* stylelint-disable property-no-vendor-prefix */
2043
2060
  -webkit-tap-highlight-color: transparent;
2044
2061
  }
2045
2062
  .e-datetime-wrapper .e-time-icon.e-icons::before {
package/styles/fluent-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: 0;
42
43
  display: block;
@@ -974,6 +975,8 @@ ejs-calendar {
974
975
  color: #484644;
975
976
  }
976
977
 
978
+ /* stylelint-disable property-no-vendor-prefix */
979
+ /* stylelint-disable-line no-empty-source */
977
980
  /*! component icons */
978
981
  .e-time-wrapper .e-time-icon.e-icons::before,
979
982
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -988,6 +991,7 @@ ejs-calendar {
988
991
 
989
992
  .e-time-wrapper,
990
993
  *.e-control-wrapper.e-time-wrapper {
994
+ /* stylelint-disable property-no-vendor-prefix */
991
995
  -webkit-tap-highlight-color: transparent;
992
996
  }
993
997
  .e-time-wrapper .e-time-icon.e-icons,
@@ -1103,6 +1107,7 @@ ejs-calendar {
1103
1107
  min-height: 40px;
1104
1108
  }
1105
1109
 
1110
+ /* stylelint-disable */
1106
1111
  .e-time-overflow {
1107
1112
  overflow: hidden;
1108
1113
  }
@@ -1130,6 +1135,7 @@ ejs-calendar {
1130
1135
  top: 0 !important;
1131
1136
  }
1132
1137
 
1138
+ /* stylelint-enable */
1133
1139
  /*! timepicker theme */
1134
1140
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1135
1141
  color: #f3f2f1;
@@ -1179,7 +1185,8 @@ ejs-calendar {
1179
1185
  color: #f3f2f1;
1180
1186
  }
1181
1187
 
1182
- /*! calendar bootstrap5 theme variables */
1188
+ /* stylelint-disable property-no-vendor-prefix */
1189
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
1183
1190
  /*! component icons */
1184
1191
  .e-input-group-icon.e-date-icon,
1185
1192
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1278,6 +1285,7 @@ ejs-calendar {
1278
1285
  margin: 0;
1279
1286
  }
1280
1287
 
1288
+ /* stylelint-disable */
1281
1289
  .e-date-overflow {
1282
1290
  overflow: hidden !important;
1283
1291
  }
@@ -1304,7 +1312,6 @@ ejs-calendar {
1304
1312
  top: 0 !important;
1305
1313
  left: 0 !important;
1306
1314
  }
1307
-
1308
1315
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1309
1316
  background-size: 250px 33px;
1310
1317
  min-height: 33px;
@@ -1323,6 +1330,7 @@ ejs-calendar {
1323
1330
  overflow: auto;
1324
1331
  }
1325
1332
  }
1333
+ /* stylelint-enable */
1326
1334
  .e-datepicker.e-popup-wrapper,
1327
1335
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1328
1336
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1355,7 +1363,8 @@ ejs-calendar {
1355
1363
  color: #a19f9d;
1356
1364
  }
1357
1365
 
1358
- /*! calendar bootstrap5 theme variables */
1366
+ /* stylelint-disable property-no-vendor-prefix */
1367
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
1359
1368
  /*! component icons */
1360
1369
  .e-input-group-icon.e-range-icon,
1361
1370
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1937,6 +1946,7 @@ ejs-calendar {
1937
1946
  line-height: 26px;
1938
1947
  }
1939
1948
 
1949
+ /* stylelint-disable */
1940
1950
  .e-range-overflow {
1941
1951
  overflow: hidden;
1942
1952
  }
@@ -1963,7 +1973,6 @@ ejs-calendar {
1963
1973
  top: 0 !important;
1964
1974
  left: 0 !important;
1965
1975
  }
1966
-
1967
1976
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1968
1977
  background-size: 250px 33px;
1969
1978
  min-height: 33px;
@@ -1975,6 +1984,15 @@ ejs-calendar {
1975
1984
  min-height: 40px;
1976
1985
  }
1977
1986
 
1987
+ .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 {
1988
+ width: calc(100% - 80px);
1989
+ }
1990
+
1991
+ .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 {
1992
+ width: calc(100% - 110px);
1993
+ }
1994
+
1995
+ /* stylelint-enable */
1978
1996
  /*! daterangepicker theme */
1979
1997
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1980
1998
  color: #f3f2f1;
@@ -2258,6 +2276,8 @@ ejs-calendar {
2258
2276
  color: #3b3a39;
2259
2277
  }
2260
2278
 
2279
+ /* stylelint-disable property-no-vendor-prefix */
2280
+ /* stylelint-disable-line no-empty-source */
2261
2281
  /*! component icons */
2262
2282
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2263
2283
  content: "\e705";
@@ -2271,6 +2291,7 @@ ejs-calendar {
2271
2291
  }
2272
2292
 
2273
2293
  .e-datetime-wrapper {
2294
+ /* stylelint-disable property-no-vendor-prefix */
2274
2295
  -webkit-tap-highlight-color: transparent;
2275
2296
  }
2276
2297
  .e-datetime-wrapper .e-time-icon.e-icons::before {
package/styles/fluent.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: 0;
42
43
  display: block;
@@ -974,6 +975,8 @@ ejs-calendar {
974
975
  color: #a19f9d;
975
976
  }
976
977
 
978
+ /* stylelint-disable property-no-vendor-prefix */
979
+ /* stylelint-disable-line no-empty-source */
977
980
  /*! component icons */
978
981
  .e-time-wrapper .e-time-icon.e-icons::before,
979
982
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -988,6 +991,7 @@ ejs-calendar {
988
991
 
989
992
  .e-time-wrapper,
990
993
  *.e-control-wrapper.e-time-wrapper {
994
+ /* stylelint-disable property-no-vendor-prefix */
991
995
  -webkit-tap-highlight-color: transparent;
992
996
  }
993
997
  .e-time-wrapper .e-time-icon.e-icons,
@@ -1103,6 +1107,7 @@ ejs-calendar {
1103
1107
  min-height: 40px;
1104
1108
  }
1105
1109
 
1110
+ /* stylelint-disable */
1106
1111
  .e-time-overflow {
1107
1112
  overflow: hidden;
1108
1113
  }
@@ -1130,6 +1135,7 @@ ejs-calendar {
1130
1135
  top: 0 !important;
1131
1136
  }
1132
1137
 
1138
+ /* stylelint-enable */
1133
1139
  /*! timepicker theme */
1134
1140
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1135
1141
  color: #201f1e;
@@ -1179,7 +1185,8 @@ ejs-calendar {
1179
1185
  color: #201f1e;
1180
1186
  }
1181
1187
 
1182
- /*! calendar bootstrap5 theme variables */
1188
+ /* stylelint-disable property-no-vendor-prefix */
1189
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
1183
1190
  /*! component icons */
1184
1191
  .e-input-group-icon.e-date-icon,
1185
1192
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1278,6 +1285,7 @@ ejs-calendar {
1278
1285
  margin: 0;
1279
1286
  }
1280
1287
 
1288
+ /* stylelint-disable */
1281
1289
  .e-date-overflow {
1282
1290
  overflow: hidden !important;
1283
1291
  }
@@ -1304,7 +1312,6 @@ ejs-calendar {
1304
1312
  top: 0 !important;
1305
1313
  left: 0 !important;
1306
1314
  }
1307
-
1308
1315
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1309
1316
  background-size: 250px 33px;
1310
1317
  min-height: 33px;
@@ -1323,6 +1330,7 @@ ejs-calendar {
1323
1330
  overflow: auto;
1324
1331
  }
1325
1332
  }
1333
+ /* stylelint-enable */
1326
1334
  .e-datepicker.e-popup-wrapper,
1327
1335
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1328
1336
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1355,7 +1363,8 @@ ejs-calendar {
1355
1363
  color: #605e5c;
1356
1364
  }
1357
1365
 
1358
- /*! calendar bootstrap5 theme variables */
1366
+ /* stylelint-disable property-no-vendor-prefix */
1367
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
1359
1368
  /*! component icons */
1360
1369
  .e-input-group-icon.e-range-icon,
1361
1370
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1937,6 +1946,7 @@ ejs-calendar {
1937
1946
  line-height: 26px;
1938
1947
  }
1939
1948
 
1949
+ /* stylelint-disable */
1940
1950
  .e-range-overflow {
1941
1951
  overflow: hidden;
1942
1952
  }
@@ -1963,7 +1973,6 @@ ejs-calendar {
1963
1973
  top: 0 !important;
1964
1974
  left: 0 !important;
1965
1975
  }
1966
-
1967
1976
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1968
1977
  background-size: 250px 33px;
1969
1978
  min-height: 33px;
@@ -1975,6 +1984,15 @@ ejs-calendar {
1975
1984
  min-height: 40px;
1976
1985
  }
1977
1986
 
1987
+ .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 {
1988
+ width: calc(100% - 80px);
1989
+ }
1990
+
1991
+ .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 {
1992
+ width: calc(100% - 110px);
1993
+ }
1994
+
1995
+ /* stylelint-enable */
1978
1996
  /*! daterangepicker theme */
1979
1997
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1980
1998
  color: #201f1e;
@@ -2258,6 +2276,8 @@ ejs-calendar {
2258
2276
  color: #a19f9d;
2259
2277
  }
2260
2278
 
2279
+ /* stylelint-disable property-no-vendor-prefix */
2280
+ /* stylelint-disable-line no-empty-source */
2261
2281
  /*! component icons */
2262
2282
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2263
2283
  content: "\e705";
@@ -2271,6 +2291,7 @@ ejs-calendar {
2271
2291
  }
2272
2292
 
2273
2293
  .e-datetime-wrapper {
2294
+ /* stylelint-disable property-no-vendor-prefix */
2274
2295
  -webkit-tap-highlight-color: transparent;
2275
2296
  }
2276
2297
  .e-datetime-wrapper .e-time-icon.e-icons::before {
package/styles/highcontrast-light.css CHANGED
@@ -36,6 +36,7 @@ ejs-calendar {
36
36
 
37
37
  .e-calendar,
38
38
  .e-bigger.e-small .e-calendar {
39
+ /* stylelint-disable property-no-vendor-prefix */
39
40
  -webkit-tap-highlight-color: transparent;
40
41
  border-radius: 0;
41
42
  display: block;
@@ -820,6 +821,7 @@ ejs-calendar {
820
821
  transform: scale(1);
821
822
  }
822
823
  }
824
+ /* stylelint-disable property-no-vendor-prefix */
823
825
  /*! component icons */
824
826
  .e-time-wrapper .e-time-icon.e-icons::before,
825
827
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -834,6 +836,7 @@ ejs-calendar {
834
836
 
835
837
  .e-time-wrapper,
836
838
  *.e-control-wrapper.e-time-wrapper {
839
+ /* stylelint-disable property-no-vendor-prefix */
837
840
  -webkit-tap-highlight-color: transparent;
838
841
  }
839
842
  .e-time-wrapper .e-time-icon.e-icons,
@@ -949,6 +952,7 @@ ejs-calendar {
949
952
  min-height: 40px;
950
953
  }
951
954
 
955
+ /* stylelint-disable */
952
956
  .e-time-overflow {
953
957
  overflow: hidden;
954
958
  }
@@ -976,6 +980,7 @@ ejs-calendar {
976
980
  top: 0 !important;
977
981
  }
978
982
 
983
+ /* stylelint-enable */
979
984
  /*! timepicker theme */
980
985
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
981
986
  color: #000;
@@ -1025,6 +1030,7 @@ ejs-calendar {
1025
1030
  color: #000;
1026
1031
  }
1027
1032
 
1033
+ /* stylelint-disable property-no-vendor-prefix */
1028
1034
  /*! component icons */
1029
1035
  .e-input-group-icon.e-date-icon,
1030
1036
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1119,6 +1125,7 @@ ejs-calendar {
1119
1125
  margin: 0;
1120
1126
  }
1121
1127
 
1128
+ /* stylelint-disable */
1122
1129
  .e-date-overflow {
1123
1130
  overflow: hidden !important;
1124
1131
  }
@@ -1145,7 +1152,6 @@ ejs-calendar {
1145
1152
  top: 0 !important;
1146
1153
  left: 0 !important;
1147
1154
  }
1148
-
1149
1155
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1150
1156
  background-size: 250px 33px;
1151
1157
  min-height: 33px;
@@ -1164,6 +1170,7 @@ ejs-calendar {
1164
1170
  overflow: auto;
1165
1171
  }
1166
1172
  }
1173
+ /* stylelint-enable */
1167
1174
  .e-datepicker.e-popup-wrapper,
1168
1175
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1169
1176
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1196,6 +1203,7 @@ ejs-calendar {
1196
1203
  color: #000;
1197
1204
  }
1198
1205
 
1206
+ /* stylelint-disable property-no-vendor-prefix */
1199
1207
  /*! component icons */
1200
1208
  .e-input-group-icon.e-range-icon,
1201
1209
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1795,6 +1803,7 @@ ejs-calendar {
1795
1803
  line-height: 26px;
1796
1804
  }
1797
1805
 
1806
+ /* stylelint-disable */
1798
1807
  .e-range-overflow {
1799
1808
  overflow: hidden;
1800
1809
  }
@@ -1821,7 +1830,6 @@ ejs-calendar {
1821
1830
  top: 0 !important;
1822
1831
  left: 0 !important;
1823
1832
  }
1824
-
1825
1833
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1826
1834
  background-size: 250px 33px;
1827
1835
  min-height: 33px;
@@ -1833,6 +1841,15 @@ ejs-calendar {
1833
1841
  min-height: 40px;
1834
1842
  }
1835
1843
 
1844
+ .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 {
1845
+ width: calc(100% - 80px);
1846
+ }
1847
+
1848
+ .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 {
1849
+ width: calc(100% - 110px);
1850
+ }
1851
+
1852
+ /* stylelint-enable */
1836
1853
  /*! daterangepicker theme */
1837
1854
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1838
1855
  color: #000;
@@ -2031,6 +2048,7 @@ ejs-calendar {
2031
2048
  color: #fff;
2032
2049
  }
2033
2050
 
2051
+ /* stylelint-disable property-no-vendor-prefix */
2034
2052
  /*! component icons */
2035
2053
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2036
2054
  content: "\e97f";
@@ -2044,6 +2062,7 @@ ejs-calendar {
2044
2062
  }
2045
2063
 
2046
2064
  .e-datetime-wrapper {
2065
+ /* stylelint-disable property-no-vendor-prefix */
2047
2066
  -webkit-tap-highlight-color: transparent;
2048
2067
  }
2049
2068
  .e-datetime-wrapper .e-time-icon.e-icons::before {
package/styles/highcontrast.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: 0;
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
  /*! component icons */
825
827
  .e-time-wrapper .e-time-icon.e-icons::before,
826
828
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -835,6 +837,7 @@ ejs-calendar {
835
837
 
836
838
  .e-time-wrapper,
837
839
  *.e-control-wrapper.e-time-wrapper {
840
+ /* stylelint-disable property-no-vendor-prefix */
838
841
  -webkit-tap-highlight-color: transparent;
839
842
  }
840
843
  .e-time-wrapper .e-time-icon.e-icons,
@@ -950,6 +953,7 @@ ejs-calendar {
950
953
  min-height: 40px;
951
954
  }
952
955
 
956
+ /* stylelint-disable */
953
957
  .e-time-overflow {
954
958
  overflow: hidden;
955
959
  }
@@ -977,6 +981,7 @@ ejs-calendar {
977
981
  top: 0 !important;
978
982
  }
979
983
 
984
+ /* stylelint-enable */
980
985
  /*! timepicker theme */
981
986
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
982
987
  color: #fff;
@@ -1026,6 +1031,7 @@ ejs-calendar {
1026
1031
  color: #fff;
1027
1032
  }
1028
1033
 
1034
+ /* stylelint-disable property-no-vendor-prefix */
1029
1035
  /*! calendar fabric theme variables */
1030
1036
  /*! component icons */
1031
1037
  .e-input-group-icon.e-date-icon,
@@ -1121,6 +1127,7 @@ ejs-calendar {
1121
1127
  margin: 0;
1122
1128
  }
1123
1129
 
1130
+ /* stylelint-disable */
1124
1131
  .e-date-overflow {
1125
1132
  overflow: hidden !important;
1126
1133
  }
@@ -1147,7 +1154,6 @@ ejs-calendar {
1147
1154
  top: 0 !important;
1148
1155
  left: 0 !important;
1149
1156
  }
1150
-
1151
1157
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1152
1158
  background-size: 250px 33px;
1153
1159
  min-height: 33px;
@@ -1166,6 +1172,7 @@ ejs-calendar {
1166
1172
  overflow: auto;
1167
1173
  }
1168
1174
  }
1175
+ /* stylelint-enable */
1169
1176
  .e-datepicker.e-popup-wrapper,
1170
1177
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1171
1178
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1198,6 +1205,7 @@ ejs-calendar {
1198
1205
  color: #fff;
1199
1206
  }
1200
1207
 
1208
+ /* stylelint-disable property-no-vendor-prefix */
1201
1209
  /*! calendar fabric theme variables */
1202
1210
  /*! component icons */
1203
1211
  .e-input-group-icon.e-range-icon,
@@ -1798,6 +1806,7 @@ ejs-calendar {
1798
1806
  line-height: 26px;
1799
1807
  }
1800
1808
 
1809
+ /* stylelint-disable */
1801
1810
  .e-range-overflow {
1802
1811
  overflow: hidden;
1803
1812
  }
@@ -1824,7 +1833,6 @@ ejs-calendar {
1824
1833
  top: 0 !important;
1825
1834
  left: 0 !important;
1826
1835
  }
1827
-
1828
1836
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1829
1837
  background-size: 250px 33px;
1830
1838
  min-height: 33px;
@@ -1836,6 +1844,15 @@ ejs-calendar {
1836
1844
  min-height: 40px;
1837
1845
  }
1838
1846
 
1847
+ .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 {
1848
+ width: calc(100% - 80px);
1849
+ }
1850
+
1851
+ .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 {
1852
+ width: calc(100% - 110px);
1853
+ }
1854
+
1855
+ /* stylelint-enable */
1839
1856
  /*! daterangepicker theme */
1840
1857
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1841
1858
  color: #fff;
@@ -2034,6 +2051,7 @@ ejs-calendar {
2034
2051
  color: #000;
2035
2052
  }
2036
2053
 
2054
+ /* stylelint-disable property-no-vendor-prefix */
2037
2055
  /*! component icons */
2038
2056
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2039
2057
  content: "\e97f";
@@ -2047,6 +2065,7 @@ ejs-calendar {
2047
2065
  }
2048
2066
 
2049
2067
  .e-datetime-wrapper {
2068
+ /* stylelint-disable property-no-vendor-prefix */
2050
2069
  -webkit-tap-highlight-color: transparent;
2051
2070
  }
2052
2071
  .e-datetime-wrapper .e-time-icon.e-icons::before {