@syncfusion/ej2-vue-calendars 20.2.50 → 20.3.47

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 (110) hide show
  1. package/CHANGELOG.md +2 -18
  2. package/dist/ej2-vue-calendars.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-calendars.es2015.js +38 -44
  4. package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-calendars.es5.js +38 -44
  6. package/dist/es6/ej2-vue-calendars.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-calendars.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/calendar/calendar.component.d.ts +0 -1
  10. package/src/calendar/calendar.component.js +3 -4
  11. package/src/datepicker/datepicker.component.d.ts +0 -1
  12. package/src/datepicker/datepicker.component.js +3 -4
  13. package/src/daterangepicker/daterangepicker.component.d.ts +0 -1
  14. package/src/daterangepicker/daterangepicker.component.js +3 -4
  15. package/src/daterangepicker/presets.directive.d.ts +0 -1
  16. package/src/daterangepicker/presets.directive.js +5 -6
  17. package/src/datetimepicker/datetimepicker.component.d.ts +0 -1
  18. package/src/datetimepicker/datetimepicker.component.js +3 -4
  19. package/src/timepicker/timepicker.component.d.ts +0 -1
  20. package/src/timepicker/timepicker.component.js +3 -4
  21. package/styles/bootstrap-dark.css +13 -184
  22. package/styles/bootstrap.css +13 -184
  23. package/styles/bootstrap4.css +13 -184
  24. package/styles/bootstrap5-dark.css +18 -186
  25. package/styles/bootstrap5.css +18 -186
  26. package/styles/calendar/bootstrap-dark.css +1 -0
  27. package/styles/calendar/bootstrap.css +1 -0
  28. package/styles/calendar/bootstrap4.css +1 -0
  29. package/styles/calendar/bootstrap5-dark.css +1 -0
  30. package/styles/calendar/bootstrap5.css +1 -0
  31. package/styles/calendar/fabric-dark.css +1 -0
  32. package/styles/calendar/fabric.css +1 -0
  33. package/styles/calendar/fluent-dark.css +1 -0
  34. package/styles/calendar/fluent.css +1 -0
  35. package/styles/calendar/highcontrast-light.css +1 -0
  36. package/styles/calendar/highcontrast.css +1 -0
  37. package/styles/calendar/material-dark.css +1 -0
  38. package/styles/calendar/material.css +1 -0
  39. package/styles/calendar/tailwind-dark.css +2 -0
  40. package/styles/calendar/tailwind.css +2 -0
  41. package/styles/datepicker/bootstrap-dark.css +3 -80
  42. package/styles/datepicker/bootstrap.css +3 -80
  43. package/styles/datepicker/bootstrap4.css +3 -80
  44. package/styles/datepicker/bootstrap5-dark.css +4 -81
  45. package/styles/datepicker/bootstrap5.css +4 -81
  46. package/styles/datepicker/fabric-dark.css +3 -80
  47. package/styles/datepicker/fabric.css +3 -80
  48. package/styles/datepicker/fluent-dark.css +4 -81
  49. package/styles/datepicker/fluent.css +4 -81
  50. package/styles/datepicker/highcontrast-light.css +3 -80
  51. package/styles/datepicker/highcontrast.css +3 -80
  52. package/styles/datepicker/material-dark.css +3 -80
  53. package/styles/datepicker/material.css +9 -3
  54. package/styles/datepicker/tailwind-dark.css +4 -81
  55. package/styles/datepicker/tailwind.css +4 -81
  56. package/styles/daterangepicker/bootstrap-dark.css +3 -104
  57. package/styles/daterangepicker/bootstrap.css +3 -104
  58. package/styles/daterangepicker/bootstrap4.css +3 -104
  59. package/styles/daterangepicker/bootstrap5-dark.css +5 -105
  60. package/styles/daterangepicker/bootstrap5.css +5 -105
  61. package/styles/daterangepicker/fabric-dark.css +3 -104
  62. package/styles/daterangepicker/fabric.css +3 -104
  63. package/styles/daterangepicker/fluent-dark.css +4 -105
  64. package/styles/daterangepicker/fluent.css +4 -105
  65. package/styles/daterangepicker/highcontrast-light.css +3 -104
  66. package/styles/daterangepicker/highcontrast.css +3 -104
  67. package/styles/daterangepicker/material-dark.css +5 -106
  68. package/styles/daterangepicker/material.css +12 -0
  69. package/styles/daterangepicker/tailwind-dark.css +5 -105
  70. package/styles/daterangepicker/tailwind.css +5 -105
  71. package/styles/datetimepicker/bootstrap-dark.css +2 -0
  72. package/styles/datetimepicker/bootstrap.css +2 -0
  73. package/styles/datetimepicker/bootstrap4.css +2 -0
  74. package/styles/datetimepicker/bootstrap5-dark.css +3 -0
  75. package/styles/datetimepicker/bootstrap5.css +3 -0
  76. package/styles/datetimepicker/fabric-dark.css +2 -0
  77. package/styles/datetimepicker/fabric.css +2 -0
  78. package/styles/datetimepicker/fluent-dark.css +3 -0
  79. package/styles/datetimepicker/fluent.css +3 -0
  80. package/styles/datetimepicker/highcontrast-light.css +2 -0
  81. package/styles/datetimepicker/highcontrast.css +2 -0
  82. package/styles/datetimepicker/material-dark.css +2 -0
  83. package/styles/datetimepicker/material.css +2 -0
  84. package/styles/datetimepicker/tailwind-dark.css +3 -0
  85. package/styles/datetimepicker/tailwind.css +3 -0
  86. package/styles/fabric-dark.css +13 -184
  87. package/styles/fabric.css +13 -186
  88. package/styles/fluent-dark.css +17 -186
  89. package/styles/fluent.css +17 -186
  90. package/styles/highcontrast-light.css +13 -184
  91. package/styles/highcontrast.css +13 -184
  92. package/styles/material-dark.css +15 -186
  93. package/styles/material.css +28 -3
  94. package/styles/tailwind-dark.css +19 -186
  95. package/styles/tailwind.css +19 -186
  96. package/styles/timepicker/bootstrap-dark.css +4 -0
  97. package/styles/timepicker/bootstrap.css +4 -0
  98. package/styles/timepicker/bootstrap4.css +4 -0
  99. package/styles/timepicker/bootstrap5-dark.css +5 -0
  100. package/styles/timepicker/bootstrap5.css +5 -0
  101. package/styles/timepicker/fabric-dark.css +4 -0
  102. package/styles/timepicker/fabric.css +4 -0
  103. package/styles/timepicker/fluent-dark.css +5 -0
  104. package/styles/timepicker/fluent.css +5 -0
  105. package/styles/timepicker/highcontrast-light.css +4 -0
  106. package/styles/timepicker/highcontrast.css +4 -0
  107. package/styles/timepicker/material-dark.css +4 -0
  108. package/styles/timepicker/material.css +4 -0
  109. package/styles/timepicker/tailwind-dark.css +5 -0
  110. package/styles/timepicker/tailwind.css +5 -0
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! component icons */
2
3
  .e-input-group-icon.e-date-icon,
