@syncfusion/ej2 20.2.49 → 20.2.50

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 (78) hide show
  1. package/bootstrap-dark.css +190 -0
  2. package/bootstrap.css +190 -0
  3. package/bootstrap4.css +190 -0
  4. package/bootstrap5-dark.css +190 -0
  5. package/bootstrap5.css +190 -0
  6. package/datepicker/bootstrap-dark.css +79 -0
  7. package/datepicker/bootstrap.css +79 -0
  8. package/datepicker/bootstrap4.css +79 -0
  9. package/datepicker/bootstrap5.css +79 -0
  10. package/datepicker/compatibility/bootstrap-dark.css +79 -0
  11. package/datepicker/compatibility/bootstrap.css +79 -0
  12. package/datepicker/compatibility/bootstrap4.css +79 -0
  13. package/datepicker/compatibility/bootstrap5.css +79 -0
  14. package/datepicker/compatibility/fabric-dark.css +79 -0
  15. package/datepicker/compatibility/fabric.css +79 -0
  16. package/datepicker/compatibility/fluent-dark.css +79 -0
  17. package/datepicker/compatibility/fluent.css +79 -0
  18. package/datepicker/compatibility/highcontrast-light.css +79 -0
  19. package/datepicker/compatibility/highcontrast.css +79 -0
  20. package/datepicker/compatibility/material-dark.css +79 -0
  21. package/datepicker/compatibility/material.css +79 -0
  22. package/datepicker/compatibility/tailwind-dark.css +79 -0
  23. package/datepicker/compatibility/tailwind.css +79 -0
  24. package/datepicker/fabric-dark.css +79 -0
  25. package/datepicker/fabric.css +79 -0
  26. package/datepicker/fluent-dark.css +79 -0
  27. package/datepicker/fluent.css +79 -0
  28. package/datepicker/highcontrast-light.css +79 -0
  29. package/datepicker/highcontrast.css +79 -0
  30. package/datepicker/material-dark.css +79 -0
  31. package/datepicker/material.css +79 -0
  32. package/datepicker/tailwind-dark.css +79 -0
  33. package/datepicker/tailwind.css +79 -0
  34. package/daterangepicker/bootstrap-dark.css +111 -0
  35. package/daterangepicker/bootstrap.css +111 -0
  36. package/daterangepicker/bootstrap4.css +111 -0
  37. package/daterangepicker/bootstrap5.css +111 -0
  38. package/daterangepicker/compatibility/bootstrap-dark.css +111 -0
  39. package/daterangepicker/compatibility/bootstrap.css +111 -0
  40. package/daterangepicker/compatibility/bootstrap4.css +111 -0
  41. package/daterangepicker/compatibility/bootstrap5.css +111 -0
  42. package/daterangepicker/compatibility/fabric-dark.css +111 -0
  43. package/daterangepicker/compatibility/fabric.css +111 -0
  44. package/daterangepicker/compatibility/fluent-dark.css +111 -0
  45. package/daterangepicker/compatibility/fluent.css +111 -0
  46. package/daterangepicker/compatibility/highcontrast-light.css +111 -0
  47. package/daterangepicker/compatibility/highcontrast.css +111 -0
  48. package/daterangepicker/compatibility/material-dark.css +111 -0
  49. package/daterangepicker/compatibility/material.css +111 -0
  50. package/daterangepicker/compatibility/tailwind-dark.css +111 -0
  51. package/daterangepicker/compatibility/tailwind.css +111 -0
  52. package/daterangepicker/fabric-dark.css +111 -0
  53. package/daterangepicker/fabric.css +111 -0
  54. package/daterangepicker/fluent-dark.css +111 -0
  55. package/daterangepicker/fluent.css +111 -0
  56. package/daterangepicker/highcontrast-light.css +111 -0
  57. package/daterangepicker/highcontrast.css +111 -0
  58. package/daterangepicker/material-dark.css +111 -0
  59. package/daterangepicker/material.css +111 -0
  60. package/daterangepicker/tailwind-dark.css +111 -0
  61. package/daterangepicker/tailwind.css +111 -0
  62. package/dist/ej2.d.ts +1 -1
  63. package/dist/ej2.min.js +2 -2
  64. package/fabric-dark.css +190 -0
  65. package/fabric.css +190 -0
  66. package/fluent-dark.css +190 -0
  67. package/fluent.css +190 -0
  68. package/highcontrast.css +190 -0
  69. package/material-dark.css +190 -0
  70. package/material.css +190 -0
  71. package/package.json +16 -16
  72. package/styles/compatibility/bootstrap.css +190 -0
  73. package/styles/compatibility/bootstrap4.css +190 -0
  74. package/styles/compatibility/fabric.css +190 -0
  75. package/styles/compatibility/highcontrast.css +190 -0
  76. package/styles/compatibility/material.css +190 -0
  77. package/tailwind-dark.css +190 -0
  78. package/tailwind.css +190 -0
