@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
@@ -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: 4px;
42
43
  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: #333;
@@ -1025,6 +1030,7 @@ ejs-calendar {
1025
1030
  color: #333;
1026
1031
  }
1027
1032
 
1033
+ /* stylelint-disable property-no-vendor-prefix */
1028
1034
  /*! calendar bootstrap theme variables */
1029
1035
  /*! component icons */
1030
1036
  .e-input-group-icon.e-date-icon,
@@ -1120,6 +1126,7 @@ ejs-calendar {
1120
1126
  margin: 0;
1121
1127
  }
1122
1128
 
1129
+ /* stylelint-disable */
1123
1130
  .e-date-overflow {
1124
1131
  overflow: hidden !important;
1125
1132
  }
@@ -1146,11 +1153,6 @@ ejs-calendar {
1146
1153
  top: 0 !important;
1147
1154
  left: 0 !important;
1148
1155
  }
1149
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1150
- min-width: 100%;
1151
- min-height: 100%;
1152
- }
1153
-
1154
1156
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1155
1157
  background-size: 250px 33px;
1156
1158
  min-height: 33px;
@@ -1162,40 +1164,6 @@ ejs-calendar {
1162
1164
  min-height: 40px;
1163
1165
  }
1164
1166
 
1165
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1166
- height: 15%;
1167
- }
1168
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1169
- float: right;
1170
- margin-right: 10px;
1171
- padding: 5px;
1172
- }
1173
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1174
- content: "\e932";
1175
- font-family: "e-icons";
1176
- color: rgb(255, 255, 255);
1177
- }
1178
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1179
- min-width: 100%;
1180
- min-height: 100%;
1181
- height: 100%;
1182
- }
1183
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1184
- height: 10%;
1185
- }
1186
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1187
- height: 85%;
1188
- }
1189
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1190
- height: 10%;
1191
- }
1192
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1193
- height: 80%;
1194
- }
1195
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1196
- height: 100%;
1197
- }
1198
-
1199
1167
  @media screen and (orientation: landscape) and (max-height: 360px) {
1200
1168
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1201
1169
  display: inline-block;
@@ -1203,47 +1171,7 @@ ejs-calendar {
1203
1171
  overflow: auto;
1204
1172
  }
1205
1173
  }
1206
- @media screen and (orientation: landscape) {
1207
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1208
- float: left;
1209
- height: 100%;
1210
- width: 30%;
1211
- }
1212
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1213
- float: left;
1214
- padding: 5px;
1215
- }
1216
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1217
- font-size: 35px;
1218
- margin-top: 35%;
1219
- }
1220
- .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 {
1221
- display: block;
1222
- font-size: 40px;
1223
- margin-top: 10%;
1224
- }
1225
- .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 {
1226
- height: 10%;
1227
- }
1228
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1229
- height: 75%;
1230
- }
1231
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1232
- display: -ms-flexbox;
1233
- display: flex;
1234
- }
1235
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1236
- float: right;
1237
- height: 90%;
1238
- width: 70%;
1239
- }
1240
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1241
- display: table-row-group;
1242
- }
1243
- .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 {
1244
- height: 100%;
1245
- }
1246
- }
1174
+ /* stylelint-enable */
1247
1175
  .e-datepicker.e-popup-wrapper,
1248
1176
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1249
1177
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1269,6 +1197,7 @@ ejs-calendar {
1269
1197
  border: none;
1270
1198
  }
1271
1199
 
1200
+ /* stylelint-disable property-no-vendor-prefix */
1272
1201
  /*! calendar bootstrap theme variables */
1273
1202
  /*! component icons */
1274
1203
  .e-input-group-icon.e-range-icon,
@@ -1869,6 +1798,7 @@ ejs-calendar {
1869
1798
  line-height: 26px;
1870
1799
  }
1871
1800
 
1801
+ /* stylelint-disable */
1872
1802
  .e-range-overflow {
1873
1803
  overflow: hidden;
1874
1804
  }
