@syncfusion/ej2-angular-calendars 20.2.46-ngcc → 20.2.50-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 (52) hide show
  1. package/CHANGELOG.md +30 -0
  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 +190 -0
  9. package/styles/bootstrap.css +190 -0
  10. package/styles/bootstrap4.css +190 -0
  11. package/styles/bootstrap5-dark.css +190 -0
  12. package/styles/bootstrap5.css +190 -0
  13. package/styles/datepicker/bootstrap-dark.css +79 -0
  14. package/styles/datepicker/bootstrap.css +79 -0
  15. package/styles/datepicker/bootstrap4.css +79 -0
  16. package/styles/datepicker/bootstrap5-dark.css +79 -0
  17. package/styles/datepicker/bootstrap5.css +79 -0
  18. package/styles/datepicker/fabric-dark.css +79 -0
  19. package/styles/datepicker/fabric.css +79 -0
  20. package/styles/datepicker/fluent-dark.css +79 -0
  21. package/styles/datepicker/fluent.css +79 -0
  22. package/styles/datepicker/highcontrast-light.css +79 -0
  23. package/styles/datepicker/highcontrast.css +79 -0
  24. package/styles/datepicker/material-dark.css +79 -0
  25. package/styles/datepicker/material.css +79 -0
  26. package/styles/datepicker/tailwind-dark.css +79 -0
  27. package/styles/datepicker/tailwind.css +79 -0
  28. package/styles/daterangepicker/bootstrap-dark.css +111 -0
  29. package/styles/daterangepicker/bootstrap.css +111 -0
  30. package/styles/daterangepicker/bootstrap4.css +111 -0
  31. package/styles/daterangepicker/bootstrap5-dark.css +111 -0
  32. package/styles/daterangepicker/bootstrap5.css +111 -0
  33. package/styles/daterangepicker/fabric-dark.css +111 -0
  34. package/styles/daterangepicker/fabric.css +111 -0
  35. package/styles/daterangepicker/fluent-dark.css +111 -0
  36. package/styles/daterangepicker/fluent.css +111 -0
  37. package/styles/daterangepicker/highcontrast-light.css +111 -0
  38. package/styles/daterangepicker/highcontrast.css +111 -0
  39. package/styles/daterangepicker/material-dark.css +111 -0
  40. package/styles/daterangepicker/material.css +111 -0
  41. package/styles/daterangepicker/tailwind-dark.css +111 -0
  42. package/styles/daterangepicker/tailwind.css +111 -0
  43. package/styles/fabric-dark.css +190 -0
  44. package/styles/fabric.css +190 -0
  45. package/styles/fluent-dark.css +190 -0
  46. package/styles/fluent.css +190 -0
  47. package/styles/highcontrast-light.css +190 -0
  48. package/styles/highcontrast.css +190 -0
  49. package/styles/material-dark.css +190 -0
  50. package/styles/material.css +190 -0
  51. package/styles/tailwind-dark.css +190 -0
  52. package/styles/tailwind.css +190 -0
package/styles/datepicker/bootstrap-dark.css CHANGED
@@ -118,6 +118,10 @@
118
118
  top: 0 !important;
119
119
  left: 0 !important;
120
120
  }
121
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
122
+ min-width: 100%;
123
+ min-height: 100%;
124
+ }
121
125
 
122
126
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
123
127
  background-size: 250px 33px;
@@ -130,6 +134,40 @@
130
134
  min-height: 40px;
131
135
  }
132
136
 
137
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
138
+ height: 15%;
139
+ }
140
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
141
+ float: right;
142
+ margin-right: 10px;
143
+ padding: 5px;
144
+ }
145
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
146
+ content: "\e932";
147
+ font-family: "e-icons";
148
+ color: rgb(255, 255, 255);
149
+ }
150
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
151
+ min-width: 100%;
152
+ min-height: 100%;
153
+ height: 100%;
154
+ }
155
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
156
+ height: 10%;
157
+ }
158
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
159
+ height: 85%;
160
+ }
161
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
162
+ height: 10%;
163
+ }
164
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
165
+ height: 80%;
166
+ }
167
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
168
+ height: 100%;
169
+ }
170
+
133
171
  @media screen and (orientation: landscape) and (max-height: 360px) {
134
172
  .e-datepicker .e-calendar.e-device .e-month table tbody {
135
173
  display: inline-block;
@@ -137,6 +175,47 @@
137
175
  overflow: auto;
138
176
  }
139
177
  }