package/datepicker/compatibility/fabric.css CHANGED
@@ -106,6 +106,10 @@
106
106
  top: 0 !important;
107
107
  left: 0 !important;
108
108
  }
109
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
110
+ min-width: 100%;
111
+ min-height: 100%;
112
+ }
109
113
 
110
114
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
111
115
  background-size: 250px 33px;
@@ -118,6 +122,40 @@
118
122
  min-height: 40px;
119
123
  }
120
124
 
125
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
126
+ height: 15%;
127
+ }
128
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
129
+ float: right;
130
+ margin-right: 10px;
131
+ padding: 5px;
132
+ }
133
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
134
+ content: "\e932";
135
+ font-family: "e-icons";
136
+ color: rgb(255, 255, 255);
137
+ }
138
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
139
+ min-width: 100%;
140
+ min-height: 100%;
141
+ height: 100%;
142
+ }
143
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
144
+ height: 10%;
145
+ }
146
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
147
+ height: 85%;
148
+ }
149
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
150
+ height: 10%;
151
+ }
152
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
153
+ height: 80%;
154
+ }
155
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
156
+ height: 100%;
157
+ }
158
+
121
159
  @media screen and (orientation: landscape) and (max-height: 360px) {
122
160
  .e-datepicker .e-calendar.e-device .e-month table tbody {
123
161
  display: inline-block;
@@ -125,6 +163,47 @@
125
163
  overflow: auto;
126
164
  }
127
165
  }
166
+ @media screen and (orientation: landscape) {
167
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
168
+ float: left;
169
+ height: 100%;
170
+ width: 30%;
171
+ }
172
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
173
+ float: left;
174
+ padding: 5px;
175
+ }
176
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
177
+ font-size: 35px;
178
+ margin-top: 35%;
179
+ }
180
+ .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 {
181
+ display: block;
182
+ font-size: 40px;
183
+ margin-top: 10%;
184
+ }
185
+ .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 {
186
+ height: 10%;
187
+ }
188
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
189
+ height: 75%;
190
+ }
191
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
192
+ display: -ms-flexbox;
193
+ display: flex;
194
+ }
195
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
196
+ float: right;
197
+ height: 90%;
198
+ width: 70%;
199
+ }
200
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
201
+ display: table-row-group;
202
+ }
203
+ .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 {
204
+ height: 100%;
205
+ }
206
+ }
128
207
  .e-lib.e-datepicker.e-popup-wrapper,
129
208
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
130
209
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
package/datepicker/compatibility/fluent-dark.css CHANGED
@@ -110,6 +110,10 @@
110
110
  top: 0 !important;
111
111
  left: 0 !important;
112
112
  }
113
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
114
+ min-width: 100%;
115
+ min-height: 100%;
116
+ }
113
117
 
114
118
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
115
119
  background-size: 250px 33px;
@@ -122,6 +126,40 @@
122
126
  min-height: 40px;
123
127
  }
124
128
 
129
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
130
+ height: 15%;
131
+ }
132
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
133
+ float: right;
134
+ margin-right: 10px;
135
+ padding: 5px;
136
+ }
137
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
138
+ content: "\e932";
139
+ font-family: "e-icons";
140
+ color: rgb(255, 255, 255);
141
+ }
142
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
143
+ min-width: 100%;
144
+ min-height: 100%;
145
+ height: 100%;
146
+ }
147
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
148
+ height: 10%;
149
+ }
150
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
151
+ height: 85%;
152
+ }
153
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
154
+ height: 10%;
155
+ }
156
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
157
+ height: 80%;
158
+ }
159
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
160
+ height: 100%;
161
+ }
162
+
125
163
  @media screen and (orientation: landscape) and (max-height: 360px) {
126
164
  .e-datepicker .e-calendar.e-device .e-month table tbody {
127
165
  display: inline-block;
@@ -129,6 +167,47 @@
129
167
  overflow: auto;
130
168
  }
131
169
  }
