@syncfusion/ej2-angular-calendars 20.2.50-ngcc → 20.3.47-ngcc

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 (97) hide show
  1. package/CHANGELOG.md +0 -38
  2. package/dist/ej2-angular-calendars.umd.js +1 -1
  3. package/dist/ej2-angular-calendars.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +13 -184
  9. package/styles/bootstrap.css +13 -184
  10. package/styles/bootstrap4.css +13 -184
  11. package/styles/bootstrap5-dark.css +18 -186
  12. package/styles/bootstrap5.css +18 -186
  13. package/styles/calendar/bootstrap-dark.css +1 -0
  14. package/styles/calendar/bootstrap.css +1 -0
  15. package/styles/calendar/bootstrap4.css +1 -0
  16. package/styles/calendar/bootstrap5-dark.css +1 -0
  17. package/styles/calendar/bootstrap5.css +1 -0
  18. package/styles/calendar/fabric-dark.css +1 -0
  19. package/styles/calendar/fabric.css +1 -0
  20. package/styles/calendar/fluent-dark.css +1 -0
  21. package/styles/calendar/fluent.css +1 -0
  22. package/styles/calendar/highcontrast-light.css +1 -0
  23. package/styles/calendar/highcontrast.css +1 -0
  24. package/styles/calendar/material-dark.css +1 -0
  25. package/styles/calendar/material.css +1 -0
  26. package/styles/calendar/tailwind-dark.css +2 -0
  27. package/styles/calendar/tailwind.css +2 -0
  28. package/styles/datepicker/bootstrap-dark.css +3 -80
  29. package/styles/datepicker/bootstrap.css +3 -80
  30. package/styles/datepicker/bootstrap4.css +3 -80
  31. package/styles/datepicker/bootstrap5-dark.css +4 -81
  32. package/styles/datepicker/bootstrap5.css +4 -81
  33. package/styles/datepicker/fabric-dark.css +3 -80
  34. package/styles/datepicker/fabric.css +3 -80
  35. package/styles/datepicker/fluent-dark.css +4 -81
  36. package/styles/datepicker/fluent.css +4 -81
  37. package/styles/datepicker/highcontrast-light.css +3 -80
  38. package/styles/datepicker/highcontrast.css +3 -80
  39. package/styles/datepicker/material-dark.css +3 -80
  40. package/styles/datepicker/material.css +9 -3
  41. package/styles/datepicker/tailwind-dark.css +4 -81
  42. package/styles/datepicker/tailwind.css +4 -81
  43. package/styles/daterangepicker/bootstrap-dark.css +3 -104
  44. package/styles/daterangepicker/bootstrap.css +3 -104
  45. package/styles/daterangepicker/bootstrap4.css +3 -104
  46. package/styles/daterangepicker/bootstrap5-dark.css +5 -105
  47. package/styles/daterangepicker/bootstrap5.css +5 -105
  48. package/styles/daterangepicker/fabric-dark.css +3 -104
  49. package/styles/daterangepicker/fabric.css +3 -104
  50. package/styles/daterangepicker/fluent-dark.css +4 -105
  51. package/styles/daterangepicker/fluent.css +4 -105
  52. package/styles/daterangepicker/highcontrast-light.css +3 -104
  53. package/styles/daterangepicker/highcontrast.css +3 -104
  54. package/styles/daterangepicker/material-dark.css +5 -106
  55. package/styles/daterangepicker/material.css +12 -0
  56. package/styles/daterangepicker/tailwind-dark.css +5 -105
  57. package/styles/daterangepicker/tailwind.css +5 -105
  58. package/styles/datetimepicker/bootstrap-dark.css +2 -0
  59. package/styles/datetimepicker/bootstrap.css +2 -0
  60. package/styles/datetimepicker/bootstrap4.css +2 -0
  61. package/styles/datetimepicker/bootstrap5-dark.css +3 -0
  62. package/styles/datetimepicker/bootstrap5.css +3 -0
  63. package/styles/datetimepicker/fabric-dark.css +2 -0
  64. package/styles/datetimepicker/fabric.css +2 -0
  65. package/styles/datetimepicker/fluent-dark.css +3 -0
  66. package/styles/datetimepicker/fluent.css +3 -0
  67. package/styles/datetimepicker/highcontrast-light.css +2 -0
  68. package/styles/datetimepicker/highcontrast.css +2 -0
  69. package/styles/datetimepicker/material-dark.css +2 -0
  70. package/styles/datetimepicker/material.css +2 -0
  71. package/styles/datetimepicker/tailwind-dark.css +3 -0
  72. package/styles/datetimepicker/tailwind.css +3 -0
  73. package/styles/fabric-dark.css +13 -184
  74. package/styles/fabric.css +13 -186
  75. package/styles/fluent-dark.css +17 -186
  76. package/styles/fluent.css +17 -186
  77. package/styles/highcontrast-light.css +13 -184
  78. package/styles/highcontrast.css +13 -184
  79. package/styles/material-dark.css +15 -186
  80. package/styles/material.css +28 -3
  81. package/styles/tailwind-dark.css +19 -186
  82. package/styles/tailwind.css +19 -186
  83. package/styles/timepicker/bootstrap-dark.css +4 -0
  84. package/styles/timepicker/bootstrap.css +4 -0
  85. package/styles/timepicker/bootstrap4.css +4 -0
  86. package/styles/timepicker/bootstrap5-dark.css +5 -0
  87. package/styles/timepicker/bootstrap5.css +5 -0
  88. package/styles/timepicker/fabric-dark.css +4 -0
  89. package/styles/timepicker/fabric.css +4 -0
  90. package/styles/timepicker/fluent-dark.css +5 -0
  91. package/styles/timepicker/fluent.css +5 -0
  92. package/styles/timepicker/highcontrast-light.css +4 -0
  93. package/styles/timepicker/highcontrast.css +4 -0
  94. package/styles/timepicker/material-dark.css +4 -0
  95. package/styles/timepicker/material.css +4 -0
  96. package/styles/timepicker/tailwind-dark.css +5 -0
  97. package/styles/timepicker/tailwind.css +5 -0
