@syncfusion/ej2-angular-calendars 25.2.7 → 26.1.35-ngcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +1048 -0
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-calendars.js +981 -0
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -0
  5. package/dist/ej2-angular-calendars.umd.js +1093 -0
  6. package/dist/ej2-angular-calendars.umd.js.map +1 -0
  7. package/dist/ej2-angular-calendars.umd.min.js +11 -0
  8. package/dist/ej2-angular-calendars.umd.min.js.map +1 -0
  9. package/ej2-angular-calendars.d.ts +9 -0
  10. package/ej2-angular-calendars.metadata.json +1 -0
  11. package/package.json +15 -29
  12. package/schematics/utils/lib-details.js +2 -2
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/calendar/calendar-all.module.d.ts +0 -6
  15. package/src/calendar/calendar.component.d.ts +0 -3
  16. package/src/calendar/calendar.module.d.ts +0 -6
  17. package/src/datepicker/datepicker-all.module.d.ts +0 -6
  18. package/src/datepicker/datepicker.component.d.ts +0 -3
  19. package/src/datepicker/datepicker.module.d.ts +0 -6
  20. package/src/daterangepicker/daterangepicker-all.module.d.ts +0 -6
  21. package/src/daterangepicker/daterangepicker.component.d.ts +0 -3
  22. package/src/daterangepicker/daterangepicker.module.d.ts +0 -7
  23. package/src/daterangepicker/presets.directive.d.ts +0 -5
  24. package/src/datetimepicker/datetimepicker-all.module.d.ts +0 -6
  25. package/src/datetimepicker/datetimepicker.component.d.ts +0 -3
  26. package/src/datetimepicker/datetimepicker.module.d.ts +0 -6
  27. package/src/timepicker/timepicker-all.module.d.ts +0 -6
  28. package/src/timepicker/timepicker.component.d.ts +0 -3
  29. package/src/timepicker/timepicker.module.d.ts +0 -6
  30. package/styles/bootstrap-dark.css +3032 -1
  31. package/styles/bootstrap.css +3040 -1
  32. package/styles/bootstrap4.css +3068 -1
  33. package/styles/bootstrap5-dark.css +3200 -1
  34. package/styles/bootstrap5.css +3200 -1
  35. package/styles/calendar/bootstrap-dark.css +872 -1
  36. package/styles/calendar/bootstrap.css +873 -1
  37. package/styles/calendar/bootstrap4.css +873 -1
  38. package/styles/calendar/bootstrap5-dark.css +943 -1
  39. package/styles/calendar/bootstrap5.css +943 -1
  40. package/styles/calendar/fabric-dark.css +880 -1
  41. package/styles/calendar/fabric.css +885 -1
  42. package/styles/calendar/fluent-dark.css +1059 -1
  43. package/styles/calendar/fluent.css +1059 -1
  44. package/styles/calendar/fluent2.css +2022 -0
  45. package/styles/calendar/fluent2.scss +1 -0
  46. package/styles/calendar/highcontrast-light.css +874 -1
  47. package/styles/calendar/highcontrast.css +885 -1
  48. package/styles/calendar/material-dark.css +884 -1
  49. package/styles/calendar/material.css +885 -1
  50. package/styles/calendar/material3-dark.css +1002 -1
  51. package/styles/calendar/material3.css +1114 -1
  52. package/styles/calendar/tailwind-dark.css +975 -1
  53. package/styles/calendar/tailwind.css +975 -1
  54. package/styles/datepicker/bootstrap-dark.css +447 -1
  55. package/styles/datepicker/bootstrap.css +448 -1
  56. package/styles/datepicker/bootstrap4.css +460 -1
  57. package/styles/datepicker/bootstrap5-dark.css +459 -1
  58. package/styles/datepicker/bootstrap5.css +459 -1
  59. package/styles/datepicker/fabric-dark.css +440 -1
  60. package/styles/datepicker/fabric.css +441 -1
  61. package/styles/datepicker/fluent-dark.css +459 -1
  62. package/styles/datepicker/fluent.css +459 -1
  63. package/styles/datepicker/fluent2.css +1680 -0
  64. package/styles/datepicker/fluent2.scss +1 -0
  65. package/styles/datepicker/highcontrast-light.css +453 -1
  66. package/styles/datepicker/highcontrast.css +454 -1
  67. package/styles/datepicker/material-dark.css +498 -1
  68. package/styles/datepicker/material.css +519 -1
  69. package/styles/datepicker/material3-dark.css +616 -1
  70. package/styles/datepicker/material3.css +728 -1
  71. package/styles/datepicker/tailwind-dark.css +464 -1
  72. package/styles/datepicker/tailwind.css +464 -1
  73. package/styles/daterangepicker/bootstrap-dark.css +1198 -1
  74. package/styles/daterangepicker/bootstrap.css +1204 -1
  75. package/styles/daterangepicker/bootstrap4.css +1216 -1
  76. package/styles/daterangepicker/bootstrap5-dark.css +1279 -1
  77. package/styles/daterangepicker/bootstrap5.css +1279 -1
  78. package/styles/daterangepicker/fabric-dark.css +1198 -1
  79. package/styles/daterangepicker/fabric.css +1199 -1
  80. package/styles/daterangepicker/fluent-dark.css +1322 -1
  81. package/styles/daterangepicker/fluent.css +1322 -1
  82. package/styles/daterangepicker/fluent2.css +2465 -0
  83. package/styles/daterangepicker/fluent2.scss +1 -0
  84. package/styles/daterangepicker/highcontrast-light.css +1198 -1
  85. package/styles/daterangepicker/highcontrast.css +1199 -1
  86. package/styles/daterangepicker/material-dark.css +1244 -1
  87. package/styles/daterangepicker/material.css +1270 -1
  88. package/styles/daterangepicker/material3-dark.css +1427 -1
  89. package/styles/daterangepicker/material3.css +1539 -1
  90. package/styles/daterangepicker/tailwind-dark.css +1219 -1
  91. package/styles/daterangepicker/tailwind.css +1219 -1
  92. package/styles/datetimepicker/bootstrap-dark.css +194 -1
  93. package/styles/datetimepicker/bootstrap.css +194 -1
  94. package/styles/datetimepicker/bootstrap4.css +196 -1
  95. package/styles/datetimepicker/bootstrap5-dark.css +195 -1
  96. package/styles/datetimepicker/bootstrap5.css +195 -1
  97. package/styles/datetimepicker/fabric-dark.css +194 -1
  98. package/styles/datetimepicker/fabric.css +194 -1
  99. package/styles/datetimepicker/fluent-dark.css +195 -1
  100. package/styles/datetimepicker/fluent.css +195 -1
  101. package/styles/datetimepicker/fluent2.css +1408 -0
  102. package/styles/datetimepicker/fluent2.scss +1 -0
  103. package/styles/datetimepicker/highcontrast-light.css +194 -1
  104. package/styles/datetimepicker/highcontrast.css +194 -1
  105. package/styles/datetimepicker/material-dark.css +252 -1
  106. package/styles/datetimepicker/material.css +281 -1
  107. package/styles/datetimepicker/material3-dark.css +363 -1
  108. package/styles/datetimepicker/material3.css +475 -1
  109. package/styles/datetimepicker/tailwind-dark.css +195 -1
  110. package/styles/datetimepicker/tailwind.css +195 -1
  111. package/styles/fabric-dark.css +3033 -1
  112. package/styles/fabric.css +3040 -1
  113. package/styles/fluent-dark.css +3357 -1
  114. package/styles/fluent.css +3357 -1
  115. package/styles/fluent2.css +9059 -0
  116. package/styles/fluent2.scss +5 -0
  117. package/styles/highcontrast-light.css +3040 -1
  118. package/styles/highcontrast.css +3053 -1
  119. package/styles/material-dark.css +3224 -1
  120. package/styles/material.css +3291 -1
  121. package/styles/material3-dark.css +3845 -1
  122. package/styles/material3.css +4405 -1
  123. package/styles/tailwind-dark.css +3175 -1
  124. package/styles/tailwind.css +3175 -1
  125. package/styles/timepicker/bootstrap-dark.css +317 -1
  126. package/styles/timepicker/bootstrap.css +317 -1
  127. package/styles/timepicker/bootstrap4.css +319 -1
  128. package/styles/timepicker/bootstrap5-dark.css +320 -1
  129. package/styles/timepicker/bootstrap5.css +320 -1
  130. package/styles/timepicker/fabric-dark.css +317 -1
  131. package/styles/timepicker/fabric.css +317 -1
  132. package/styles/timepicker/fluent-dark.css +318 -1
  133. package/styles/timepicker/fluent.css +318 -1
  134. package/styles/timepicker/fluent2.css +1531 -0
  135. package/styles/timepicker/fluent2.scss +1 -0
  136. package/styles/timepicker/highcontrast-light.css +317 -1
  137. package/styles/timepicker/highcontrast.css +317 -1
  138. package/styles/timepicker/material-dark.css +363 -1
  139. package/styles/timepicker/material.css +383 -1
  140. package/styles/timepicker/material3-dark.css +484 -1
  141. package/styles/timepicker/material3.css +596 -1
  142. package/styles/timepicker/tailwind-dark.css +318 -1
  143. package/styles/timepicker/tailwind.css +318 -1
  144. package/esm2020/public_api.mjs +0 -3
  145. package/esm2020/src/calendar/calendar-all.module.mjs +0 -29
  146. package/esm2020/src/calendar/calendar.component.mjs +0 -91
  147. package/esm2020/src/calendar/calendar.module.mjs +0 -25
  148. package/esm2020/src/datepicker/datepicker-all.module.mjs +0 -29
  149. package/esm2020/src/datepicker/datepicker.component.mjs +0 -99
  150. package/esm2020/src/datepicker/datepicker.module.mjs +0 -25
  151. package/esm2020/src/daterangepicker/daterangepicker-all.module.mjs +0 -23
  152. package/esm2020/src/daterangepicker/daterangepicker.component.mjs +0 -103
  153. package/esm2020/src/daterangepicker/daterangepicker.module.mjs +0 -34
  154. package/esm2020/src/daterangepicker/presets.directive.mjs +0 -58
  155. package/esm2020/src/datetimepicker/datetimepicker-all.module.mjs +0 -23
  156. package/esm2020/src/datetimepicker/datetimepicker.component.mjs +0 -99
  157. package/esm2020/src/datetimepicker/datetimepicker.module.mjs +0 -25
  158. package/esm2020/src/index.mjs +0 -18
  159. package/esm2020/src/timepicker/timepicker-all.module.mjs +0 -23
  160. package/esm2020/src/timepicker/timepicker.component.mjs +0 -92
  161. package/esm2020/src/timepicker/timepicker.module.mjs +0 -25
  162. package/esm2020/syncfusion-ej2-angular-calendars.mjs +0 -5
  163. package/fesm2015/syncfusion-ej2-angular-calendars.mjs +0 -737
  164. package/fesm2015/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  165. package/fesm2020/syncfusion-ej2-angular-calendars.mjs +0 -737
  166. package/fesm2020/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  167. package/postinstall/tagchange.js +0 -18
  168. package/syncfusion-ej2-angular-calendars.d.ts +0 -5
