@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;
@@ -816,6 +817,7 @@ ejs-calendar {
816
817
  transform: scale(1);
817
818
  }
818
819
  }
820
+ /* stylelint-disable property-no-vendor-prefix */
819
821
  /*! component icons */
820
822
  .e-time-wrapper .e-time-icon.e-icons::before,
821
823
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -830,6 +832,7 @@ ejs-calendar {
830
832
 
831
833
  .e-time-wrapper,
832
834
  *.e-control-wrapper.e-time-wrapper {
835
+ /* stylelint-disable property-no-vendor-prefix */
833
836
  -webkit-tap-highlight-color: transparent;
834
837
  }
835
838
  .e-time-wrapper .e-time-icon.e-icons,
@@ -945,6 +948,7 @@ ejs-calendar {
945
948
  min-height: 40px;
946
949
  }
947
950
 
951
+ /* stylelint-disable */
948
952
  .e-time-overflow {
949
953
  overflow: hidden;
950
954
  }
@@ -972,6 +976,7 @@ ejs-calendar {
972
976
  top: 0 !important;
973
977
  }
974
978
 
979
+ /* stylelint-enable */
975
980
  /*! timepicker theme */
976
981
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
977
982
  color: #dadada;
@@ -1021,6 +1026,7 @@ ejs-calendar {
1021
1026
  color: #dadada;
1022
1027
  }
1023
1028
 
1029
+ /* stylelint-disable property-no-vendor-prefix */
1024
1030
  /*! component icons */
1025
1031
  .e-input-group-icon.e-date-icon,
1026
1032
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1115,6 +1121,7 @@ ejs-calendar {
1115
1121
  margin: 0;
1116
1122
  }
1117
1123
 
1124
+ /* stylelint-disable */
1118
1125
  .e-date-overflow {
1119
1126
  overflow: hidden !important;
1120
1127
  }
@@ -1141,11 +1148,6 @@ ejs-calendar {
1141
1148
  top: 0 !important;
1142
1149
  left: 0 !important;
1143
1150
  }
1144
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1145
- min-width: 100%;
1146
- min-height: 100%;
1147
- }
1148
-
1149
1151
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1150
1152
  background-size: 250px 33px;
1151
1153
  min-height: 33px;
@@ -1157,40 +1159,6 @@ ejs-calendar {
1157
1159
  min-height: 40px;
1158
1160
  }
1159
1161
 
1160
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1161
- height: 15%;
1162
- }
1163
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1164
- float: right;
1165
- margin-right: 10px;
1166
- padding: 5px;
1167
- }
1168
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1169
- content: "\e932";
1170
- font-family: "e-icons";
1171
- color: rgb(255, 255, 255);
1172
- }
1173
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1174
- min-width: 100%;
1175
- min-height: 100%;
1176
- height: 100%;
1177
- }
1178
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1179
- height: 10%;
1180
- }
1181
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1182
- height: 85%;
1183
- }
1184
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1185
- height: 10%;
1186
- }
1187
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1188
- height: 80%;
1189
- }
1190
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1191
- height: 100%;
1192
- }
1193
-
1194
1162
  @media screen and (orientation: landscape) and (max-height: 360px) {
1195
1163
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1196
1164
  display: inline-block;
@@ -1198,47 +1166,7 @@ ejs-calendar {
1198
1166
  overflow: auto;
1199
1167
  }
1200
1168
  }
1201
- @media screen and (orientation: landscape) {
1202
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1203
- float: left;
1204
- height: 100%;
1205
- width: 30%;
1206
- }
1207
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1208
- float: left;
1209
- padding: 5px;
1210
- }
1211
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1212
- font-size: 35px;
1213
- margin-top: 35%;
1214
- }
1215
- .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 {
1216
- display: block;
1217
- font-size: 40px;
1218
- margin-top: 10%;
1219
- }
1220
- .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 {
1221
- height: 10%;
1222
- }
1223
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1224
- height: 75%;
1225
- }
1226
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1227
- display: -ms-flexbox;
1228
- display: flex;
1229
- }
1230
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1231
- float: right;
1232
- height: 90%;
1233
- width: 70%;
1234
- }
1235
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1236
- display: table-row-group;
1237
- }
1238
- .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 {
1239
- height: 100%;
1240
- }
1241
- }
1169
+ /* stylelint-enable */
1242
1170
  .e-datepicker.e-popup-wrapper,
1243
1171
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1244
1172
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1264,6 +1192,7 @@ ejs-calendar {
1264
1192
  border: 1px solid #0074cc;
1265
1193
  }
