@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: 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,11 +1312,6 @@ ejs-calendar {
1304
1312
  top: 0 !important;
1305
1313
  left: 0 !important;
1306
1314
  }
1307
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1308
- min-width: 100%;
1309
- min-height: 100%;
1310
- }
1311
-
1312
1315
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1313
1316
  background-size: 250px 33px;
1314
1317
  min-height: 33px;
@@ -1320,40 +1323,6 @@ ejs-calendar {
1320
1323
  min-height: 40px;
1321
1324
  }
1322
1325
 
1323
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1324
- height: 15%;
1325
- }
1326
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1327
- float: right;
1328
- margin-right: 10px;
1329
- padding: 5px;
1330
- }
1331
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1332
- content: "\e932";
1333
- font-family: "e-icons";
1334
- color: rgb(255, 255, 255);
1335
- }
1336
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1337
- min-width: 100%;
1338
- min-height: 100%;
1339
- height: 100%;
1340
- }
1341
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1342
- height: 10%;
1343
- }
1344
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1345
- height: 85%;
1346
- }
1347
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1348
- height: 10%;
1349
- }
1350
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1351
- height: 80%;
1352
- }
1353
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1354
- height: 100%;
1355
- }
1356
-
1357
1326
  @media screen and (orientation: landscape) and (max-height: 360px) {
1358
1327
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1359
1328
  display: inline-block;
@@ -1361,47 +1330,7 @@ ejs-calendar {
1361
1330
  overflow: auto;
1362
1331
  }
1363
1332
  }
1364
- @media screen and (orientation: landscape) {
1365
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1366
- float: left;
1367
- height: 100%;
1368
- width: 30%;
1369
- }
1370
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1371
- float: left;
1372
- padding: 5px;
1373
- }
1374
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1375
- font-size: 35px;
1376
- margin-top: 35%;
1377
- }
1378
- .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 {
1379
- display: block;
1380
- font-size: 40px;
1381
- margin-top: 10%;
1382
- }
1383
- .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 {
1384
- height: 10%;
1385
- }
1386
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1387
- height: 75%;
1388
- }
1389
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1390
- display: -ms-flexbox;
1391
- display: flex;
1392
- }
1393
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1394
- float: right;
1395
- height: 90%;
1396
- width: 70%;
1397
- }
1398
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1399
- display: table-row-group;
1400
- }
1401
- .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 {
1402
- height: 100%;
1403
- }
1404
- }
1333
+ /* stylelint-enable */
1405
1334
  .e-datepicker.e-popup-wrapper,
1406
1335
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1407
1336
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1434,7 +1363,8 @@ ejs-calendar {
1434
1363
  color: #a19f9d;
1435
1364
  }
1436
1365
 
1437
- /*! calendar bootstrap5 theme variables */
1366
+ /* stylelint-disable property-no-vendor-prefix */
1367
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
1438
1368
  /*! component icons */
1439
1369
  .e-input-group-icon.e-range-icon,
1440
1370
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -2016,6 +1946,7 @@ ejs-calendar {
2016
1946
  line-height: 26px;
2017
1947
  }
2018
1948
 
1949
+ /* stylelint-disable */
2019
1950
  .e-range-overflow {
2020
1951
  overflow: hidden;
2021
1952
  }
@@ -2042,13 +1973,6 @@ ejs-calendar {
2042
1973
  top: 0 !important;
2043
1974
  left: 0 !important;
2044
1975
  }
2045
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
2046
- min-height: 100%;
2047
- min-width: 100%;
2048
- height: 100%;
2049
- width: 100%;
2050
- }
2051
-
2052
1976
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2053
1977
  background-size: 250px 33px;
2054
1978
  min-height: 33px;
@@ -2060,103 +1984,6 @@ ejs-calendar {
2060
1984
  min-height: 40px;
2061
1985
  }
2062
1986
 