170
+ @media screen and (orientation: landscape) {
171
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
172
+ float: left;
173
+ height: 100%;
174
+ width: 30%;
175
+ }
176
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
177
+ float: left;
178
+ padding: 5px;
179
+ }
180
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
181
+ font-size: 35px;
182
+ margin-top: 35%;
183
+ }
184
+ .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 {
185
+ display: block;
186
+ font-size: 40px;
187
+ margin-top: 10%;
188
+ }
189
+ .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 {
190
+ height: 10%;
191
+ }
192
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
193
+ height: 75%;
194
+ }
195
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
196
+ display: -ms-flexbox;
197
+ display: flex;
198
+ }
199
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
200
+ float: right;
201
+ height: 90%;
202
+ width: 70%;
203
+ }
204
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
205
+ display: table-row-group;
206
+ }
207
+ .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 {
208
+ height: 100%;
209
+ }
210
+ }
132
211
  .e-lib.e-datepicker.e-popup-wrapper,
133
212
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
134
213
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
package/datepicker/compatibility/fluent.css CHANGED
@@ -110,6 +110,10 @@
110
110
  top: 0 !important;
111
111
  left: 0 !important;
112
112
  }
113
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
114
+ min-width: 100%;
115
+ min-height: 100%;
116
+ }
113
117
 
114
118
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
115
119
  background-size: 250px 33px;
@@ -122,6 +126,40 @@
122
126
  min-height: 40px;
123
127
  }
124
128
 
129
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
130
+ height: 15%;
131
+ }
132
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
133
+ float: right;
134
+ margin-right: 10px;
135
+ padding: 5px;
136
+ }
137
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
138
+ content: "\e932";
139
+ font-family: "e-icons";
140
+ color: rgb(255, 255, 255);
141
+ }
142
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
143
+ min-width: 100%;
144
+ min-height: 100%;
145
+ height: 100%;
146
+ }
147
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
148
+ height: 10%;
149
+ }
150
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
151
+ height: 85%;
152
+ }
153
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
154
+ height: 10%;
155
+ }
156
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
157
+ height: 80%;
158
+ }
159
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
160
+ height: 100%;
161
+ }
162
+
125
163
  @media screen and (orientation: landscape) and (max-height: 360px) {
126
164
  .e-datepicker .e-calendar.e-device .e-month table tbody {
127
165
  display: inline-block;
@@ -129,6 +167,47 @@
129
167
  overflow: auto;
130
168
  }
131
169
  }
170
+ @media screen and (orientation: landscape) {
171
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
172
+ float: left;
173
+ height: 100%;
174
+ width: 30%;
175
+ }
176
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
177
+ float: left;
178
+ padding: 5px;
179
+ }
180
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
181
+ font-size: 35px;
182
+ margin-top: 35%;
183
+ }
184
+ .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 {
185
+ display: block;
186
+ font-size: 40px;
187
+ margin-top: 10%;
188
+ }
189
+ .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 {
190
+ height: 10%;
191
+ }
192
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
193
+ height: 75%;
194
+ }
195
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
196
+ display: -ms-flexbox;
197
+ display: flex;
198
+ }
199
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
200
+ float: right;
201
+ height: 90%;
202
+ width: 70%;
203
+ }
204
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
205
+ display: table-row-group;
206
+ }
207
+ .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 {
208
+ height: 100%;
209
+ }
210
+ }
132
211
  .e-lib.e-datepicker.e-popup-wrapper,
133
212
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
134
213
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
package/datepicker/compatibility/highcontrast-light.css CHANGED
@@ -105,6 +105,10 @@
105
105
  top: 0 !important;
106
106
  left: 0 !important;
107
107
  }
108
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
109
+ min-width: 100%;
110
+ min-height: 100%;
111
+ }
108
112
 
109
113
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
110
114
  background-size: 250px 33px;
@@ -117,6 +121,40 @@
117
121
  min-height: 40px;
118
122
  }
119
123
 
124
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
125
+ height: 15%;
126
+ }
127
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
128
+ float: right;
129
+ margin-right: 10px;
130
+ padding: 5px;
131
+ }
132
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
133
+ content: "\e932";
134
+ font-family: "e-icons";
135
+ color: rgb(255, 255, 255);
136
+ }
137
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
138
+ min-width: 100%;
139
+ min-height: 100%;
140
+ height: 100%;
141
+ }
142
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
143
+ height: 10%;
144
+ }
145
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
146
+ height: 85%;
147
+ }
148
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
149
+ height: 10%;
150
+ }
151
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
152
+ height: 80%;
153
+ }
154
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
155
+ height: 100%;
156
+ }
157
+
120
158
  @media screen and (orientation: landscape) and (max-height: 360px) {
121
159
  .e-datepicker .e-calendar.e-device .e-month table tbody {
122
160
  display: inline-block;
@@ -124,6 +162,47 @@
124
162
  overflow: auto;
125
163
  }
126
164
  }