@@ -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,11 +1152,6 @@ ejs-calendar {
1145
1152
  top: 0 !important;
1146
1153
  left: 0 !important;
1147
1154
  }
1148
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1149
- min-width: 100%;
1150
- min-height: 100%;
1151
- }
1152
-
1153
1155
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1154
1156
  background-size: 250px 33px;
1155
1157
  min-height: 33px;
@@ -1161,40 +1163,6 @@ ejs-calendar {
1161
1163
  min-height: 40px;
1162
1164
  }
1163
1165
 
1164
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1165
- height: 15%;
1166
- }
1167
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1168
- float: right;
1169
- margin-right: 10px;
1170
- padding: 5px;
1171
- }
1172
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1173
- content: "\e932";
1174
- font-family: "e-icons";
1175
- color: rgb(255, 255, 255);
1176
- }
1177
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1178
- min-width: 100%;
1179
- min-height: 100%;
1180
- height: 100%;
1181
- }
1182
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1183
- height: 10%;
1184
- }
1185
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1186
- height: 85%;
1187
- }
1188
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1189
- height: 10%;
1190
- }
1191
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1192
- height: 80%;
1193
- }
1194
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1195
- height: 100%;
1196
- }
1197
-
1198
1166
  @media screen and (orientation: landscape) and (max-height: 360px) {
1199
1167
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1200
1168
  display: inline-block;
@@ -1202,47 +1170,7 @@ ejs-calendar {
1202
1170
  overflow: auto;
1203
1171
  }
1204
1172
  }