2063
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
2064
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2065
- min-height: 100%;
2066
- min-width: 100%;
2067
- height: 100%;
2068
- width: 100%;
2069
- }
2070
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2071
- height: 100%;
2072
- }
2073
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2074
- height: 78%;
2075
- }
2076
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2077
- height: 90%;
2078
- }
2079
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
2080
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
2081
- height: 10%;
2082
- }
2083
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
2084
- margin: 0;
2085
- }
2086
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2087
- height: 90%;
2088
- }
2089
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2090
- height: 100%;
2091
- border-spacing: 0px 30px;
2092
- }
2093
-
2094
- @media screen and (orientation: landscape) {
2095
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
2096
- float: left;
2097
- height: 100%;
2098
- border-right: 1.5px;
2099
- border-color: black;
2100
- width: 40%;
2101
- margin: 0;
2102
- display: block;
2103
- background-color: #3f51b5;
2104
- }
2105
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2106
- height: 100%;
2107
- width: 100%;
2108
- }
2109
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
2110
- display: block;
2111
- width: 100%;
2112
- text-align: -webkit-center;
2113
- }
2114
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
2115
- display: block;
2116
- width: 100%;
2117
- text-align: -webkit-center;
2118
- margin-top: 20%;
2119
- font-size: 20px;
2120
- 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);
2121
- }
2122
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
2123
- font-size: 20px;
2124
- margin-top: 60%;
2125
- color: #fff;
2126
- }
2127
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
2128
- width: 100%;
2129
- text-align: -webkit-center;
2130
- margin-top: 20%;
2131
- font-size: 20px;
2132
- 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);
2133
- }
2134
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2135
- height: 82%;
2136
- }
2137
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2138
- height: 80%;
2139
- }
2140
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2141
- border-spacing: unset;
2142
- }
2143
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
2144
- height: 20%;
2145
- }
2146
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2147
- width: 100%;
2148
- }
2149
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2150
- display: -ms-flexbox;
2151
- display: flex;
2152
- }
2153
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2154
- border-radius: 0 40% 40% 0;
2155
- }
2156
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2157
- border-radius: 0 40% 40% 0;
2158
- }
2159
- }
2160
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 {
2161
1988
  width: calc(100% - 80px);
2162
1989
  }
@@ -2165,6 +1992,7 @@ ejs-calendar {
2165
1992
  width: calc(100% - 110px);
2166
1993
  }
2167
1994
 
1995
+ /* stylelint-enable */
2168
1996
  /*! daterangepicker theme */
2169
1997
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2170
1998
  color: #f3f2f1;
@@ -2448,6 +2276,8 @@ ejs-calendar {
2448
2276
  color: #3b3a39;
2449
2277
  }
2450
2278
 
2279
+ /* stylelint-disable property-no-vendor-prefix */
2280
+ /* stylelint-disable-line no-empty-source */
2451
2281
  /*! component icons */
2452
2282
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2453
2283
  content: "\e705";
@@ -2461,6 +2291,7 @@ ejs-calendar {
2461
2291
  }
2462
2292
 
2463
2293
  .e-datetime-wrapper {
2294
+ /* stylelint-disable property-no-vendor-prefix */
2464
2295
  -webkit-tap-highlight-color: transparent;
2465
2296
  }
2466
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,11 +1312,6 @@ ejs-calendar {
1304
1312
  top: 0 !important;
1305
1313
  left: 0 !important;
1306
1314
  }
1307
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1308
- min-width: 100%;
1309
- min-height: 100%;
1310
- }
1311
-
1312
1315
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1313
1316
  background-size: 250px 33px;
1314
1317
  min-height: 33px;
@@ -1320,40 +1323,6 @@ ejs-calendar {
1320
1323
  min-height: 40px;
1321
1324
  }
1322
1325
 
1323
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1324
- height: 15%;
1325
- }
1326
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1327
- float: right;
1328
- margin-right: 10px;
1329
- padding: 5px;
1330
- }
1331
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1332
- content: "\e932";
1333
- font-family: "e-icons";
1334
- color: rgb(255, 255, 255);
1335
- }
1336
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1337
- min-width: 100%;
1338
- min-height: 100%;
1339
- height: 100%;
1340
- }
1341
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
1342
- height: 10%;
1343
- }
1344
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1345
- height: 85%;
1346
- }
1347
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1348
- height: 10%;
1349
- }
1350
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1351
- height: 80%;
1352
- }
1353
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1354
- height: 100%;
1355
- }
1356
-
1357
1326
  @media screen and (orientation: landscape) and (max-height: 360px) {
1358
1327
  .e-datepicker .e-calendar.e-device .e-month table tbody {
1359
1328
  display: inline-block;
@@ -1361,47 +1330,7 @@ ejs-calendar {
1361
1330
  overflow: auto;
1362
1331
  }
1363
1332
  }
1364
- @media screen and (orientation: landscape) {
1365
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1366
- float: left;
1367
- height: 100%;
1368
- width: 30%;
1369
- }
1370
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1371
- float: left;
1372
- padding: 5px;
1373
- }
1374
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
1375
- font-size: 35px;
1376
- margin-top: 35%;
1377
- }
1378
- .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 {
1379
- display: block;
1380
- font-size: 40px;
1381
- margin-top: 10%;
1382
- }
1383
- .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 {
1384
- height: 10%;
1385
- }
1386
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1387
- height: 75%;
1388
- }
1389
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1390
- display: -ms-flexbox;
1391
- display: flex;
1392
- }
1393
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1394
- float: right;
1395
- height: 90%;
1396
- width: 70%;
1397
- }
1398
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1399
- display: table-row-group;
1400
- }
1401
- .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 {
1402
- height: 100%;
1403
- }
1404
- }
1333
+ /* stylelint-enable */
1405
1334
  .e-datepicker.e-popup-wrapper,