178
+ @media screen and (orientation: landscape) {
179
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
180
+ float: left;
181
+ height: 100%;
182
+ width: 30%;
183
+ }
184
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
185
+ float: left;
186
+ padding: 5px;
187
+ }
188
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
189
+ font-size: 35px;
190
+ margin-top: 35%;
191
+ }
192
+ .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 {
193
+ display: block;
194
+ font-size: 40px;
195
+ margin-top: 10%;
196
+ }
197
+ .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 {
198
+ height: 10%;
199
+ }
200
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
201
+ height: 75%;
202
+ }
203
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
204
+ display: -ms-flexbox;
205
+ display: flex;
206
+ }
207
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
208
+ float: right;
209
+ height: 90%;
210
+ width: 70%;
211
+ }
212
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
213
+ display: table-row-group;
214
+ }
215
+ .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 {
216
+ height: 100%;
217
+ }
218
+ }
140
219
  .e-datepicker.e-popup-wrapper,
141
220
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
142
221
  .e-bigger .e-datepicker.e-popup-wrapper,
package/styles/datepicker/bootstrap.css CHANGED
@@ -119,6 +119,10 @@
119
119
  top: 0 !important;
120
120
  left: 0 !important;
121
121
  }
122
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
123
+ min-width: 100%;
124
+ min-height: 100%;
125
+ }
122
126
 
123
127
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
124
128
  background-size: 250px 33px;
@@ -131,6 +135,40 @@
131
135
  min-height: 40px;
132
136
  }
133
137
 
138
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
139
+ height: 15%;
140
+ }
141
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
142
+ float: right;
143
+ margin-right: 10px;
144
+ padding: 5px;
145
+ }
146
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
147
+ content: "\e932";
148
+ font-family: "e-icons";
149
+ color: rgb(255, 255, 255);
150
+ }
151
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
152
+ min-width: 100%;
153
+ min-height: 100%;
154
+ height: 100%;
155
+ }
156
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
157
+ height: 10%;
158
+ }
159
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
160
+ height: 85%;
161
+ }
162
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
163
+ height: 10%;
164
+ }
165
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
166
+ height: 80%;
167
+ }
168
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
169
+ height: 100%;
170
+ }
171
+
134
172
  @media screen and (orientation: landscape) and (max-height: 360px) {
135
173
  .e-datepicker .e-calendar.e-device .e-month table tbody {
136
174
  display: inline-block;
@@ -138,6 +176,47 @@
138
176
  overflow: auto;
139
177
  }
140
178
  }
179
+ @media screen and (orientation: landscape) {
180
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
181
+ float: left;
182
+ height: 100%;
183
+ width: 30%;
184
+ }
185
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
186
+ float: left;
187
+ padding: 5px;
188
+ }
189
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
190
+ font-size: 35px;
191
+ margin-top: 35%;
192
+ }
193
+ .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 {
194
+ display: block;
195
+ font-size: 40px;
196
+ margin-top: 10%;
197
+ }
198
+ .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 {
199
+ height: 10%;
200
+ }
201
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
202
+ height: 75%;
203
+ }
204
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
205
+ display: -ms-flexbox;
206
+ display: flex;
207
+ }
208
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
209
+ float: right;
210
+ height: 90%;
211
+ width: 70%;
212
+ }
213
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
214
+ display: table-row-group;
215
+ }
216
+ .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 {
217
+ height: 100%;
218
+ }
219
+ }
141
220
  .e-datepicker.e-popup-wrapper,
142
221
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
143
222
  .e-bigger .e-datepicker.e-popup-wrapper,
package/styles/datepicker/bootstrap4.css CHANGED
@@ -123,6 +123,10 @@
123
123
  top: 0 !important;
124
124
  left: 0 !important;
125
125
  }
