@syncfusion/ej2-vue-calendars 20.2.50 → 20.3.48

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
package/styles/calendar/fabric.css CHANGED
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
package/styles/calendar/fluent-dark.css CHANGED
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
package/styles/calendar/fluent.css CHANGED
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
package/styles/calendar/highcontrast-light.css CHANGED
@@ -36,6 +36,7 @@ ejs-calendar {
36
36
 
37
37
  .e-calendar,
38
38
  .e-bigger.e-small .e-calendar {
39
+ /* stylelint-disable property-no-vendor-prefix */
39
40
  -webkit-tap-highlight-color: transparent;
40
41
  border-radius: 0;
41
42
  display: block;
package/styles/calendar/highcontrast.css CHANGED
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 0;
42
43
  display: block;
package/styles/calendar/material-dark.css CHANGED
@@ -37,6 +37,7 @@ ejs-calendar {
37
37
 
38
38
  .e-calendar,
39
39
  .e-bigger.e-small .e-calendar {
40
+ /* stylelint-disable property-no-vendor-prefix */
40
41
  -webkit-tap-highlight-color: transparent;
41
42
  border-radius: 2px;
42
43
  display: block;
package/styles/calendar/material.css CHANGED
@@ -38,6 +38,7 @@ ejs-calendar {
38
38
 
39
39
  .e-calendar,
40
40
  .e-bigger.e-small .e-calendar {
41
+ /* stylelint-disable property-no-vendor-prefix */
41
42
  -webkit-tap-highlight-color: transparent;
42
43
  border-radius: 2px;
43
44
  display: block;
package/styles/calendar/tailwind-dark.css CHANGED
@@ -38,6 +38,7 @@ ejs-calendar {
38
38
 
39
39
  .e-calendar,
40
40
  .e-bigger.e-small .e-calendar {
41
+ /* stylelint-disable property-no-vendor-prefix */
41
42
  -webkit-tap-highlight-color: transparent;
42
43
  border-radius: 4px;
43
44
  display: block;
@@ -885,6 +886,7 @@ ejs-calendar {
885
886
  }
886
887
  .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover),
887
888
  .e-bigger.e-small .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover) {
889
+ /* stylelint-disable property-no-vendor-prefix */
888
890
  -webkit-tap-highlight-color: transparent;
889
891
  background-color: #22d3ee;
890
892
  border-color: #22d3ee;
package/styles/calendar/tailwind.css CHANGED
@@ -38,6 +38,7 @@ ejs-calendar {
38
38
 
39
39
  .e-calendar,
40
40
  .e-bigger.e-small .e-calendar {
41
+ /* stylelint-disable property-no-vendor-prefix */
41
42
  -webkit-tap-highlight-color: transparent;
42
43
  border-radius: 4px;
43
44
  display: block;
@@ -885,6 +886,7 @@ ejs-calendar {
885
886
  }
886
887
  .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover),
887
888
  .e-bigger.e-small .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover) {
889
+ /* stylelint-disable property-no-vendor-prefix */
888
890
  -webkit-tap-highlight-color: transparent;
889
891
  background-color: #4f46e5;
890
892
  border-color: #4f46e5;
package/styles/datepicker/bootstrap-dark.css CHANGED
@@ -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,
package/styles/datepicker/bootstrap.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! calendar bootstrap theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-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,
package/styles/datepicker/bootstrap4.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! calendar bootstrap theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-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,
package/styles/datepicker/bootstrap5-dark.css CHANGED
@@ -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,
package/styles/datepicker/bootstrap5.css CHANGED
@@ -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,