1406
1335
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1407
1336
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1434,7 +1363,8 @@ ejs-calendar {
1434
1363
  color: #605e5c;
1435
1364
  }
1436
1365
 
1437
- /*! calendar bootstrap5 theme variables */
1366
+ /* stylelint-disable property-no-vendor-prefix */
1367
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
1438
1368
  /*! component icons */
1439
1369
  .e-input-group-icon.e-range-icon,
1440
1370
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -2016,6 +1946,7 @@ ejs-calendar {
2016
1946
  line-height: 26px;
2017
1947
  }
2018
1948
 
1949
+ /* stylelint-disable */
2019
1950
  .e-range-overflow {
2020
1951
  overflow: hidden;
2021
1952
  }
@@ -2042,13 +1973,6 @@ ejs-calendar {
2042
1973
  top: 0 !important;
2043
1974
  left: 0 !important;
2044
1975
  }
2045
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
2046
- min-height: 100%;
2047
- min-width: 100%;
2048
- height: 100%;
2049
- width: 100%;
2050
- }
2051
-
2052
1976
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2053
1977
  background-size: 250px 33px;
2054
1978
  min-height: 33px;
@@ -2060,103 +1984,6 @@ ejs-calendar {
2060
1984
  min-height: 40px;
2061
1985
  }
2062
1986
 
2063
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
2064
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2065
- min-height: 100%;
2066
- min-width: 100%;
2067
- height: 100%;
2068
- width: 100%;
2069
- }
2070
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2071
- height: 100%;
2072
- }
2073
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2074
- height: 78%;
2075
- }
2076
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2077
- height: 90%;
2078
- }
2079
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
2080
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
2081
- height: 10%;
2082
- }
2083
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
2084
- margin: 0;
2085
- }
2086
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2087
- height: 90%;
2088
- }
2089
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2090
- height: 100%;
2091
- border-spacing: 0px 30px;
2092
- }
2093
-
2094
- @media screen and (orientation: landscape) {
2095
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
2096
- float: left;
2097
- height: 100%;
2098
- border-right: 1.5px;
2099
- border-color: black;
2100
- width: 40%;
2101
- margin: 0;
2102
- display: block;
2103
- background-color: #3f51b5;
2104
- }
2105
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2106
- height: 100%;
2107
- width: 100%;
2108
- }
2109
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
2110
- display: block;
2111
- width: 100%;
2112
- text-align: -webkit-center;
2113
- }
2114
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
2115
- display: block;
2116
- width: 100%;
2117
- text-align: -webkit-center;
2118
- margin-top: 20%;
2119
- font-size: 20px;
2120
- 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);
2121
- }
2122
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
2123
- font-size: 20px;
2124
- margin-top: 60%;
2125
- color: #fff;
2126
- }
2127
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
2128
- width: 100%;
2129
- text-align: -webkit-center;
2130
- margin-top: 20%;
2131
- font-size: 20px;
2132
- 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);
2133
- }
2134
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2135
- height: 82%;
2136
- }
2137
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2138
- height: 80%;
2139
- }
2140
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2141
- border-spacing: unset;
2142
- }
2143
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
2144
- height: 20%;
2145
- }
2146
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2147
- width: 100%;
2148
- }
2149
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2150
- display: -ms-flexbox;
2151
- display: flex;
2152
- }
2153
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2154
- border-radius: 0 40% 40% 0;
2155
- }
2156
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
2157
- border-radius: 0 40% 40% 0;
2158
- }
2159
- }
2160
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 {
2161
1988
  width: calc(100% - 80px);
2162
1989
  }
@@ -2165,6 +1992,7 @@ ejs-calendar {
2165
1992
  width: calc(100% - 110px);
2166
1993
  }
2167
1994
 
1995
+ /* stylelint-enable */
2168
1996
  /*! daterangepicker theme */
2169
1997
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2170
1998
  color: #201f1e;
@@ -2448,6 +2276,8 @@ ejs-calendar {
2448
2276
  color: #a19f9d;
2449
2277
  }
2450
2278
 
2279
+ /* stylelint-disable property-no-vendor-prefix */
2280
+ /* stylelint-disable-line no-empty-source */
2451
2281
  /*! component icons */
2452
2282
  .e-datetime-wrapper .e-time-icon.e-icons::before {
2453
2283
  content: "\e705";
@@ -2461,6 +2291,7 @@ ejs-calendar {
2461
2291
  }
2462
2292
 
2463
2293
  .e-datetime-wrapper {
2294
+ /* stylelint-disable property-no-vendor-prefix */
2464
2295
  -webkit-tap-highlight-color: transparent;
2465
2296
  }
2466
2297
  .e-datetime-wrapper .e-time-icon.e-icons::before {