@@ -1 +1,448 @@
1
- @import '@syncfusion/ej2-calendars/styles/datepicker/bootstrap.css';
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /*! calendar bootstrap theme variables */
3
+ /*! component icons */
4
+ .e-input-group-icon.e-date-icon,
5
+ *.e-control-wrapper .e-input-group-icon.e-date-icon {
6
+ font-size: 16px;
7
+ margin: 0;
8
+ outline: none;
9
+ }
10
+ .e-input-group-icon.e-date-icon::before,
11
+ *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
12
+ content: "\e960";
13
+ font-family: "e-icons";
14
+ }
15
+ .e-input-group-icon.e-date-icon:focus,
16
+ *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
17
+ background: #e6e6e6;
18
+ border-radius: 0;
19
+ }
20
+
21
+ .e-bigger .e-input-group-icon.e-date-icon,
22
+ *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
23
+ *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
24
+ font-size: 18px;
25
+ margin: 0;
26
+ }
27
+ .e-bigger .e-input-group-icon.e-date-icon::before,
28
+ *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
29
+ *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
30
+ content: "\e960";
31
+ font-family: "e-icons";
32
+ }
33
+ .e-bigger .e-input-group-icon.e-date-icon:focus,
34
+ *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
35
+ *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
36
+ background: #e6e6e6;
37
+ border-radius: 0;
38
+ }
39
+
40
+ .e-small .e-input-group-icon.e-date-icon,
41
+ *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
42
+ *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
43
+ font-size: 14px;
44
+ }
45
+
46
+ .e-small.e-bigger .e-input-group-icon.e-date-icon,
47
+ *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
48
+ *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
49
+ font-size: 18px;
50
+ }
51
+
52
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
53
+ content: "\e7fc";
54
+ font-family: "e-icons";
55
+ }
56
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-next::before {
57
+ content: "\e913";
58
+ }
59
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-prev::before {
60
+ content: "\e904";
61
+ }
62
+
63
+ .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
64
+ .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
65
+ display: -webkit-box;
66
+ display: -ms-flexbox;
67
+ display: flex;
68
+ }
69
+
70
+ .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
71
+ display: table-row;
72
+ }
73
+ .e-datepicker.e-popup-wrapper {
74
+ border-radius: 4px;
75
+ overflow-y: hidden;
76
+ pointer-events: auto;
77
+ }
78
+ .e-datepicker.e-date-modal {
79
+ background-color: rgba(0, 0, 0, 0.6);
80
+ height: 100%;
81
+ left: 0;
82
+ opacity: 0.5;
83
+ pointer-events: auto;
84
+ position: fixed;
85
+ top: 0;
86
+ width: 100%;
87
+ z-index: 999;
88
+ }
89
+ .e-datepicker .e-model-header {
90
+ background-color: #fff;
91
+ color: #333;
92
+ cursor: default;
93
+ display: block;
94
+ padding: 10px 10px 10px 15px;
95
+ }
96
+ .e-datepicker .e-model-header .e-model-year {
97
+ font-size: 14px;
98
+ font-weight: 500;
99
+ line-height: 32px;
100
+ margin: 0;
101
+ }
102
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
103
+ font-size: 20px;
104
+ font-weight: 500;
105
+ line-height: 32px;
106
+ margin: 0;
107
+ }
108
+
109
+ /* stylelint-disable */
110
+ .e-date-overflow {
111
+ overflow: hidden !important;
112
+ }
113
+
114
+ .e-datepick-mob-popup-wrap {
115
+ -webkit-box-align: center;
116
+ -ms-flex-align: center;
117
+ align-items: center;
118
+ display: -webkit-box;
119
+ display: -ms-flexbox;
120
+ display: flex;
121
+ -webkit-box-orient: vertical;
122
+ -webkit-box-direction: normal;
123
+ -ms-flex-direction: column;
124
+ flex-direction: column;
125
+ height: 100%;
126
+ -webkit-box-pack: center;
127
+ -ms-flex-pack: center;
128
+ justify-content: center;
129
+ left: 0;
130
+ max-height: 100%;
131
+ position: fixed;
132
+ top: 0;
133
+ width: 100%;
134
+ z-index: 1002;
135
+ }
136
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
137
+ position: relative;
138
+ top: 0 !important;
139
+ left: 0 !important;
140
+ }
141
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
142
+ min-width: 100%;
143
+ min-height: 100%;
144
+ }
145
+
146
+ .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
147
+ background-size: 250px 33px;
148
+ min-height: 33px;
149
+ }
150
+
151
+ .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
152
+ .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
153
+ background-size: 250px 40px;
154
+ min-height: 40px;
155
+ }
156
+
157
+ @media screen and (orientation: landscape) {
158
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
159
+ line-height: 64px;
160
+ }
161
+ }
162
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand {
163
+ border-radius: 0;
164
+ }
165
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
166
+ height: 15vh;
167
+ }
168
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
169
+ float: right;
170
+ }
171
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
172
+ height: 15vh;
173
+ }
174
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
175
+ float: right;
176
+ }
177
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
178
+ height: 20vh;
179
+ padding: 2vh 6vw;
180
+ }
181
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
182
+ margin: 12vh 0 0 0;
183
+ }
184
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
185
+ color: inherit;
186
+ float: left;
187
+ font-size: 18px;
188
+ }
189
+ @media (min-device-width: 768px) {
190
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
191
+ font-size: 18px;
192
+ }
193
+ }
194
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close {
195
+ background: transparent;
196
+ border-color: transparent;
197
+ -webkit-box-shadow: none;
198
+ box-shadow: none;
199
+ font-weight: 400;
200
+ padding: 0;
201
+ }
202
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
203
+ color: inherit;
204
+ float: right;
205
+ }
206
+ @media (min-device-width: 768px) {
207
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
208
+ font-size: 18px;
209
+ }
210
+ }
211
+ .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 {
212
+ font-size: 5vw;
213
+ line-height: 6vw;
214
+ }
215
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
216
+ min-width: 100%;
217
+ min-height: 100%;
218
+ height: 100%;
219
+ padding: 0;
220
+ }
221
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade {
222
+ height: 10vh;
223
+ border-style: solid;
224
+ border-width: 1px 0;
225
+ border-color: rgba(0, 0, 0, 0.15);
226
+ padding: 2vh 2vw;
227
+ line-height: 5vh;
228
+ }
229
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
230
+ margin-left: 22vw;
231
+ position: absolute;
232
+ text-align: center;
233
+ vertical-align: middle;
234
+ width: 50vw;
235
+ line-height: inherit;
236
+ }
237
+ @media (min-device-width: 768px) {
238
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
239
+ font-size: 18px;
240
+ }
241
+ }
242
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
243
+ margin-right: 75vw;
244
+ vertical-align: inherit;
245
+ height: 35px;
246
+ width: 35px;
247
+ }
248
+ @media (min-device-width: 768px) {
249
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
250
+ height: 55px;
251
+ width: 55px;
252
+ }
253
+ }
254
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
255
+ vertical-align: inherit;
256
+ }
257
+ @media (min-device-width: 768px) {
258
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
259
+ font-size: 18px;
260
+ }
261
+ }
262
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
263
+ margin-right: 0;
264
+ vertical-align: inherit;
265
+ height: 35px;
266
+ width: 35px;
267
+ }
268
+ @media (min-device-width: 768px) {
269
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
270
+ height: 55px;
271
+ width: 55px;
272
+ }
273
+ }
274
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
275
+ vertical-align: inherit;
276
+ }
277
+ @media (min-device-width: 768px) {
278
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
279
+ font-size: 18px;
280
+ }
281
+ }
282
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-icon-container {
283
+ float: none;
284
+ }
285
+ @media (min-device-width: 768px) {
286
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
287
+ font-size: 18px;
288
+ height: 48px;
289
+ }
290
+ }
291
+ @media (min-device-width: 768px) {
292
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content span.e-day {
293
+ font-size: 18px;
294
+ height: 64px;
295
+ width: 64px;
296
+ line-height: 64px;
297
+ }
298
+ }
299
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
300
+ height: 79vh;
301
+ }
302
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
303
+ display: none;
304
+ }
305
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
306
+ height: 69vh;
307
+ }
308
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
309
+ height: 69vh;
310
+ }
311
+
312
+ @media screen and (orientation: landscape) {
313
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
314
+ height: 25vh;
315
+ }
316
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
317
+ float: right;
318
+ }
319
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
320
+ overflow-y: auto;
321
+ }
322
+ }
323
+ @media screen and (orientation: landscape) and (max-height: 600px) {
324
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
325
+ height: 50vh;
326
+ }
327
+ }
328
+ @media screen and (orientation: landscape) and (min-height: 600px) {
329
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
330
+ height: 60vh;
331
+ }
332
+ }
333
+ @media screen and (orientation: landscape) and (min-height: 600px) {
334
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade table {
335
+ height: 60vh;
336
+ }
337
+ }
338
+ @media screen and (orientation: landscape) and (min-height: 600px) {
339
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-footer-container {
340
+ padding: 10px 0;
341
+ height: 10%;
342
+ font-size: 24px;
343
+ }
344
+ }
345
+ @media screen and (orientation: landscape) {
346
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
347
+ width: 100%;
348
+ }
349
+ }
350
+ @media screen and (orientation: landscape) and (max-height: 600px) {
351
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
352
+ height: 30vh;
353
+ }
354
+ }
355
+ @media screen and (orientation: landscape) and (min-height: 600px) {
356
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
357
+ height: 25vh;
358
+ }
359
+ }
360
+ @media screen and (orientation: landscape) {
361
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
362
+ float: left;
363
+ }
364
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
365
+ margin: 12vh 0 0 0;
366
+ }
367
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-day {
368
+ font-size: 4vw;
369
+ }
370
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
371
+ margin-right: 80vw;
372
+ }
373
+ }
374
+ @media screen and (orientation: landscape) and (max-height: 600px) {
375
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
376
+ line-height: 12vh;
377
+ }
378
+ }
379
+ @media screen and (orientation: landscape) and (min-height: 600px) {
380
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
381
+ line-height: inherit;
382
+ }
383
+ }
384
+ @media screen and (orientation: landscape) {
385
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
386
+ overflow-y: auto;
387
+ }
388
+ }
389
+ @media screen and (orientation: landscape) and (max-height: 600px) {
390
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
391
+ height: 60vh;
392
+ }
393
+ }
394
+ @media screen and (orientation: landscape) and (min-height: 600px) {
395
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
396
+ height: 65vh;
397
+ }
398
+ }
399
+ @media screen and (orientation: landscape) {
400
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
401
+ display: block;
402
+ max-width: 100%;
403
+ overflow: visible;
404
+ }
405
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
406
+ height: 70%;
407
+ width: 100%;
408
+ }
409
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
410
+ display: table-row-group;
411
+ }
412
+ }
413
+ @media screen and (orientation: landscape) and (max-height: 600px) {
414
+ .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 {
415
+ height: 69vh;
416
+ }
417
+ }
418
+ @media screen and (orientation: landscape) and (min-height: 600px) {
419
+ .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 {
420
+ height: 65vh;
421
+ }
422
+ }
423
+ /* stylelint-enable */
424
+ .e-datepicker.e-popup-wrapper,
425
+ .e-bigger.e-small .e-datepicker.e-popup-wrapper,
426
+ .e-bigger .e-datepicker.e-popup-wrapper,
427
+ .e-small .e-datepicker.e-popup-wrapper,
428
+ .e-bigger.e-small.e-datepicker.e-popup-wrapper,
429
+ .e-bigger.e-datepicker.e-popup-wrapper,
430
+ .e-small.e-datepicker.e-popup-wrapper {
431
+ border: 1px solid #ccc;
432
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
433
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
434
+ }
435
+ .e-datepicker .e-calendar,
436
+ .e-bigger.e-small .e-datepicker .e-calendar,
437
+ .e-bigger .e-datepicker .e-calendar,
438
+ .e-small .e-datepicker .e-calendar,
439
+ .e-bigger.e-small.e-datepicker .e-calendar,
440
+ .e-bigger.e-datepicker .e-calendar,
441
+ .e-small.e-datepicker .e-calendar {
442
+ background-color: #fff;
443
+ border: none;
444
+ }
445
+
446
+ *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
447
+ border: none;
448
+ }