165
+ @media screen and (orientation: landscape) {
166
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
167
+ float: left;
168
+ height: 100%;
169
+ width: 30%;
170
+ }
171
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
172
+ float: left;
173
+ padding: 5px;
174
+ }
175
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
176
+ font-size: 35px;
177
+ margin-top: 35%;
178
+ }
179
+ .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 {
180
+ display: block;
181
+ font-size: 40px;
182
+ margin-top: 10%;
183
+ }
184
+ .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 {
185
+ height: 10%;
186
+ }
187
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
188
+ height: 75%;
189
+ }
190
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
191
+ display: -ms-flexbox;
192
+ display: flex;
193
+ }
194
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
195
+ float: right;
196
+ height: 90%;
197
+ width: 70%;
198
+ }
199
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
200
+ display: table-row-group;
201
+ }
202
+ .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 {
203
+ height: 100%;
204
+ }
205
+ }
127
206
  .e-lib.e-datepicker.e-popup-wrapper,
128
207
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
129
208
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
package/datepicker/compatibility/highcontrast.css CHANGED
@@ -106,6 +106,10 @@
106
106
  top: 0 !important;
107
107
  left: 0 !important;
108
108
  }
109
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
110
+ min-width: 100%;
111
+ min-height: 100%;
112
+ }
109
113
 
110
114
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
111
115
  background-size: 250px 33px;
@@ -118,6 +122,40 @@
118
122
  min-height: 40px;
119
123
  }
120
124
 
125
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
126
+ height: 15%;
127
+ }
128
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
129
+ float: right;
130
+ margin-right: 10px;
131
+ padding: 5px;
132
+ }
133
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
134
+ content: "\e932";
135
+ font-family: "e-icons";
136
+ color: rgb(255, 255, 255);
137
+ }
138
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
139
+ min-width: 100%;
140
+ min-height: 100%;
141
+ height: 100%;
142
+ }
143
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
144
+ height: 10%;
145
+ }
146
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
147
+ height: 85%;
148
+ }
149
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
150
+ height: 10%;
151
+ }
152
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
153
+ height: 80%;
154
+ }
155
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
156
+ height: 100%;
157
+ }
158
+
121
159
  @media screen and (orientation: landscape) and (max-height: 360px) {
122
160
  .e-datepicker .e-calendar.e-device .e-month table tbody {
123
161
  display: inline-block;
@@ -125,6 +163,47 @@
125
163
  overflow: auto;
126
164
  }
127
165
  }
166
+ @media screen and (orientation: landscape) {
167
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
168
+ float: left;
169
+ height: 100%;
170
+ width: 30%;
171
+ }
172
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
173
+ float: left;
174
+ padding: 5px;
175
+ }
176
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
177
+ font-size: 35px;
178
+ margin-top: 35%;
179
+ }
180
+ .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 {
181
+ display: block;
182
+ font-size: 40px;
183
+ margin-top: 10%;
184
+ }
185
+ .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 {
186
+ height: 10%;
187
+ }
188
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
189
+ height: 75%;
190
+ }
191
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
192
+ display: -ms-flexbox;
193
+ display: flex;
194
+ }
195
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
196
+ float: right;
197
+ height: 90%;
198
+ width: 70%;
199
+ }
200
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
201
+ display: table-row-group;
202
+ }
203
+ .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 {
204
+ height: 100%;
205
+ }
206
+ }
128
207
  .e-lib.e-datepicker.e-popup-wrapper,
129
208
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
130
209
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
package/datepicker/compatibility/material-dark.css CHANGED
@@ -148,6 +148,10 @@
148
148
  top: 0 !important;
149
149
  left: 0 !important;
150
150
  }
151
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
152
+ min-width: 100%;
153
+ min-height: 100%;
154
+ }
151
155
 
152
156
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
153
157
  background-size: 250px 33px;
@@ -160,6 +164,40 @@
160
164
  min-height: 40px;
161
165
  }
162
166
 
