@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
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -135,6 +136,7 @@
135
136
  margin: 0;
136
137
  }
137
138
 
139
+ /* stylelint-disable */
138
140
  .e-date-overflow {
139
141
  overflow: hidden !important;
140
142
  }
@@ -161,11 +163,6 @@
161
163
  top: 0 !important;
162
164
  left: 0 !important;
163
165
  }
164
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
165
- min-width: 100%;
166
- min-height: 100%;
167
- }
168
-
169
166
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
170
167
  background-size: 250px 33px;
171
168
  min-height: 33px;
@@ -177,40 +174,6 @@
177
174
  min-height: 40px;
178
175
  }
179
176
 
180
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
181
- height: 15%;
182
- }
183
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
184
- float: right;
185
- margin-right: 10px;
186
- padding: 5px;
187
- }
188
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
189
- content: "\e932";
190
- font-family: "e-icons";
191
- color: rgb(255, 255, 255);
192
- }
193
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
194
- min-width: 100%;
195
- min-height: 100%;
196
- height: 100%;
197
- }
198
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
199
- height: 10%;
200
- }
201
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
202
- height: 85%;
203
- }
204
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
205
- height: 10%;
206
- }
207
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
208
- height: 80%;
209
- }
210
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
211
- height: 100%;
212
- }
213
-
214
177
  @media screen and (orientation: landscape) and (max-height: 360px) {
215
178
  .e-datepicker .e-calendar.e-device .e-month table tbody {
216
179
  display: inline-block;
@@ -218,47 +181,7 @@
218
181
  overflow: auto;
219
182
  }
220
183
  }
221
- @media screen and (orientation: landscape) {
222
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
223
- float: left;
224
- height: 100%;
225
- width: 30%;
226
- }
227
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
228
- float: left;
229
- padding: 5px;
230
- }
231
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
232
- font-size: 35px;
233
- margin-top: 35%;
234
- }
235
- .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 {
236
- display: block;
237
- font-size: 40px;
238
- margin-top: 10%;
239
- }
240
- .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 {
241
- height: 10%;
242
- }
243
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
244
- height: 75%;
245
- }
246
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
247
- display: -ms-flexbox;
248
- display: flex;
249
- }
250
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
251
- float: right;
252
- height: 90%;
253
- width: 70%;
254
- }
255
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
256
- display: table-row-group;
257
- }
258
- .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 {
259
- height: 100%;
260
- }
261
- }
184
+ /* stylelint-enable */
262
185
  .e-datepicker.e-popup-wrapper,
263
186
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
264
187
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -144,6 +145,7 @@
144
145
  margin: 0;
145
146
  }
146
147
 
148
+ /* stylelint-disable */
147
149
  .e-date-overflow {
148
150
  overflow: hidden !important;
149
151
  }
@@ -197,13 +199,16 @@
197
199
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
198
200
  content: "\e932";
199
201
  font-family: "e-icons";
200
- color: rgb(255, 255, 255);
202
+ color: rgba(0, 0, 0, 0.54);
201
203
  }
202
204
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
203
205
  min-width: 100%;
204
206
  min-height: 100%;
205
207
  height: 100%;
206
208
  }
209
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
210
+ font-size: 9px;
211
+ }
207
212
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
208
213
  height: 10%;
209
214
  }
@@ -238,12 +243,12 @@
238
243
  padding: 5px;
239
244
  }
240
245
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
241
- font-size: 35px;
246
+ font-size: 3.2vw;
242
247
  margin-top: 35%;
243
248
  }
244
249
  .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 {
245
250
  display: block;
246
- font-size: 40px;
251
+ font-size: 4vw;
247
252
  margin-top: 10%;
248
253
  }
249
254
  .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 {
@@ -268,6 +273,7 @@
268
273
  height: 100%;
269
274
  }
270
275
  }
276
+ /* stylelint-enable */
271
277
  .e-datepicker.e-popup-wrapper,