126
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
127
+ min-width: 100%;
128
+ min-height: 100%;
129
+ }
126
130
 
127
131
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
128
132
  background-size: 250px 33px;
@@ -135,6 +139,40 @@
135
139
  min-height: 40px;
136
140
  }
137
141
 
142
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
143
+ height: 15%;
144
+ }
145
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
146
+ float: right;
147
+ margin-right: 10px;
148
+ padding: 5px;
149
+ }
150
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
151
+ content: "\e932";
152
+ font-family: "e-icons";
153
+ color: rgb(255, 255, 255);
154
+ }
155
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
156
+ min-width: 100%;
157
+ min-height: 100%;
158
+ height: 100%;
159
+ }
160
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
161
+ height: 10%;
162
+ }
163
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
164
+ height: 85%;
165
+ }
166
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
167
+ height: 10%;
168
+ }
169
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
170
+ height: 80%;
171
+ }
172
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
173
+ height: 100%;
174
+ }
175
+
138
176
  @media screen and (orientation: landscape) and (max-height: 360px) {
139
177
  .e-datepicker .e-calendar.e-device .e-month table tbody {
140
178
  display: inline-block;
@@ -142,6 +180,47 @@
142
180
  overflow: auto;
143
181
  }
144
182
  }
183
+ @media screen and (orientation: landscape) {
184
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
185
+ float: left;
186
+ height: 100%;
187
+ width: 30%;
188
+ }
189
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
190
+ float: left;
191
+ padding: 5px;
192
+ }
193
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
194
+ font-size: 35px;
195
+ margin-top: 35%;
196
+ }
197
+ .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 {
198
+ display: block;
199
+ font-size: 40px;
200
+ margin-top: 10%;
201
+ }
202
+ .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 {
203
+ height: 10%;
204
+ }
205
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
206
+ height: 75%;
207
+ }
208
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
209
+ display: -ms-flexbox;
210
+ display: flex;
211
+ }
212
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
213
+ float: right;
214
+ height: 90%;
215
+ width: 70%;
216
+ }
217
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
218
+ display: table-row-group;
219
+ }
220
+ .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 {
221
+ height: 100%;
222
+ }
223
+ }
145
224
  .e-datepicker.e-popup-wrapper,
146
225
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
147
226
  .e-bigger .e-datepicker.e-popup-wrapper,
package/styles/datepicker/bootstrap5-dark.css CHANGED
@@ -123,6 +123,10 @@
123
123
  top: 0 !important;
124
124
  left: 0 !important;
125
125
  }
126
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
127
+ min-width: 100%;
128
+ min-height: 100%;
129
+ }
126
130
 
127
131
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
128
132
  background-size: 250px 33px;
@@ -135,6 +139,40 @@
135
139
  min-height: 40px;
136
140
  }
137
141
 
142
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
143
+ height: 15%;
144
+ }
145
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
146
+ float: right;
147
+ margin-right: 10px;
148
+ padding: 5px;
149
+ }
150
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
151
+ content: "\e932";
152
+ font-family: "e-icons";
153
+ color: rgb(255, 255, 255);
154
+ }
155
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
156
+ min-width: 100%;
157
+ min-height: 100%;
158
+ height: 100%;
159
+ }
160
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
161
+ height: 10%;
162
+ }
163
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
164
+ height: 85%;
165
+ }
166
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
167
+ height: 10%;
168
+ }
169
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
170
+ height: 80%;
171
+ }
172
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
173
+ height: 100%;
174
+ }
175
+
138
176
  @media screen and (orientation: landscape) and (max-height: 360px) {
139
177
  .e-datepicker .e-calendar.e-device .e-month table tbody {
140
178
  display: inline-block;
@@ -142,6 +180,47 @@
142
180
  overflow: auto;
143
181
  }
144
182
  }