167
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
168
+ height: 15%;
169
+ }
170
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
171
+ float: right;
172
+ margin-right: 10px;
173
+ padding: 5px;
174
+ }
175
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
176
+ content: "\e932";
177
+ font-family: "e-icons";
178
+ color: rgb(255, 255, 255);
179
+ }
180
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
181
+ min-width: 100%;
182
+ min-height: 100%;
183
+ height: 100%;
184
+ }
185
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
186
+ height: 10%;
187
+ }
188
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
189
+ height: 85%;
190
+ }
191
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
192
+ height: 10%;
193
+ }
194
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
195
+ height: 80%;
196
+ }
197
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
198
+ height: 100%;
199
+ }
200
+
163
201
  @media screen and (orientation: landscape) and (max-height: 360px) {
164
202
  .e-datepicker .e-calendar.e-device .e-month table tbody {
165
203
  display: inline-block;
@@ -167,6 +205,47 @@
167
205
  overflow: auto;
168
206
  }
169
207
  }
208
+ @media screen and (orientation: landscape) {
209
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
210
+ float: left;
211
+ height: 100%;
212
+ width: 30%;
213
+ }
214
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
215
+ float: left;
216
+ padding: 5px;
217
+ }
218
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
219
+ font-size: 35px;
220
+ margin-top: 35%;
221
+ }
222
+ .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 {
223
+ display: block;
224
+ font-size: 40px;
225
+ margin-top: 10%;
226
+ }
227
+ .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 {
228
+ height: 10%;
229
+ }
230
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
231
+ height: 75%;
232
+ }
233
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
234
+ display: -ms-flexbox;
235
+ display: flex;
236
+ }
237
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
238
+ float: right;
239
+ height: 90%;
240
+ width: 70%;
241
+ }
242
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
243
+ display: table-row-group;
244
+ }
245
+ .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 {
246
+ height: 100%;
247
+ }
248
+ }
170
249
  .e-lib.e-datepicker.e-popup-wrapper,
171
250
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
172
251
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
package/datepicker/compatibility/material.css CHANGED
@@ -157,6 +157,10 @@
157
157
  top: 0 !important;
158
158
  left: 0 !important;
159
159
  }
160
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
161
+ min-width: 100%;
162
+ min-height: 100%;
163
+ }
160
164
 
161
165
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
162
166
  background-size: 250px 33px;
@@ -169,6 +173,40 @@
169
173
  min-height: 40px;
170
174
  }
171
175
 
176
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
177
+ height: 15%;
178
+ }
179
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
180
+ float: right;
181
+ margin-right: 10px;
182
+ padding: 5px;
183
+ }
184
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
185
+ content: "\e932";
186
+ font-family: "e-icons";
187
+ color: rgb(255, 255, 255);
188
+ }
189
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
190
+ min-width: 100%;
191
+ min-height: 100%;
192
+ height: 100%;
193
+ }
194
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
195
+ height: 10%;
196
+ }
197
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
198
+ height: 85%;
199
+ }
200
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
201
+ height: 10%;
202
+ }
203
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
204
+ height: 80%;
205
+ }
206
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
207
+ height: 100%;
208
+ }
209
+
172
210
  @media screen and (orientation: landscape) and (max-height: 360px) {
173
211
  .e-datepicker .e-calendar.e-device .e-month table tbody {
174
212
  display: inline-block;
@@ -176,6 +214,47 @@
176
214
  overflow: auto;
177
215
  }
178
216
  }
217
+ @media screen and (orientation: landscape) {
218
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
219
+ float: left;
220
+ height: 100%;
221
+ width: 30%;
222
+ }
223
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
224
+ float: left;
225
+ padding: 5px;
226
+ }
227
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
228
+ font-size: 35px;
229
+ margin-top: 35%;
230
+ }
231
+ .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 {
232
+ display: block;
233
+ font-size: 40px;
234
+ margin-top: 10%;
235
+ }
236
+ .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 {
237
+ height: 10%;
238
+ }
239
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
240
+ height: 75%;
241
+ }
242
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
243
+ display: -ms-flexbox;
244
+ display: flex;
245
+ }
246
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
247
+ float: right;
248
+ height: 90%;
249
+ width: 70%;
250
+ }
251
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
252
+ display: table-row-group;
253
+ }
254
+ .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 {
255
+ height: 100%;
256
+ }
257
+ }
179
258
  .e-lib.e-datepicker.e-popup-wrapper,
180
259
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
181
260
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,