272
278
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
273
279
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,5 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- /*! calendar tailwind theme variables */
2
+ /* stylelint-disable property-no-vendor-prefix */
3
+ /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
3
4
  /*! component icons */
4
5
  .e-input-group-icon.e-date-icon,
5
6
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -103,6 +104,7 @@
103
104
  margin: 0;
104
105
  }
105
106
 
107
+ /* stylelint-disable */
106
108
  .e-date-overflow {
107
109
  overflow: hidden !important;
108
110
  }
@@ -129,11 +131,6 @@
129
131
  top: 0 !important;
130
132
  left: 0 !important;
131
133
  }
132
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
133
- min-width: 100%;
134
- min-height: 100%;
135
- }
136
-
137
134
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
138
135
  background-size: 250px 33px;
139
136
  min-height: 33px;
@@ -145,40 +142,6 @@
145
142
  min-height: 40px;
146
143
  }
147
144
 
148
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
149
- height: 15%;
150
- }
151
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
152
- float: right;
153
- margin-right: 10px;
154
- padding: 5px;
155
- }
156
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
157
- content: "\e932";
158
- font-family: "e-icons";
159
- color: rgb(255, 255, 255);
160
- }
161
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
162
- min-width: 100%;
163
- min-height: 100%;
164
- height: 100%;
165
- }
166
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
167
- height: 10%;
168
- }
169
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
170
- height: 85%;
171
- }
172
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
173
- height: 10%;
174
- }
175
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
176
- height: 80%;
177
- }
178
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
179
- height: 100%;
180
- }
181
-
182
145
  @media screen and (orientation: landscape) and (max-height: 360px) {
183
146
  .e-datepicker .e-calendar.e-device .e-month table tbody {
184
147
  display: inline-block;
@@ -186,47 +149,7 @@
186
149
  overflow: auto;
187
150
  }
188
151
  }
189
- @media screen and (orientation: landscape) {
190
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
191
- float: left;
192
- height: 100%;
193
- width: 30%;
194
- }
195
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
196
- float: left;
197
- padding: 5px;
198
- }
199
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
200
- font-size: 35px;
201
- margin-top: 35%;
202
- }
203
- .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 {
204
- display: block;
205
- font-size: 40px;
206
- margin-top: 10%;
207
- }
208
- .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 {
209
- height: 10%;
210
- }
211
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
212
- height: 75%;
213
- }
214
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
215
- display: -ms-flexbox;
216
- display: flex;
217
- }
218
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
219
- float: right;
220
- height: 90%;
221
- width: 70%;
222
- }
223
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
224
- display: table-row-group;
225
- }
226
- .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 {
227
- height: 100%;
228
- }
229
- }
152
+ /* stylelint-enable */
230
153
  .e-datepicker.e-popup-wrapper,
231
154
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
232
155
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,5 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- /*! calendar tailwind theme variables */
2
+ /* stylelint-disable property-no-vendor-prefix */
3
+ /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
3
4
  /*! component icons */
4
5
  .e-input-group-icon.e-date-icon,
5
6
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -103,6 +104,7 @@
103
104
  margin: 0;
104
105
  }
105
106
 
107
+ /* stylelint-disable */
106
108
  .e-date-overflow {
107
109
  overflow: hidden !important;
108
110
  }
@@ -129,11 +131,6 @@
129
131
  top: 0 !important;
130
132
  left: 0 !important;
131
133
  }
132
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
133
- min-width: 100%;
134
- min-height: 100%;
135
- }
136
-
137
134
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
138
135
  background-size: 250px 33px;
139
136
  min-height: 33px;
@@ -145,40 +142,6 @@
145
142
  min-height: 40px;
146
143
  }
147
144
 