3
4
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -92,6 +93,7 @@
92
93
  margin: 0;
93
94
  }
94
95
 
96
+ /* stylelint-disable */
95
97
  .e-date-overflow {
96
98
  overflow: hidden !important;
97
99
  }
@@ -118,11 +120,6 @@
118
120
  top: 0 !important;
119
121
  left: 0 !important;
120
122
  }
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
- }
125
-
126
123
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
127
124
  background-size: 250px 33px;
128
125
  min-height: 33px;
@@ -134,40 +131,6 @@
134
131
  min-height: 40px;
135
132
  }
136
133
 
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
-
171
134
  @media screen and (orientation: landscape) and (max-height: 360px) {
172
135
  .e-datepicker .e-calendar.e-device .e-month table tbody {
173
136
  display: inline-block;
@@ -175,47 +138,7 @@
175
138
  overflow: auto;
176
139
  }
177
140
  }
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
- }
141
+ /* stylelint-enable */
219
142
  .e-datepicker.e-popup-wrapper,
220
143
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
221
144
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! calendar fabric theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-date-icon,
@@ -93,6 +94,7 @@
93
94
  margin: 0;
94
95
  }
95
96
 
97
+ /* stylelint-disable */
96
98
  .e-date-overflow {
97
99
  overflow: hidden !important;
98
100
  }
@@ -119,11 +121,6 @@
119
121
  top: 0 !important;
120
122
  left: 0 !important;
121
123
  }
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
- }
126
-
127
124
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
128
125
  background-size: 250px 33px;
129
126
  min-height: 33px;
@@ -135,40 +132,6 @@
135
132
  min-height: 40px;
136
133
  }
137
134
 
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
-
172
135
  @media screen and (orientation: landscape) and (max-height: 360px) {
173
136
  .e-datepicker .e-calendar.e-device .e-month table tbody {
174
137
  display: inline-block;
@@ -176,47 +139,7 @@
176
139
  overflow: auto;
177
140
  }
178
141
  }
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
- }
142
+ /* stylelint-enable */
220
143
  .e-datepicker.e-popup-wrapper,