@@ -1895,13 +1825,6 @@ ejs-calendar {
1895
1825
  top: 0 !important;
1896
1826
  left: 0 !important;
1897
1827
  }
1898
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1899
- min-height: 100%;
1900
- min-width: 100%;
1901
- height: 100%;
1902
- width: 100%;
1903
- }
1904
-
1905
1828
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1906
1829
  background-size: 250px 33px;
1907
1830
  min-height: 33px;
@@ -1913,103 +1836,6 @@ ejs-calendar {
1913
1836
  min-height: 40px;
1914
1837
  }
1915
1838
 
1916
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
1917
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1918
- min-height: 100%;
1919
- min-width: 100%;
1920
- height: 100%;
1921
- width: 100%;
1922
- }
1923
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1924
- height: 100%;
1925
- }
1926
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1927
- height: 78%;
1928
- }
1929
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1930
- height: 90%;
1931
- }
1932
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
1933
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1934
- height: 10%;
1935
- }
1936
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1937
- margin: 0;
1938
- }
1939
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1940
- height: 90%;
1941
- }
1942
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1943
- height: 100%;
1944
- border-spacing: 0px 30px;
1945
- }
1946
-
1947
- @media screen and (orientation: landscape) {
1948
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1949
- float: left;
1950
- height: 100%;
1951
- border-right: 1.5px;
1952
- border-color: black;
1953
- width: 40%;
1954
- margin: 0;
1955
- display: block;
1956
- background-color: #3f51b5;
1957
- }
1958
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1959
- height: 100%;
1960
- width: 100%;
1961
- }
1962
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
1963
- display: block;
1964
- width: 100%;
1965
- text-align: -webkit-center;
1966
- }
1967
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
1968
- display: block;
1969
- width: 100%;
1970
- text-align: -webkit-center;
1971
- margin-top: 20%;
1972
- font-size: 20px;
1973
- 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);
1974
- }
1975
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
1976
- font-size: 20px;
1977
- margin-top: 60%;
1978
- color: #fff;
1979
- }
1980
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
1981
- width: 100%;
1982
- text-align: -webkit-center;
1983
- margin-top: 20%;
1984
- font-size: 20px;
1985
- 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);
1986
- }
1987
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1988
- height: 82%;
1989
- }
1990
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1991
- height: 80%;
1992
- }
1993
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1994
- border-spacing: unset;
1995
- }
1996
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
1997
- height: 20%;
1998
- }
1999
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2000
- width: 100%;
2001
- }
2002
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2003
- display: -ms-flexbox;
2004
- display: flex;
2005
- }
2006
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2007
- border-radius: 0 40% 40% 0;
2008
- }
2009
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2010
- border-radius: 0 40% 40% 0;
2011
- }
2012
- }
2013
1839
  .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 {
2014
1840
  width: calc(100% - 80px);
2015
1841
  }
@@ -2018,6 +1844,7 @@ ejs-calendar {
2018
1844
  width: calc(100% - 110px);
2019
1845
  }
2020
1846
 
1847
+ /* stylelint-enable */
2021
1848
  /*! daterangepicker theme */
2022
1849
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2023
1850
  color: #333;
@@ -2216,6 +2043,7 @@ ejs-calendar {
2216
2043
  color: #fff;
2217
2044
  }
2218
2045
 
2046
+ /* stylelint-disable property-no-vendor-prefix */
2219
2047
  /*! component icons */
2220
2048
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2221
2049
  content: "\e93e";
@@ -2229,6 +2057,7 @@ ejs-calendar {
2229
2057
  }
2230
2058
 
2231
2059
  .e-datetime-wrapper {
2060
+ /* stylelint-disable property-no-vendor-prefix */
2232
2061
  -webkit-tap-highlight-color: transparent;
2233
2062
  }
2234
2063
  .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: 4px;