1205
- @media screen and (orientation: landscape) {
1206
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1207
- float: left;
1208
- height: 100%;
1209
- width: 30%;
1210
- }
1211
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1212
- float: left;
1213
- padding: 5px;
1214
- }
1215
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1216
- font-size: 35px;
1217
- margin-top: 35%;
1218
- }
1219
- .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 {
1220
- display: block;
1221
- font-size: 40px;
1222
- margin-top: 10%;
1223
- }
1224
- .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 {
1225
- height: 10%;
1226
- }
1227
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1228
- height: 75%;
1229
- }
1230
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1231
- display: -ms-flexbox;
1232
- display: flex;
1233
- }
1234
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1235
- float: right;
1236
- height: 90%;
1237
- width: 70%;
1238
- }
1239
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1240
- display: table-row-group;
1241
- }
1242
- .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 {
1243
- height: 100%;
1244
- }
1245
- }
1173
+ /* stylelint-enable */
1246
1174
  .e-datepicker.e-popup-wrapper,
1247
1175
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1248
1176
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1275,6 +1203,7 @@ ejs-calendar {
1275
1203
  color: #000;
1276
1204
  }
1277
1205
 
1206
+ /* stylelint-disable property-no-vendor-prefix */
1278
1207
  /*! component icons */
1279
1208
  .e-input-group-icon.e-range-icon,
1280
1209
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1874,6 +1803,7 @@ ejs-calendar {
1874
1803
  line-height: 26px;
1875
1804
  }
1876
1805
 
1806
+ /* stylelint-disable */
1877
1807
  .e-range-overflow {
1878
1808
  overflow: hidden;
1879
1809
  }
@@ -1900,13 +1830,6 @@ ejs-calendar {
1900
1830
  top: 0 !important;
1901
1831
  left: 0 !important;
1902
1832
  }
1903
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1904
- min-height: 100%;
1905
- min-width: 100%;
1906
- height: 100%;
1907
- width: 100%;
1908
- }
1909
-
1910
1833
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1911
1834
  background-size: 250px 33px;
1912
1835
  min-height: 33px;
@@ -1918,103 +1841,6 @@ ejs-calendar {
1918
1841
  min-height: 40px;
1919
1842
  }
1920
1843
 
1921
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
1922
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1923
- min-height: 100%;
1924
- min-width: 100%;
1925
- height: 100%;
1926
- width: 100%;
1927
- }
1928
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1929
- height: 100%;
1930
- }
1931
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1932
- height: 78%;
1933
- }
1934
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1935
- height: 90%;
1936
- }
1937
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
1938
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1939
- height: 10%;
1940
- }
1941
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1942
- margin: 0;
1943
- }
1944
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1945
- height: 90%;
1946
- }
1947
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1948
- height: 100%;
1949
- border-spacing: 0px 30px;
1950
- }
1951
-
1952
- @media screen and (orientation: landscape) {
1953
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1954
- float: left;
1955
- height: 100%;
1956
- border-right: 1.5px;
1957
- border-color: black;
1958
- width: 40%;
1959
- margin: 0;
1960
- display: block;
1961
- background-color: #3f51b5;
1962
- }
1963
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1964
- height: 100%;
1965
- width: 100%;
1966
- }
1967
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
1968
- display: block;
1969
- width: 100%;
1970
- text-align: -webkit-center;
1971
- }
1972
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
1973
- display: block;
1974
- width: 100%;
1975
- text-align: -webkit-center;
1976
- margin-top: 20%;
1977
- font-size: 20px;
1978
- 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);
1979
- }
1980
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
1981
- font-size: 20px;
1982
- margin-top: 60%;
1983
- color: #fff;
1984
- }
1985
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
1986
- width: 100%;
1987
- text-align: -webkit-center;
1988
- margin-top: 20%;
1989
- font-size: 20px;
1990
- 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);
1991
- }
1992
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1993
- height: 82%;
1994
- }
1995
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1996
- height: 80%;
1997
- }
1998
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1999
- border-spacing: unset;
2000
- }
2001
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
2002
- height: 20%;
2003
- }
2004
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2005
- width: 100%;
2006
- }
2007
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2008
- display: -ms-flexbox;
2009
- display: flex;
2010
- }
2011
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2012
- border-radius: 0 40% 40% 0;
2013
- }
2014
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2015
- border-radius: 0 40% 40% 0;
2016
- }
2017
- }
2018
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 {
2019
1845
  width: calc(100% - 80px);
2020
1846
  }