148
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
149
- height: 15%;
150
- }
151
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
152
- float: right;
153
- margin-right: 10px;
154
- padding: 5px;
155
- }
156
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
157
- content: "\e932";
158
- font-family: "e-icons";
159
- color: rgb(255, 255, 255);
160
- }
161
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
162
- min-width: 100%;
163
- min-height: 100%;
164
- height: 100%;
165
- }
166
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
167
- height: 10%;
168
- }
169
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
170
- height: 85%;
171
- }
172
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
173
- height: 10%;
174
- }
175
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
176
- height: 80%;
177
- }
178
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
179
- height: 100%;
180
- }
181
-
182
145
  @media screen and (orientation: landscape) and (max-height: 360px) {
183
146
  .e-datepicker .e-calendar.e-device .e-month table tbody {
184
147
  display: inline-block;
@@ -186,47 +149,7 @@
186
149
  overflow: auto;
187
150
  }
188
151
  }
189
- @media screen and (orientation: landscape) {
190
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
191
- float: left;
192
- height: 100%;
193
- width: 30%;
194
- }
195
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
196
- float: left;
197
- padding: 5px;
198
- }
199
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
200
- font-size: 35px;
201
- margin-top: 35%;
202
- }
203
- .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 {
204
- display: block;
205
- font-size: 40px;
206
- margin-top: 10%;
207
- }
208
- .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 {
209
- height: 10%;
210
- }
211
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
212
- height: 75%;
213
- }
214
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
215
- display: -ms-flexbox;
216
- display: flex;
217
- }
218
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
219
- float: right;
220
- height: 90%;
221
- width: 70%;
222
- }
223
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
224
- display: table-row-group;
225
- }
226
- .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 {
227
- height: 100%;
228
- }
229
- }
152
+ /* stylelint-enable */
230
153
  .e-datepicker.e-popup-wrapper,
231
154
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
232
155
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! component icons */
2
3
  .e-input-group-icon.e-range-icon,
3
4
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -597,6 +598,7 @@
597
598
  line-height: 26px;
598
599
  }
599
600
 
601
+ /* stylelint-disable */
600
602
  .e-range-overflow {
601
603
  overflow: hidden;
602
604
  }
@@ -623,13 +625,6 @@
623
625
  top: 0 !important;
624
626
  left: 0 !important;
625
627
  }
626
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
627
- min-height: 100%;
628
- min-width: 100%;
629
- height: 100%;
630
- width: 100%;
631
- }
632
-
633
628
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
634
629
  background-size: 250px 33px;
635
630
  min-height: 33px;
@@ -641,103 +636,6 @@
641
636
  min-height: 40px;
642
637
  }
643
638
 
644
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
645
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
646
- min-height: 100%;
647
- min-width: 100%;
648
- height: 100%;
649
- width: 100%;
650
- }
651
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
652
- height: 100%;
653
- }
654
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
655
- height: 78%;
656
- }
657
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
658
- height: 90%;
659
- }
660
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
661
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
662
- height: 10%;
663
- }
664
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
665
- margin: 0;
666
- }
667
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
668
- height: 90%;
669
- }
670
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
671
- height: 100%;
672
- border-spacing: 0px 30px;
673
- }
674
-
675
- @media screen and (orientation: landscape) {
676
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
677
- float: left;
678
- height: 100%;
679
- border-right: 1.5px;
680
- border-color: black;
681
- width: 40%;
682
- margin: 0;
683
- display: block;
684
- background-color: #3f51b5;
685
- }
686
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
687
- height: 100%;
688
- width: 100%;
689
- }
690
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
691
- display: block;
692
- width: 100%;
693
- text-align: -webkit-center;
694
- }
695
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
696
- display: block;
697
- width: 100%;
698
- text-align: -webkit-center;
699
- margin-top: 20%;
700
- font-size: 20px;
701
- 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);
702
- }
703
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
704
- font-size: 20px;
705
- margin-top: 60%;
706
- color: #fff;
707
- }
708
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
709
- width: 100%;
710
- text-align: -webkit-center;
711
- margin-top: 20%;
712
- font-size: 20px;
713
- 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);
714
- }
715
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
716
- height: 82%;
717
- }
718
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
719
- height: 80%;
720
- }
721
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
722
- border-spacing: unset;
723
- }
724
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
725
- height: 20%;
726
- }
727
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
728
- width: 100%;
729
- }
730
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
731
- display: -ms-flexbox;
732
- display: flex;
733
- }
734
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
735
- border-radius: 0 40% 40% 0;
736
- }
737
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
738
- border-radius: 0 40% 40% 0;
739
- }
740
- }
741
639
  .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 {
742
640
  width: calc(100% - 80px);
743
641
  }