42
43
  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
  background: #545b62;
@@ -1027,6 +1032,7 @@ ejs-calendar {
1027
1032
  color: #212529;
1028
1033
  }
1029
1034
 
1035
+ /* stylelint-disable property-no-vendor-prefix */
1030
1036
  /*! calendar bootstrap theme variables */
1031
1037
  /*! component icons */
1032
1038
  .e-input-group-icon.e-date-icon,
@@ -1126,6 +1132,7 @@ ejs-calendar {
1126
1132
  margin: 0;
1127
1133
  }
1128
1134
 
1135
+ /* stylelint-disable */
1129
1136
  .e-date-overflow {
1130
1137
  overflow: hidden !important;
1131
1138
  }
@@ -1152,11 +1159,6 @@ ejs-calendar {
1152
1159
  top: 0 !important;
1153
1160
  left: 0 !important;
1154
1161
  }
1155
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1156
- min-width: 100%;
1157
- min-height: 100%;
1158
- }
1159
-
1160
1162
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1161
1163
  background-size: 250px 33px;
1162
1164
  min-height: 33px;
@@ -1168,40 +1170,6 @@ ejs-calendar {
1168
1170
  min-height: 40px;
1169
1171
  }
1170
1172
 
1171
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1172
- height: 15%;
1173
- }
1174
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1175
- float: right;
1176
- margin-right: 10px;
1177
- padding: 5px;
1178
- }
1179
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1180
- content: "\e932";
1181
- font-family: "e-icons";
1182
- color: rgb(255, 255, 255);
1183
- }
1184
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1185
- min-width: 100%;
1186
- min-height: 100%;
1187
- height: 100%;
1188
- }
1189
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1190
- height: 10%;
1191
- }
1192
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1193
- height: 85%;
1194
- }
1195
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1196
- height: 10%;
1197
- }
1198
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1199
- height: 80%;
1200
- }
1201
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1202
- height: 100%;
1203
- }
1204
-
1205
1173
  @media screen and (orientation: landscape) and (max-height: 360px) {
1206
1174
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1207
1175
  display: inline-block;
@@ -1209,47 +1177,7 @@ ejs-calendar {
1209
1177
  overflow: auto;
1210
1178
  }
1211
1179
  }
1212
- @media screen and (orientation: landscape) {
1213
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1214
- float: left;
1215
- height: 100%;
1216
- width: 30%;
1217
- }
1218
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1219
- float: left;
1220
- padding: 5px;
1221
- }
1222
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1223
- font-size: 35px;
1224
- margin-top: 35%;
1225
- }
1226
- .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 {
1227
- display: block;
1228
- font-size: 40px;
1229
- margin-top: 10%;
1230
- }
1231
- .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 {
1232
- height: 10%;
1233
- }
1234
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1235
- height: 75%;
1236
- }
1237
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1238
- display: -ms-flexbox;
1239
- display: flex;
1240
- }
1241
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1242
- float: right;
1243
- height: 90%;
1244
- width: 70%;
1245
- }
1246
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1247
- display: table-row-group;
1248
- }
1249
- .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 {
1250
- height: 100%;
1251
- }
1252
- }
1180
+ /* stylelint-enable */
1253
1181
  .e-datepicker.e-popup-wrapper,
1254
1182
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1255
1183
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1284,6 +1212,7 @@ ejs-calendar {
1284
1212
  color: #fff;
1285
1213
  }
1286
1214
 
1215
+ /* stylelint-disable property-no-vendor-prefix */
1287
1216
  /*! calendar bootstrap theme variables */
1288
1217
  /*! component icons */
1289
1218
  .e-input-group-icon.e-range-icon,
@@ -1897,6 +1826,7 @@ ejs-calendar {
1897
1826
  line-height: 26px;
1898
1827
  }
1899
1828
 
1829
+ /* stylelint-disable */
1900
1830
  .e-range-overflow {
1901
1831
  overflow: hidden;
1902
1832
  }
