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