@@ -2023,6 +1849,7 @@ ejs-calendar {
2023
1849
  width: calc(100% - 110px);
2024
1850
  }
2025
1851
 
1852
+ /* stylelint-enable */
2026
1853
  /*! daterangepicker theme */
2027
1854
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2028
1855
  color: #000;
@@ -2221,6 +2048,7 @@ ejs-calendar {
2221
2048
  color: #fff;
2222
2049
  }
2223
2050
 
2051
+ /* stylelint-disable property-no-vendor-prefix */
2224
2052
  /*! component icons */
2225
2053
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2226
2054
  content: "\e97f";
@@ -2234,6 +2062,7 @@ ejs-calendar {
2234
2062
  }
2235
2063
 
2236
2064
  .e-datetime-wrapper {
2065
+ /* stylelint-disable property-no-vendor-prefix */
2237
2066
  -webkit-tap-highlight-color: transparent;
2238
2067
  }
2239
2068
  .e-datetime-wrapper .e-time-icon.e-icons::before {
@@ -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,11 +1154,6 @@ ejs-calendar {
1147
1154
  top: 0 !important;
1148
1155
  left: 0 !important;
1149
1156
  }
1150
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1151
- min-width: 100%;
1152
- min-height: 100%;
1153
- }
1154
-
1155
1157
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1156
1158
  background-size: 250px 33px;
1157
1159
  min-height: 33px;
@@ -1163,40 +1165,6 @@ ejs-calendar {
1163
1165
  min-height: 40px;
1164
1166
  }
1165
1167
 
1166
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1167
- height: 15%;
1168
- }
1169
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1170
- float: right;
1171
- margin-right: 10px;
1172
- padding: 5px;
1173
- }
1174
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1175
- content: "\e932";
1176
- font-family: "e-icons";
1177
- color: rgb(255, 255, 255);
1178
- }
1179
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1180
- min-width: 100%;
1181
- min-height: 100%;
1182
- height: 100%;
1183
- }
1184
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1185
- height: 10%;
1186
- }
1187
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1188
- height: 85%;
1189
- }
1190
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1191
- height: 10%;
1192
- }
1193
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1194
- height: 80%;
1195
- }
1196
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1197
- height: 100%;
1198
- }
1199
-
1200
1168
  @media screen and (orientation: landscape) and (max-height: 360px) {
1201
1169
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1202
1170
  display: inline-block;
@@ -1204,47 +1172,7 @@ ejs-calendar {
1204
1172
  overflow: auto;
1205
1173
  }
1206
1174
  }
1207
- @media screen and (orientation: landscape) {
1208
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1209
- float: left;
1210
- height: 100%;
1211
- width: 30%;
1212
- }
1213
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1214
- float: left;
1215
- padding: 5px;
1216
- }
1217
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1218
- font-size: 35px;
1219
- margin-top: 35%;
1220
- }
1221
- .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 {
1222
- display: block;
1223
- font-size: 40px;
1224
- margin-top: 10%;
1225
- }
1226
- .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 {
1227
- height: 10%;
1228
- }
1229
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1230
- height: 75%;
1231
- }
1232
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1233
- display: -ms-flexbox;
1234
- display: flex;
1235
- }
1236
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1237
- float: right;
1238
- height: 90%;
1239
- width: 70%;
1240
- }
1241
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1242
- display: table-row-group;
1243
- }
1244
- .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 {
1245
- height: 100%;
1246
- }
1247
- }
1175
+ /* stylelint-enable */
1248
1176
  .e-datepicker.e-popup-wrapper,
1249
1177
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1250
1178
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1277,6 +1205,7 @@ ejs-calendar {
1277
1205
  color: #fff;
1278
1206
  }
1279
1207
 
1208
+ /* stylelint-disable property-no-vendor-prefix */
1280
1209
  /*! calendar fabric theme variables */
1281
1210
  /*! component icons */
1282
1211
  .e-input-group-icon.e-range-icon,
@@ -1877,6 +1806,7 @@ ejs-calendar {
1877
1806
  line-height: 26px;
1878
1807
  }