@@ -1923,13 +1853,6 @@ ejs-calendar {
1923
1853
  top: 0 !important;
1924
1854
  left: 0 !important;
1925
1855
  }
1926
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1927
- min-height: 100%;
1928
- min-width: 100%;
1929
- height: 100%;
1930
- width: 100%;
1931
- }
1932
-
1933
1856
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1934
1857
  background-size: 250px 33px;
1935
1858
  min-height: 33px;
@@ -1941,103 +1864,6 @@ ejs-calendar {
1941
1864
  min-height: 40px;
1942
1865
  }
1943
1866
 
1944
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
1945
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1946
- min-height: 100%;
1947
- min-width: 100%;
1948
- height: 100%;
1949
- width: 100%;
1950
- }
1951
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1952
- height: 100%;
1953
- }
1954
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1955
- height: 78%;
1956
- }
1957
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1958
- height: 90%;
1959
- }
1960
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
1961
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1962
- height: 10%;
1963
- }
1964
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1965
- margin: 0;
1966
- }
1967
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1968
- height: 90%;
1969
- }
1970
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1971
- height: 100%;
1972
- border-spacing: 0px 30px;
1973
- }
1974
-
1975
- @media screen and (orientation: landscape) {
1976
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1977
- float: left;
1978
- height: 100%;
1979
- border-right: 1.5px;
1980
- border-color: black;
1981
- width: 40%;
1982
- margin: 0;
1983
- display: block;
1984
- background-color: #3f51b5;
1985
- }
1986
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1987
- height: 100%;
1988
- width: 100%;
1989
- }
1990
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
1991
- display: block;
1992
- width: 100%;
1993
- text-align: -webkit-center;
1994
- }
1995
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
1996
- display: block;
1997
- width: 100%;
1998
- text-align: -webkit-center;
1999
- margin-top: 20%;
2000
- font-size: 20px;
2001
- 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);
2002
- }
2003
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
2004
- font-size: 20px;
2005
- margin-top: 60%;
2006
- color: #fff;
2007
- }
2008
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
2009
- width: 100%;
2010
- text-align: -webkit-center;
2011
- margin-top: 20%;
2012
- font-size: 20px;
2013
- 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);
2014
- }
2015
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2016
- height: 82%;
2017
- }
2018
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2019
- height: 80%;
2020
- }
2021
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2022
- border-spacing: unset;
2023
- }
2024
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
2025
- height: 20%;
2026
- }
2027
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2028
- width: 100%;
2029
- }
2030
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2031
- display: -ms-flexbox;
2032
- display: flex;
2033
- }
2034
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2035
- border-radius: 0 40% 40% 0;
2036
- }
2037
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2038
- border-radius: 0 40% 40% 0;
2039
- }
2040
- }
2041
1867
  .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 {
2042
1868
  width: calc(100% - 80px);
2043
1869
  }
@@ -2046,6 +1872,7 @@ ejs-calendar {
2046
1872
  width: calc(100% - 110px);
2047
1873
  }
2048
1874
 
1875
+ /* stylelint-enable */
2049
1876
  /*! daterangepicker theme */
2050
1877
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2051
1878
  background: #545b62;
@@ -2247,6 +2074,7 @@ ejs-calendar {
2247
2074
  color: #fff;
2248
2075
  }
2249
2076
 
2077
+ /* stylelint-disable property-no-vendor-prefix */
2250
2078
  /*! component icons */
2251
2079
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2252
2080
  content: "\e7c7";
@@ -2260,6 +2088,7 @@ ejs-calendar {
2260
2088
  }
2261
2089
 
2262
2090
  .e-datetime-wrapper {
2091
+ /* stylelint-disable property-no-vendor-prefix */
2263
2092
  -webkit-tap-highlight-color: transparent;
2264
2093
  }
2265
2094
  .e-datetime-wrapper .e-time-icon.e-icons::before {