1266
1194
 
1195
+ /* stylelint-disable property-no-vendor-prefix */
1267
1196
  /*! component icons */
1268
1197
  .e-input-group-icon.e-range-icon,
1269
1198
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1863,6 +1792,7 @@ ejs-calendar {
1863
1792
  line-height: 26px;
1864
1793
  }
1865
1794
 
1795
+ /* stylelint-disable */
1866
1796
  .e-range-overflow {
1867
1797
  overflow: hidden;
1868
1798
  }
@@ -1889,13 +1819,6 @@ ejs-calendar {
1889
1819
  top: 0 !important;
1890
1820
  left: 0 !important;
1891
1821
  }
1892
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1893
- min-height: 100%;
1894
- min-width: 100%;
1895
- height: 100%;
1896
- width: 100%;
1897
- }
1898
-
1899
1822
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1900
1823
  background-size: 250px 33px;
1901
1824
  min-height: 33px;
@@ -1907,103 +1830,6 @@ ejs-calendar {
1907
1830
  min-height: 40px;
1908
1831
  }
1909
1832
 
1910
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
1911
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1912
- min-height: 100%;
1913
- min-width: 100%;
1914
- height: 100%;
1915
- width: 100%;
1916
- }
1917
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1918
- height: 100%;
1919
- }
1920
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1921
- height: 78%;
1922
- }
1923
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1924
- height: 90%;
1925
- }
1926
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
1927
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1928
- height: 10%;
1929
- }
1930
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1931
- margin: 0;
1932
- }
1933
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1934
- height: 90%;
1935
- }
1936
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1937
- height: 100%;
1938
- border-spacing: 0px 30px;
1939
- }
1940
-
1941
- @media screen and (orientation: landscape) {
1942
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1943
- float: left;
1944
- height: 100%;
1945
- border-right: 1.5px;
1946
- border-color: black;
1947
- width: 40%;
1948
- margin: 0;
1949
- display: block;
1950
- background-color: #3f51b5;
1951
- }
1952
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1953
- height: 100%;
1954
- width: 100%;
1955
- }
1956
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
1957
- display: block;
1958
- width: 100%;
1959
- text-align: -webkit-center;
1960
- }
1961
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
1962
- display: block;
1963
- width: 100%;
1964
- text-align: -webkit-center;
1965
- margin-top: 20%;
1966
- font-size: 20px;
1967
- 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);
1968
- }
1969
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
1970
- font-size: 20px;
1971
- margin-top: 60%;
1972
- color: #fff;
1973
- }
1974
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
1975
- width: 100%;
1976
- text-align: -webkit-center;
1977
- margin-top: 20%;
1978
- font-size: 20px;
1979
- 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);
1980
- }
1981
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1982
- height: 82%;
1983
- }
1984
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1985
- height: 80%;
1986
- }
1987
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1988
- border-spacing: unset;
1989
- }
1990
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
1991
- height: 20%;
1992
- }
1993
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1994
- width: 100%;
1995
- }
1996
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1997
- display: -ms-flexbox;
1998
- display: flex;
1999
- }
2000
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2001
- border-radius: 0 40% 40% 0;
2002
- }
2003
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2004
- border-radius: 0 40% 40% 0;
2005
- }
2006
- }
2007
1833
  .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 {
2008
1834
  width: calc(100% - 80px);
2009
1835
  }
@@ -2012,6 +1838,7 @@ ejs-calendar {
2012
1838
  width: calc(100% - 110px);
2013
1839
  }
2014
1840
 
1841
+ /* stylelint-enable */
2015
1842
  /*! daterangepicker theme */
2016
1843
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2017
1844
  color: #fff;
@@ -2210,6 +2037,7 @@ ejs-calendar {
2210
2037
  color: #fff;
2211
2038
  }
2212
2039
 
2040
+ /* stylelint-disable property-no-vendor-prefix */
2213
2041
  /*! component icons */
2214
2042
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2215
2043
  content: "\e97f";
@@ -2223,6 +2051,7 @@ ejs-calendar {
2223
2051
  }
2224
2052
 
2225
2053
  .e-datetime-wrapper {
2054
+ /* stylelint-disable property-no-vendor-prefix */
2226
2055
  -webkit-tap-highlight-color: transparent;
2227
2056
  }