221
144
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
222
145
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,4 +1,5 @@
1
- /*! calendar bootstrap5 theme variables */
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-date-icon,
4
5
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -97,6 +98,7 @@
97
98
  margin: 0;
98
99
  }
99
100
 
101
+ /* stylelint-disable */
100
102
  .e-date-overflow {
101
103
  overflow: hidden !important;
102
104
  }
@@ -123,11 +125,6 @@
123
125
  top: 0 !important;
124
126
  left: 0 !important;
125
127
  }
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
- }
130
-
131
128
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
132
129
  background-size: 250px 33px;
133
130
  min-height: 33px;
@@ -139,40 +136,6 @@
139
136
  min-height: 40px;
140
137
  }
141
138
 
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
-
176
139
  @media screen and (orientation: landscape) and (max-height: 360px) {
177
140
  .e-datepicker .e-calendar.e-device .e-month table tbody {
178
141
  display: inline-block;
@@ -180,47 +143,7 @@
180
143
  overflow: auto;
181
144
  }
182
145
  }
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
- }
146
+ /* stylelint-enable */
224
147
  .e-datepicker.e-popup-wrapper,
225
148
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
226
149
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,4 +1,5 @@
1
- /*! calendar bootstrap5 theme variables */
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-date-icon,
4
5
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -97,6 +98,7 @@
97
98
  margin: 0;
98
99
  }
99
100
 
101
+ /* stylelint-disable */
100
102
  .e-date-overflow {
101
103
  overflow: hidden !important;
102
104
  }
@@ -123,11 +125,6 @@
123
125
  top: 0 !important;
124
126
  left: 0 !important;
125
127
  }
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
- }
130
-
131
128
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
132
129
  background-size: 250px 33px;
133
130
  min-height: 33px;
@@ -139,40 +136,6 @@
139
136
  min-height: 40px;
140
137
  }
141
138
 
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
-
176
139
  @media screen and (orientation: landscape) and (max-height: 360px) {
177
140
  .e-datepicker .e-calendar.e-device .e-month table tbody {
178
141
  display: inline-block;
@@ -180,47 +143,7 @@
180
143
  overflow: auto;
181
144
  }
182
145
  }
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
- }
146
+ /* stylelint-enable */
224
147
  .e-datepicker.e-popup-wrapper,
225
148
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
226
149
  .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-date-icon,
3
4
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -92,6 +93,7 @@
92
93
  margin: 0;
93
94
  }
94
95
 
96
+ /* stylelint-disable */
95
97
  .e-date-overflow {
96
98
  overflow: hidden !important;
97
99
  }
@@ -118,11 +120,6 @@
118
120
  top: 0 !important;
119
121
  left: 0 !important;
120
122
  }
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
- }
125
-
126
123
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
127
124
  background-size: 250px 33px;
128
125
  min-height: 33px;
@@ -134,40 +131,6 @@
134
131
  min-height: 40px;
135
132
  }
136
133
 
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
-
171
134
  @media screen and (orientation: landscape) and (max-height: 360px) {
172
135
  .e-datepicker .e-calendar.e-device .e-month table tbody {
173
136
  display: inline-block;
@@ -175,47 +138,7 @@
175
138
  overflow: auto;
176
139
  }
177
140
  }
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
- }
141
+ /* stylelint-enable */
219
142
  .e-datepicker.e-popup-wrapper,
220
143
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
221
144
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! calendar fabric theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-date-icon,
@@ -93,6 +94,7 @@
93
94
  margin: 0;
94
95
  }
95
96
 
97
+ /* stylelint-disable */
96
98
  .e-date-overflow {
97
99
  overflow: hidden !important;
98
100
  }
@@ -119,11 +121,6 @@
119
121
  top: 0 !important;
120
122
  left: 0 !important;
121
123
  }
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
- }
126
-
127
124
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
128
125
  background-size: 250px 33px;
129
126
  min-height: 33px;
@@ -135,40 +132,6 @@
135
132
  min-height: 40px;
136
133
  }
137
134
 
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
-
172
135
  @media screen and (orientation: landscape) and (max-height: 360px) {
173
136
  .e-datepicker .e-calendar.e-device .e-month table tbody {
174
137
  display: inline-block;
@@ -176,47 +139,7 @@
176
139
  overflow: auto;
177
140
  }
178
141
  }
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
- }
142
+ /* stylelint-enable */
220
143
  .e-datepicker.e-popup-wrapper,
221
144
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
222
145
  .e-bigger .e-datepicker.e-popup-wrapper,