@@ -746,6 +644,7 @@
746
644
  width: calc(100% - 110px);
747
645
  }
748
646
 
647
+ /* stylelint-enable */
749
648
  /*! daterangepicker theme */
750
649
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
751
650
  color: #f0f0f0;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! calendar bootstrap theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-range-icon,
@@ -598,6 +599,7 @@
598
599
  line-height: 26px;
599
600
  }
600
601
 
602
+ /* stylelint-disable */
601
603
  .e-range-overflow {
602
604
  overflow: hidden;
603
605
  }
@@ -624,13 +626,6 @@
624
626
  top: 0 !important;
625
627
  left: 0 !important;
626
628
  }
627
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
628
- min-height: 100%;
629
- min-width: 100%;
630
- height: 100%;
631
- width: 100%;
632
- }
633
-
634
629
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
635
630
  background-size: 250px 33px;
636
631
  min-height: 33px;
@@ -642,103 +637,6 @@
642
637
  min-height: 40px;
643
638
  }
644
639
 
645
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
646
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
647
- min-height: 100%;
648
- min-width: 100%;
649
- height: 100%;
650
- width: 100%;
651
- }
652
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
653
- height: 100%;
654
- }
655
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
656
- height: 78%;
657
- }
658
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
659
- height: 90%;
660
- }
661
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
662
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
663
- height: 10%;
664
- }
665
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
666
- margin: 0;
667
- }
668
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
669
- height: 90%;
670
- }
671
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
672
- height: 100%;
673
- border-spacing: 0px 30px;
674
- }
675
-
676
- @media screen and (orientation: landscape) {
677
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
678
- float: left;
679
- height: 100%;
680
- border-right: 1.5px;
681
- border-color: black;
682
- width: 40%;
683
- margin: 0;
684
- display: block;
685
- background-color: #3f51b5;
686
- }
687
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
688
- height: 100%;
689
- width: 100%;
690
- }
691
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
692
- display: block;
693
- width: 100%;
694
- text-align: -webkit-center;
695
- }
696
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
697
- display: block;
698
- width: 100%;
699
- text-align: -webkit-center;
700
- margin-top: 20%;
701
- font-size: 20px;
702
- 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);
703
- }
704
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
705
- font-size: 20px;
706
- margin-top: 60%;
707
- color: #fff;
708
- }
709
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
710
- width: 100%;
711
- text-align: -webkit-center;
712
- margin-top: 20%;
713
- font-size: 20px;
714
- 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);
715
- }
716
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
717
- height: 82%;
718
- }
719
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
720
- height: 80%;
721
- }
722
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
723
- border-spacing: unset;
724
- }
725
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
726
- height: 20%;
727
- }
728
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
729
- width: 100%;
730
- }
731
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
732
- display: -ms-flexbox;
733
- display: flex;
734
- }
735
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
736
- border-radius: 0 40% 40% 0;
737
- }
738
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
739
- border-radius: 0 40% 40% 0;
740
- }
741
- }
742
640
  .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 {
743
641
  width: calc(100% - 80px);
744
642
  }
@@ -747,6 +645,7 @@
747
645
  width: calc(100% - 110px);
748
646
  }
749
647
 
648
+ /* stylelint-enable */
750
649
  /*! daterangepicker theme */
751
650
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
752
651
  color: #333;