183
+ @media screen and (orientation: landscape) {
184
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
185
+ float: left;
186
+ height: 100%;
187
+ width: 30%;
188
+ }
189
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
190
+ float: left;
191
+ padding: 5px;
192
+ }
193
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
194
+ font-size: 35px;
195
+ margin-top: 35%;
196
+ }
197
+ .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 {
198
+ display: block;
199
+ font-size: 40px;
200
+ margin-top: 10%;
201
+ }
202
+ .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 {
203
+ height: 10%;
204
+ }
205
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
206
+ height: 75%;
207
+ }
208
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
209
+ display: -ms-flexbox;
210
+ display: flex;
211
+ }
212
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
213
+ float: right;
214
+ height: 90%;
215
+ width: 70%;
216
+ }
217
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
218
+ display: table-row-group;
219
+ }
220
+ .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 {
221
+ height: 100%;
222
+ }
223
+ }
145
224
  .e-datepicker.e-popup-wrapper,
146
225
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
147
226
  .e-bigger .e-datepicker.e-popup-wrapper,
package/styles/datepicker/bootstrap5.css CHANGED
@@ -123,6 +123,10 @@
123
123
  top: 0 !important;
124
124
  left: 0 !important;
125
125
  }
126
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
127
+ min-width: 100%;
128
+ min-height: 100%;
129
+ }
126
130
 
127
131
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
128
132
  background-size: 250px 33px;
@@ -135,6 +139,40 @@
135
139
  min-height: 40px;
136
140
  }
137
141
 
142
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
143
+ height: 15%;
144
+ }
145
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
146
+ float: right;
147
+ margin-right: 10px;
148
+ padding: 5px;
149
+ }
150
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
151
+ content: "\e932";
152
+ font-family: "e-icons";
153
+ color: rgb(255, 255, 255);
154
+ }
155
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
156
+ min-width: 100%;
157
+ min-height: 100%;
158
+ height: 100%;
159
+ }
160
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
161
+ height: 10%;
162
+ }
163
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
164
+ height: 85%;
165
+ }
166
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
167
+ height: 10%;
168
+ }
169
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
170
+ height: 80%;
171
+ }
172
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
173
+ height: 100%;
174
+ }
175
+
138
176
  @media screen and (orientation: landscape) and (max-height: 360px) {
139
177
  .e-datepicker .e-calendar.e-device .e-month table tbody {
140
178
  display: inline-block;
@@ -142,6 +180,47 @@
142
180
  overflow: auto;
143
181
  }
144
182
  }
183
+ @media screen and (orientation: landscape) {
184
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
185
+ float: left;
186
+ height: 100%;
187
+ width: 30%;
188
+ }
189
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
190
+ float: left;
191
+ padding: 5px;
192
+ }
193
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
194
+ font-size: 35px;
195
+ margin-top: 35%;
196
+ }
197
+ .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 {
198
+ display: block;
199
+ font-size: 40px;
200
+ margin-top: 10%;
201
+ }
202
+ .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 {
203
+ height: 10%;
204
+ }
205
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
206
+ height: 75%;
207
+ }
208
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
209
+ display: -ms-flexbox;
210
+ display: flex;
211
+ }
212
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
213
+ float: right;
214
+ height: 90%;
215
+ width: 70%;
216
+ }
217
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
218
+ display: table-row-group;
219
+ }
220
+ .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 {
221
+ height: 100%;
222
+ }
223
+ }
145
224
  .e-datepicker.e-popup-wrapper,
146
225
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
147
226
  .e-bigger .e-datepicker.e-popup-wrapper,
package/styles/datepicker/fabric-dark.css CHANGED
@@ -118,6 +118,10 @@
118
118
  top: 0 !important;
119
119
  left: 0 !important;
120
120
  }
121
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
122
+ min-width: 100%;
123
+ min-height: 100%;
124
+ }
121
125
 
122
126
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
123
127
  background-size: 250px 33px;
@@ -130,6 +134,40 @@
130
134
  min-height: 40px;
131
135
  }
132
136
 