2228
2057
  .e-datetime-wrapper .e-time-icon.e-icons::before {
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,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,
@@ -1270,6 +1198,7 @@ ejs-calendar {
1270
1198
  border: 1px solid #0078d6;
1271
1199
  }
1272
1200
 
1201
+ /* stylelint-disable property-no-vendor-prefix */
1273
1202
  /*! calendar fabric theme variables */
1274
1203
  /*! component icons */
1275
1204
  .e-input-group-icon.e-range-icon,
@@ -1870,6 +1799,7 @@ ejs-calendar {
1870
1799
  line-height: 26px;
1871
1800
  }
1872
1801
 
1802
+ /* stylelint-disable */
1873
1803
  .e-range-overflow {
1874
1804
  overflow: hidden;
1875
1805
  }
@@ -1896,13 +1826,6 @@ ejs-calendar {
1896
1826
  top: 0 !important;
1897
1827
  left: 0 !important;
1898
1828
  }
1899
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1900
- min-height: 100%;
1901
- min-width: 100%;
1902
- height: 100%;
1903
- width: 100%;
1904
- }
1905
-
1906
1829
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1907
1830
  background-size: 250px 33px;
1908
1831
  min-height: 33px;
@@ -1914,103 +1837,6 @@ ejs-calendar {
1914
1837
  min-height: 40px;
1915
1838
  }
1916
1839
 
1917
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
1918
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1919
- min-height: 100%;
1920
- min-width: 100%;
1921
- height: 100%;
1922
- width: 100%;
1923
- }
1924
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1925
- height: 100%;
1926
- }
1927
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1928
- height: 78%;
1929
- }
1930
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1931
- height: 90%;
1932
- }
1933
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
1934
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1935
- height: 10%;
1936
- }
1937
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1938
- margin: 0;
1939
- }
1940
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1941
- height: 90%;
1942
- }
1943
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1944
- height: 100%;
1945
- border-spacing: 0px 30px;
1946
- }
1947
-
1948
- @media screen and (orientation: landscape) {
1949
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
1950
- float: left;
1951
- height: 100%;
1952
- border-right: 1.5px;
1953
- border-color: black;
1954
- width: 40%;
1955
- margin: 0;
1956
- display: block;
1957
- background-color: #3f51b5;
1958
- }
1959
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1960
- height: 100%;
1961
- width: 100%;
1962
- }
1963
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
1964
- display: block;
1965
- width: 100%;
1966
- text-align: -webkit-center;
1967
- }
1968
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
1969
- display: block;
1970
- width: 100%;
1971
- text-align: -webkit-center;
1972
- margin-top: 20%;
1973
- font-size: 20px;
1974
- 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);
1975
- }
1976
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
1977
- font-size: 20px;
1978
- margin-top: 60%;
1979
- color: #fff;
1980
- }
1981
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
1982
- width: 100%;
1983
- text-align: -webkit-center;
1984
- margin-top: 20%;
1985
- font-size: 20px;
1986
- 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);
1987
- }
1988
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1989
- height: 82%;
1990
- }
1991
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1992
- height: 80%;
1993
- }
1994
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1995
- border-spacing: unset;
1996
- }
1997
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
1998
- height: 20%;
1999
- }
2000
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2001
- width: 100%;
2002
- }
2003
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2004
- display: -ms-flexbox;
2005
- display: flex;
2006
- }
2007
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2008
- border-radius: 0 40% 40% 0;
2009
- }
2010
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2011
- border-radius: 0 40% 40% 0;
2012
- }
2013
- }
2014
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 {
2015
1841
  width: calc(100% - 80px);
2016
1842
  }
@@ -2019,6 +1845,7 @@ ejs-calendar {
2019
1845
  width: calc(100% - 110px);
2020
1846
  }
2021
1847
 
1848
+ /* stylelint-enable */
2022
1849
  /*! daterangepicker theme */
2023
1850
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2024
1851
  color: #333;
@@ -2215,8 +2042,7 @@ ejs-calendar {
2215
2042
  *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
2216
2043
  background: #0078d6;
2217
2044
  color: #fff;
2218
- }
2219
-
2045
+ } /* stylelint-disable property-no-vendor-prefix */
2220
2046
  /*! component icons */
2221
2047
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2222
2048
  content: "\e97f";
@@ -2230,6 +2056,7 @@ ejs-calendar {
2230
2056
  }
2231
2057
 
2232
2058
  .e-datetime-wrapper {
2059
+ /* stylelint-disable property-no-vendor-prefix */
2233
2060
  -webkit-tap-highlight-color: transparent;
2234
2061
  }
2235
2062
  .e-datetime-wrapper .e-time-icon.e-icons::before {