1879
1808
 
1809
+ /* stylelint-disable */
1880
1810
  .e-range-overflow {
1881
1811
  overflow: hidden;
1882
1812
  }
@@ -1903,13 +1833,6 @@ ejs-calendar {
1903
1833
  top: 0 !important;
1904
1834
  left: 0 !important;
1905
1835
  }
1906
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1907
- min-height: 100%;
1908
- min-width: 100%;
1909
- height: 100%;
1910
- width: 100%;
1911
- }
1912
-
1913
1836
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1914
1837
  background-size: 250px 33px;
1915
1838
  min-height: 33px;
@@ -1921,103 +1844,6 @@ ejs-calendar {
1921
1844
  min-height: 40px;
1922
1845
  }
1923
1846
 
1924
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
1925
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1926
- min-height: 100%;
1927
- min-width: 100%;
1928
- height: 100%;
1929
- width: 100%;
1930
- }
1931
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1932
- height: 100%;
1933
- }
1934
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1935
- height: 78%;
1936
- }
1937
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1938
- height: 90%;
1939
- }
1940
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
1941
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1942
- height: 10%;
1943
- }
1944
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1945
- margin: 0;
1946
- }
1947
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1948
- height: 90%;
1949
- }
1950
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1951
- height: 100%;
1952
- border-spacing: 0px 30px;
1953
- }
1954
-
1955
- @media screen and (orientation: landscape) {
1956
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1957
- float: left;
1958
- height: 100%;
1959
- border-right: 1.5px;
1960
- border-color: black;
1961
- width: 40%;
1962
- margin: 0;
1963
- display: block;
1964
- background-color: #3f51b5;
1965
- }
1966
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1967
- height: 100%;
1968
- width: 100%;
1969
- }
1970
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
1971
- display: block;
1972
- width: 100%;
1973
- text-align: -webkit-center;
1974
- }
1975
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
1976
- display: block;
1977
- width: 100%;
1978
- text-align: -webkit-center;
1979
- margin-top: 20%;
1980
- font-size: 20px;
1981
- 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);
1982
- }
1983
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
1984
- font-size: 20px;
1985
- margin-top: 60%;
1986
- color: #fff;
1987
- }
1988
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
1989
- width: 100%;
1990
- text-align: -webkit-center;
1991
- margin-top: 20%;
1992
- font-size: 20px;
1993
- 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);
1994
- }
1995
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1996
- height: 82%;
1997
- }
1998
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1999
- height: 80%;
2000
- }
2001
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2002
- border-spacing: unset;
2003
- }
2004
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
2005
- height: 20%;
2006
- }
2007
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2008
- width: 100%;
2009
- }
2010
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2011
- display: -ms-flexbox;
2012
- display: flex;
2013
- }
2014
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2015
- border-radius: 0 40% 40% 0;
2016
- }
2017
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2018
- border-radius: 0 40% 40% 0;
2019
- }
2020
- }
2021
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 {
2022
1848
  width: calc(100% - 80px);
2023
1849
  }
@@ -2026,6 +1852,7 @@ ejs-calendar {
2026
1852
  width: calc(100% - 110px);
2027
1853
  }
2028
1854
 
1855
+ /* stylelint-enable */
2029
1856
  /*! daterangepicker theme */
2030
1857
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2031
1858
  color: #fff;
@@ -2224,6 +2051,7 @@ ejs-calendar {
2224
2051
  color: #000;
2225
2052
  }
2226
2053
 
2054
+ /* stylelint-disable property-no-vendor-prefix */
2227
2055
  /*! component icons */
2228
2056
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2229
2057
  content: "\e97f";
@@ -2237,6 +2065,7 @@ ejs-calendar {
2237
2065
  }
2238
2066
 
2239
2067
  .e-datetime-wrapper {
2068
+ /* stylelint-disable property-no-vendor-prefix */
2240
2069
  -webkit-tap-highlight-color: transparent;
2241
2070
  }
2242
2071
  .e-datetime-wrapper .e-time-icon.e-icons::before {