137
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
138
+ height: 15%;
139
+ }
140
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
141
+ float: right;
142
+ margin-right: 10px;
143
+ padding: 5px;
144
+ }
145
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
146
+ content: "\e932";
147
+ font-family: "e-icons";
148
+ color: rgb(255, 255, 255);
149
+ }
150
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
151
+ min-width: 100%;
152
+ min-height: 100%;
153
+ height: 100%;
154
+ }
155
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
156
+ height: 10%;
157
+ }
158
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
159
+ height: 85%;
160
+ }
161
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
162
+ height: 10%;
163
+ }
164
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
165
+ height: 80%;
166
+ }
167
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
168
+ height: 100%;
169
+ }
170
+
133
171
  @media screen and (orientation: landscape) and (max-height: 360px) {
134
172
  .e-datepicker .e-calendar.e-device .e-month table tbody {
135
173
  display: inline-block;
@@ -137,6 +175,47 @@
137
175
  overflow: auto;
138
176
  }
139
177
  }
178
+ @media screen and (orientation: landscape) {
179
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
180
+ float: left;
181
+ height: 100%;
182
+ width: 30%;
183
+ }
184
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
185
+ float: left;
186
+ padding: 5px;
187
+ }
188
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
189
+ font-size: 35px;
190
+ margin-top: 35%;
191
+ }
192
+ .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 {
193
+ display: block;
194
+ font-size: 40px;
195
+ margin-top: 10%;
196
+ }
197
+ .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 {
198
+ height: 10%;
199
+ }
200
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
201
+ height: 75%;
202
+ }
203
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
204
+ display: -ms-flexbox;
205
+ display: flex;
206
+ }
207
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
208
+ float: right;
209
+ height: 90%;
210
+ width: 70%;
211
+ }
212
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
213
+ display: table-row-group;
214
+ }
215
+ .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 {
216
+ height: 100%;
217
+ }
218
+ }
140
219
  .e-datepicker.e-popup-wrapper,
141
220
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
142
221
  .e-bigger .e-datepicker.e-popup-wrapper,
package/styles/datepicker/fabric.css CHANGED
@@ -119,6 +119,10 @@
119
119
  top: 0 !important;
120
120
  left: 0 !important;
121
121
  }
122
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
123
+ min-width: 100%;
124
+ min-height: 100%;
125
+ }
122
126
 
123
127
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
124
128
  background-size: 250px 33px;
@@ -131,6 +135,40 @@
131
135
  min-height: 40px;
132
136
  }
133
137
 
138
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
139
+ height: 15%;
140
+ }
141
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
142
+ float: right;
143
+ margin-right: 10px;
144
+ padding: 5px;
145
+ }
146
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
147
+ content: "\e932";
148
+ font-family: "e-icons";
149
+ color: rgb(255, 255, 255);
150
+ }
151
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
152
+ min-width: 100%;
153
+ min-height: 100%;
154
+ height: 100%;
155
+ }
156
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
157
+ height: 10%;
158
+ }
159
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
160
+ height: 85%;
161
+ }
162
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
163
+ height: 10%;
164
+ }
165
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
166
+ height: 80%;
167
+ }
168
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
169
+ height: 100%;
170
+ }
171
+
134
172
  @media screen and (orientation: landscape) and (max-height: 360px) {
135
173
  .e-datepicker .e-calendar.e-device .e-month table tbody {
136
174
  display: inline-block;
@@ -138,6 +176,47 @@
138
176
  overflow: auto;
139
177
  }
140
178
  }
179
+ @media screen and (orientation: landscape) {
180
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
181
+ float: left;
182
+ height: 100%;
183
+ width: 30%;
184
+ }
185
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
186
+ float: left;
187
+ padding: 5px;
188
+ }
189
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
190
+ font-size: 35px;
191
+ margin-top: 35%;
192
+ }
193
+ .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 {
194
+ display: block;
195
+ font-size: 40px;
196
+ margin-top: 10%;
197
+ }
198
+ .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 {
199
+ height: 10%;
200
+ }
201
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
202
+ height: 75%;
203
+ }
204
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
205
+ display: -ms-flexbox;
206
+ display: flex;
207
+ }
208
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
209
+ float: right;
210
+ height: 90%;
211
+ width: 70%;
212
+ }
213
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
214
+ display: table-row-group;
215
+ }
216
+ .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 {
217
+ height: 100%;
218
+ }
219
+ }
141
220
  .e-datepicker.e-popup-wrapper,
142
221
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
143
222
  .e-bigger .e-datepicker.e-popup-wrapper,