@syncfusion/ej2-angular-calendars 23.2.7-ngcc → 24.1.41-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 (109) hide show
  1. package/CHANGELOG.md +0 -30
  2. package/dist/ej2-angular-calendars.umd.js +1 -1
  3. package/dist/ej2-angular-calendars.umd.min.js +1 -1
  4. package/package.json +9 -9
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +1 -2952
  9. package/styles/bootstrap.css +1 -2960
  10. package/styles/bootstrap4.css +1 -2988
  11. package/styles/bootstrap5-dark.css +1 -3118
  12. package/styles/bootstrap5.css +1 -3118
  13. package/styles/calendar/bootstrap-dark.css +1 -824
  14. package/styles/calendar/bootstrap.css +1 -825
  15. package/styles/calendar/bootstrap4.css +1 -825
  16. package/styles/calendar/bootstrap5-dark.css +1 -894
  17. package/styles/calendar/bootstrap5.css +1 -894
  18. package/styles/calendar/fabric-dark.css +1 -830
  19. package/styles/calendar/fabric.css +1 -835
  20. package/styles/calendar/fluent-dark.css +1 -1000
  21. package/styles/calendar/fluent.css +1 -1000
  22. package/styles/calendar/highcontrast-light.css +1 -825
  23. package/styles/calendar/highcontrast.css +1 -835
  24. package/styles/calendar/material-dark.css +1 -834
  25. package/styles/calendar/material.css +1 -835
  26. package/styles/calendar/material3-dark.css +1 -894
  27. package/styles/calendar/material3.css +1 -950
  28. package/styles/calendar/tailwind-dark.css +1 -927
  29. package/styles/calendar/tailwind.css +1 -927
  30. package/styles/datepicker/bootstrap-dark.css +1 -449
  31. package/styles/datepicker/bootstrap.css +1 -450
  32. package/styles/datepicker/bootstrap4.css +1 -462
  33. package/styles/datepicker/bootstrap5-dark.css +1 -460
  34. package/styles/datepicker/bootstrap5.css +1 -460
  35. package/styles/datepicker/fabric-dark.css +1 -442
  36. package/styles/datepicker/fabric.css +1 -443
  37. package/styles/datepicker/fluent-dark.css +1 -460
  38. package/styles/datepicker/fluent.css +1 -460
  39. package/styles/datepicker/highcontrast-light.css +1 -455
  40. package/styles/datepicker/highcontrast.css +1 -456
  41. package/styles/datepicker/material-dark.css +1 -491
  42. package/styles/datepicker/material.css +1 -500
  43. package/styles/datepicker/material3-dark.css +1 -539
  44. package/styles/datepicker/material3.css +1 -595
  45. package/styles/datepicker/tailwind-dark.css +1 -465
  46. package/styles/datepicker/tailwind.css +1 -465
  47. package/styles/daterangepicker/bootstrap-dark.css +1 -1177
  48. package/styles/daterangepicker/bootstrap.css +1 -1183
  49. package/styles/daterangepicker/bootstrap4.css +1 -1195
  50. package/styles/daterangepicker/bootstrap5-dark.css +1 -1257
  51. package/styles/daterangepicker/bootstrap5.css +1 -1257
  52. package/styles/daterangepicker/fabric-dark.css +1 -1177
  53. package/styles/daterangepicker/fabric.css +1 -1178
  54. package/styles/daterangepicker/fluent-dark.css +1 -1295
  55. package/styles/daterangepicker/fluent.css +1 -1295
  56. package/styles/daterangepicker/highcontrast-light.css +1 -1177
  57. package/styles/daterangepicker/highcontrast.css +1 -1178
  58. package/styles/daterangepicker/material-dark.css +1 -1215
  59. package/styles/daterangepicker/material.css +1 -1229
  60. package/styles/daterangepicker/material3-dark.css +1 -1325
  61. package/styles/daterangepicker/material3.css +1 -1381
  62. package/styles/daterangepicker/tailwind-dark.css +1 -1196
  63. package/styles/daterangepicker/tailwind.css +1 -1196
  64. package/styles/datetimepicker/bootstrap-dark.css +1 -190
  65. package/styles/datetimepicker/bootstrap.css +1 -190
  66. package/styles/datetimepicker/bootstrap4.css +1 -192
  67. package/styles/datetimepicker/bootstrap5-dark.css +1 -191
  68. package/styles/datetimepicker/bootstrap5.css +1 -191
  69. package/styles/datetimepicker/fabric-dark.css +1 -190
  70. package/styles/datetimepicker/fabric.css +1 -190
  71. package/styles/datetimepicker/fluent-dark.css +1 -191
  72. package/styles/datetimepicker/fluent.css +1 -191
  73. package/styles/datetimepicker/highcontrast-light.css +1 -190
  74. package/styles/datetimepicker/highcontrast.css +1 -190
  75. package/styles/datetimepicker/material-dark.css +1 -240
  76. package/styles/datetimepicker/material.css +1 -257
  77. package/styles/datetimepicker/material3-dark.css +1 -282
  78. package/styles/datetimepicker/material3.css +1 -338
  79. package/styles/datetimepicker/tailwind-dark.css +1 -191
  80. package/styles/datetimepicker/tailwind.css +1 -191
  81. package/styles/fabric-dark.css +1 -2951
  82. package/styles/fabric.css +1 -2958
  83. package/styles/fluent-dark.css +1 -3260
  84. package/styles/fluent.css +1 -3260
  85. package/styles/highcontrast-light.css +1 -2959
  86. package/styles/highcontrast.css +1 -2971
  87. package/styles/material-dark.css +1 -3130
  88. package/styles/material.css +1 -3179
  89. package/styles/material3-dark.css +1 -3441
  90. package/styles/material3.css +1 -3721
  91. package/styles/tailwind-dark.css +1 -3092
  92. package/styles/tailwind.css +1 -3092
  93. package/styles/timepicker/bootstrap-dark.css +1 -309
  94. package/styles/timepicker/bootstrap.css +1 -309
  95. package/styles/timepicker/bootstrap4.css +1 -311
  96. package/styles/timepicker/bootstrap5-dark.css +1 -312
  97. package/styles/timepicker/bootstrap5.css +1 -312
  98. package/styles/timepicker/fabric-dark.css +1 -309
  99. package/styles/timepicker/fabric.css +1 -309
  100. package/styles/timepicker/fluent-dark.css +1 -310
  101. package/styles/timepicker/fluent.css +1 -310
  102. package/styles/timepicker/highcontrast-light.css +1 -309
  103. package/styles/timepicker/highcontrast.css +1 -309
  104. package/styles/timepicker/material-dark.css +1 -347
  105. package/styles/timepicker/material.css +1 -355
  106. package/styles/timepicker/material3-dark.css +1 -398
  107. package/styles/timepicker/material3.css +1 -454
  108. package/styles/timepicker/tailwind-dark.css +1 -310
  109. package/styles/timepicker/tailwind.css +1 -310
@@ -1,824 +1 @@
1
- /*! component icons */
2
- .e-calendar .e-header .e-date-icon-prev::before {
3
- content: "\e910";
4
- }
5
- .e-calendar .e-header .e-date-icon-next::before {
6
- content: "\e916";
7
- }
8
-
9
- /*! calendar layout */
10
- ejs-calendar {
11
- display: block;
12
- }
13
-
14
- .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next {
15
- cursor: default;
16
- pointer-events: none;
17
- -ms-touch-action: none;
18
- touch-action: none;
19
- }
20
- .e-calendar.e-disabled .e-header .e-title {
21
- cursor: default;
22
- pointer-events: none;
23
- -ms-touch-action: none;
24
- touch-action: none;
25
- }
26
- .e-calendar.e-disabled .e-content td {
27
- pointer-events: none;
28
- -ms-touch-action: none;
29
- touch-action: none;
30
- }
31
- .e-calendar.e-disabled .e-btn.e-today {
32
- pointer-events: none;
33
- -ms-touch-action: none;
34
- touch-action: none;
35
- }
36
-
37
- .e-calendar,
38
- .e-bigger.e-small .e-calendar {
39
- /* stylelint-disable property-no-vendor-prefix */
40
- -webkit-tap-highlight-color: transparent;
41
- border-radius: 4px;
42
- display: block;
43
- overflow: auto;
44
- -webkit-user-select: none;
45
- -ms-user-select: none;
46
- user-select: none;
47
- }
48
- .e-calendar.e-rtl .e-header .e-title,
49
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
50
- float: right;
51
- text-align: right;
52
- }
53
- .e-calendar.e-rtl .e-header .e-icon-container,
54
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
55
- float: left;
56
- }
57
- .e-calendar .e-header,
58
- .e-bigger.e-small .e-calendar .e-header {
59
- background: none;
60
- display: table;
61
- font-weight: normal;
62
- position: relative;
63
- text-align: center;
64
- width: 100%;
65
- }
66
- .e-calendar .e-header button,
67
- .e-bigger.e-small .e-calendar .e-header button {
68
- background: transparent;
69
- border: 0;
70
- margin-right: 0;
71
- padding: 0;
72
- text-decoration: none;
73
- }
74
- .e-calendar .e-header span,
75
- .e-bigger.e-small .e-calendar .e-header span {
76
- cursor: pointer;
77
- display: inline-block;
78
- font-size: 16px;
79
- font-weight: normal;
80
- line-height: 16px;
81
- padding: 10px;
82
- vertical-align: middle;
83
- }
84
- .e-calendar .e-header span.e-disabled,
85
- .e-bigger.e-small .e-calendar .e-header span.e-disabled {
86
- cursor: default;
87
- }
88
- .e-calendar .e-week-header,
89
- .e-bigger.e-small .e-calendar .e-week-header {
90
- padding: 0 0 6px;
91
- }
92
- .e-calendar th,
93
- .e-bigger.e-small .e-calendar th {
94
- cursor: default;
95
- font-size: 14px;
96
- font-weight: normal;
97
- text-align: center;
98
- }
99
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
100
- .e-bigger.e-small .e-calendar .e-content .e-selected,
101
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
102
- border-radius: 0;
103
- }
104
- .e-calendar .e-content span.e-day,
105
- .e-bigger.e-small .e-calendar .e-content span.e-day {
106
- border-radius: 0;
107
- cursor: pointer;
108
- display: inline-block;
109
- font-size: 14px;
110
- overflow: hidden;
111
- padding: 0;
112
- text-align: center;
113
- text-decoration: none;
114
- vertical-align: middle;
115
- }
116
- .e-calendar .e-content th, .e-calendar .e-content td,
117
- .e-bigger.e-small .e-calendar .e-content th,
118
- .e-bigger.e-small .e-calendar .e-content td {
119
- box-sizing: border-box;
120
- }
121
- .e-calendar .e-content td.e-disabled,
122
- .e-bigger.e-small .e-calendar .e-content td.e-disabled {
123
- opacity: 1;
124
- pointer-events: none;
125
- -ms-touch-action: none;
126
- touch-action: none;
127
- }
128
- .e-calendar .e-content td,
129
- .e-bigger.e-small .e-calendar .e-content td {
130
- cursor: pointer;
131
- padding: 0;
132
- text-align: center;
133
- }
134
- .e-calendar .e-content td.e-week-number,
135
- .e-bigger.e-small .e-calendar .e-content td.e-week-number {
136
- color: #f0f0f0;
137
- font-size: 14px;
138
- font-style: italic;
139
- font-weight: 500;
140
- }
141
- .e-calendar .e-content td.e-overlay,
142
- .e-bigger.e-small .e-calendar .e-content td.e-overlay {
143
- background: none;
144
- width: initial;
145
- }
146
- .e-calendar .e-content table,
147
- .e-bigger.e-small .e-calendar .e-content table {
148
- border-collapse: separate;
149
- border-spacing: 0;
150
- border-width: 0;
151
- float: left;
152
- margin: 0;
153
- outline: 0;
154
- padding: 0 0 10px;
155
- table-layout: fixed;
156
- width: 100%;
157
- }
158
- .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day,
159
- .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
160
- .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
161
- display: inline-block;
162
- font-weight: normal;
163
- }
164
- .e-calendar .e-content tr.e-month-hide,
165
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
166
- display: none;
167
- font-weight: normal;
168
- }
169
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
170
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
171
- .e-bigger.e-small .e-calendar .e-content td.e-other-month,
172
- .e-bigger.e-small .e-calendar .e-content td.e-other-year {
173
- pointer-events: initial;
174
- -ms-touch-action: initial;
175
- touch-action: initial;
176
- }
177
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled,
178
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
179
- .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
180
- .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
181
- pointer-events: none;
182
- -ms-touch-action: none;
183
- touch-action: none;
184
- }
185
- .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
186
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
187
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
188
- background-color: #1a1a1a;
189
- cursor: default;
190
- }
191
- .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
192
- .e-bigger.e-small .e-calendar .e-header .e-prev,
193
- .e-bigger.e-small .e-calendar .e-header .e-next {
194
- border-radius: 4px;
195
- display: inline-block;
196
- font-size: 14px;
197
- vertical-align: middle;
198
- }
199
- .e-calendar .e-header .e-title,
200
- .e-bigger.e-small .e-calendar .e-header .e-title {
201
- cursor: pointer;
202
- display: inline-block;
203
- float: left;
204
- font-size: 16px;
205
- font-weight: 600;
206
- text-align: left;
207
- }
208
- .e-calendar .e-header .e-title,
209
- .e-bigger.e-small .e-calendar .e-header .e-title {
210
- margin-left: 8px;
211
- }
212
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
213
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
214
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
215
- cursor: pointer;
216
- }
217
- .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay,
218
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
219
- .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
220
- background: none;
221
- }
222
- .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title,
223
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
224
- .e-bigger.e-small .e-calendar .e-header.e-year .e-title {
225
- margin-left: 15px;
226
- }
227
- .e-calendar .e-header.e-decade .e-title,
228
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
229
- cursor: default;
230
- }
231
- .e-calendar .e-header .e-icon-container,
232
- .e-bigger.e-small .e-calendar .e-header .e-icon-container {
233
- display: inline-block;
234
- float: right;
235
- padding-top: 0;
236
- }
237
- .e-calendar .e-footer-container,
238
- .e-bigger.e-small .e-calendar .e-footer-container {
239
- text-transform: uppercase;
240
- }
241
-
242
- .e-calendar,
243
- .e-bigger.e-small .e-calendar {
244
- border-spacing: 0;
245
- max-width: 262px;
246
- min-width: 256px;
247
- padding: 12px;
248
- }
249
- .e-calendar.e-calendar-day-header-lg,
250
- .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
251
- max-width: 100%;
252
- min-width: 540px;
253
- }
254
- .e-calendar.e-week-number,
255
- .e-bigger.e-small .e-calendar.e-week-number {
256
- min-width: 300px;
257
- }
258
- .e-calendar.e-week,
259
- .e-bigger.e-small .e-calendar.e-week {
260
- max-width: 294px;
261
- min-width: 288px;
262
- }
263
- .e-calendar .e-header .e-title,
264
- .e-bigger.e-small .e-calendar .e-header .e-title {
265
- line-height: 36px;
266
- }
267
- .e-calendar.e-rtl .e-header .e-title,
268
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
269
- text-align: right;
270
- text-indent: 4px;
271
- }
272
- .e-calendar .e-header,
273
- .e-bigger.e-small .e-calendar .e-header {
274
- height: 36px;
275
- }
276
- .e-calendar .e-header.e-month,
277
- .e-bigger.e-small .e-calendar .e-header.e-month {
278
- padding: 0;
279
- }
280
- .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
281
- .e-bigger.e-small .e-calendar .e-header.e-year,
282
- .e-bigger.e-small .e-calendar .e-header.e-decade {
283
- padding: 0 0 10px;
284
- }
285
- .e-calendar th,
286
- .e-bigger.e-small .e-calendar th {
287
- font-weight: 600;
288
- height: 28px;
289
- text-transform: none;
290
- }
291
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
292
- .e-bigger.e-small .e-calendar .e-content .e-selected,
293
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
294
- border-radius: 0;
295
- }
296
- .e-calendar .e-content span.e-day,
297
- .e-bigger.e-small .e-calendar .e-content span.e-day {
298
- border: none;
299
- font-size: 14px;
300
- font-weight: normal;
301
- height: 28px;
302
- line-height: 28px;
303
- width: 34px;
304
- }
305
- .e-calendar .e-content.e-month td.e-today span.e-day,
306
- .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
307
- line-height: 28px;
308
- }
309
- .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
310
- .e-bigger.e-small .e-calendar .e-content.e-year table,
311
- .e-bigger.e-small .e-calendar .e-content.e-decade table {
312
- border-spacing: 0;
313
- padding: 0;
314
- }
315
- .e-calendar .e-content.e-month td,
316
- .e-bigger.e-small .e-calendar .e-content.e-month td {
317
- height: 28px;
318
- padding: 0;
319
- }
320
- .e-calendar .e-content .tfooter > tr > td,
321
- .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
322
- height: 36px;
323
- line-height: 36px;
324
- }
325
- .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td,
326
- .e-bigger.e-small .e-calendar .e-content.e-year td,
327
- .e-bigger.e-small .e-calendar .e-content.e-decade td {
328
- height: 54px;
329
- padding: 0;
330
- }
331
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
332
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
333
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
334
- font-weight: normal;
335
- height: 54px;
336
- line-height: 54px;
337
- width: 58px;
338
- }
339
- .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
340
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
341
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
342
- height: 36px;
343
- width: 36px;
344
- }
345
- .e-calendar .e-footer-container,
346
- .e-bigger.e-small .e-calendar .e-footer-container {
347
- background-color: transparent;
348
- border-top: none;
349
- cursor: default;
350
- display: inline-block;
351
- -ms-flex-direction: row;
352
- flex-direction: row;
353
- -ms-flex-pack: end;
354
- justify-content: flex-end;
355
- padding: 10px 0 0 0;
356
- text-align: center;
357
- width: 100%;
358
- }
359
- .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
360
- .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
361
- font-size: 14px;
362
- }
363
- .e-small.e-bigger.e-calendar .e-content.e-month table,
364
- .e-small.e-bigger .e-calendar .e-content.e-month table {
365
- padding: 0 0 10px;
366
- }
367
- .e-bigger.e-calendar,
368
- *.e-bigger .e-calendar {
369
- max-width: 284px;
370
- min-width: 278px;
371
- padding: 16px;
372
- }
373
- .e-bigger.e-calendar.e-calendar-day-header-lg,
374
- *.e-bigger .e-calendar.e-calendar-day-header-lg {
375
- max-width: 100%;
376
- min-width: 540px;
377
- }
378
- .e-bigger.e-calendar.e-week,
379
- *.e-bigger .e-calendar.e-week {
380
- max-width: 320px;
381
- min-width: 314px;
382
- }
383
- .e-bigger.e-calendar.e-week-number,
384
- *.e-bigger .e-calendar.e-week-number {
385
- min-width: 325px;
386
- }
387
- .e-bigger.e-calendar .e-header .e-title,
388
- *.e-bigger .e-calendar .e-header .e-title {
389
- font-size: 18px;
390
- line-height: 40px;
391
- width: 60%;
392
- }
393
- .e-bigger.e-calendar.e-rtl .e-header .e-title,
394
- *.e-bigger .e-calendar.e-rtl .e-header .e-title {
395
- line-height: 40px;
396
- text-indent: 6px;
397
- }
398
- .e-bigger.e-calendar .e-header,
399
- *.e-bigger .e-calendar .e-header {
400
- height: 40px;
401
- padding: 0;
402
- }
403
- .e-bigger.e-calendar .e-header button,
404
- *.e-bigger .e-calendar .e-header button {
405
- margin-right: 0;
406
- }
407
- .e-bigger.e-calendar .e-header button span,
408
- *.e-bigger .e-calendar .e-header button span {
409
- font-size: 18px;
410
- padding: 11px;
411
- }
412
- .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
413
- *.e-bigger .e-calendar .e-header.e-year,
414
- *.e-bigger .e-calendar .e-header.e-decade {
415
- padding: 0 0 10px;
416
- }
417
- .e-bigger.e-calendar th,
418
- *.e-bigger .e-calendar th {
419
- font-size: 15px;
420
- height: 30px;
421
- text-transform: none;
422
- }
423
- .e-bigger.e-calendar .e-content.e-year span.e-day,
424
- *.e-bigger .e-calendar .e-content.e-year span.e-day {
425
- font-size: 15px;
426
- font-weight: normal;
427
- }
428
- .e-bigger.e-calendar .e-content.e-month table,
429
- *.e-bigger .e-calendar .e-content.e-month table {
430
- padding: 0;
431
- }
432
- .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table,
433
- *.e-bigger .e-calendar .e-content.e-year table,
434
- *.e-bigger .e-calendar .e-content.e-decade table {
435
- padding: 0 0 10px;
436
- }
437
- .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover,
438
- *.e-bigger .e-calendar .e-content .e-selected,
439
- *.e-bigger .e-calendar .e-content .e-state-hover {
440
- border-radius: 0;
441
- }
442
- .e-bigger.e-calendar .e-content span.e-day,
443
- *.e-bigger .e-calendar .e-content span.e-day {
444
- font-size: 15px;
445
- height: 30px;
446
- line-height: 30px;
447
- width: 36px;
448
- }
449
- .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
450
- *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
451
- line-height: 30px;
452
- }
453
- .e-bigger.e-calendar .e-content.e-month td,
454
- *.e-bigger .e-calendar .e-content.e-month td {
455
- height: 0;
456
- padding: 0;
457
- }
458
- .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td,
459
- *.e-bigger .e-calendar .e-content.e-year td,
460
- *.e-bigger .e-calendar .e-content.e-decade td {
461
- height: 56px;
462
- padding: 0;
463
- }
464
- .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
465
- *.e-bigger .e-calendar .e-content.e-year td > span.e-day,
466
- *.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
467
- height: 56px;
468
- line-height: 56px;
469
- width: 62px;
470
- }
471
- .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next,
472
- *.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
473
- *.e-bigger .e-calendar .e-header .e-icon-container .e-next {
474
- height: 40px;
475
- width: 40px;
476
- }
477
- .e-bigger.e-calendar .e-footer-container,
478
- *.e-bigger .e-calendar .e-footer-container {
479
- border-top: none;
480
- padding: 10px 0 0 0;
481
- }
482
- .e-small.e-calendar,
483
- .e-small .e-calendar {
484
- max-width: 262px;
485
- min-width: 256px;
486
- padding: 10px;
487
- min-height: 220px;
488
- }
489
- .e-small.e-calendar.e-calendar-day-header-lg,
490
- .e-small .e-calendar.e-calendar-day-header-lg {
491
- max-width: 100%;
492
- min-width: 540px;
493
- }
494
- .e-small.e-calendar .e-content span.e-day,
495
- .e-small .e-calendar .e-content span.e-day {
496
- font-size: 12px;
497
- height: 24px;
498
- line-height: 24px;
499
- width: 34px;
500
- }
501
- .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
502
- .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
503
- line-height: 24px;
504
- }
505
- .e-small.e-calendar .e-content.e-month td,
506
- .e-small .e-calendar .e-content.e-month td {
507
- height: 24px;
508
- }
509
- .e-small.e-calendar .e-header,
510
- .e-small .e-calendar .e-header {
511
- height: 32px;
512
- }
513
- .e-small.e-calendar .e-header button span,
514
- .e-small .e-calendar .e-header button span {
515
- font-size: 12px;
516
- padding: 6px;
517
- line-height: 14px;
518
- }
519
- .e-small.e-calendar .e-header .e-title,
520
- .e-small .e-calendar .e-header .e-title {
521
- font-size: 13px;
522
- line-height: 32px;
523
- }
524
- .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next,
525
- .e-small .e-calendar .e-header .e-icon-container .e-prev,
526
- .e-small .e-calendar .e-header .e-icon-container .e-next {
527
- height: 32px;
528
- width: 32px;
529
- }
530
- .e-small.e-calendar th,
531
- .e-small .e-calendar th {
532
- font-size: 12px;
533
- height: 24px;
534
- }
535
- .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
536
- background: #6e6e6e;
537
- border-color: rgba(172, 172, 172, 0.65);
538
- box-shadow: none;
539
- color: rgba(255, 255, 255, 0.65);
540
- cursor: default;
541
- opacity: 1;
542
- outline: none;
543
- pointer-events: none;
544
- -ms-touch-action: none;
545
- touch-action: none;
546
- }
547
-
548
- .e-content-placeholder.e-calendar.e-placeholder-calendar {
549
- background-size: 250px 336px;
550
- min-height: 336px;
551
- }
552
-
553
- .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
554
- .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
555
- background-size: 300px 392px;
556
- min-height: 392px;
557
- }
558
-
559
- .e-calendar,
560
- .e-bigger.e-small .e-calendar {
561
- background-color: #1a1a1a;
562
- border: 1px solid #414141;
563
- box-shadow: none;
564
- }
565
- .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
566
- .e-bigger.e-small .e-calendar .e-date-icon-prev,
567
- .e-bigger.e-small .e-calendar .e-date-icon-next {
568
- color: #f0f0f0;
569
- }
570
- .e-calendar th,
571
- .e-bigger.e-small .e-calendar th {
572
- border-bottom: 0;
573
- color: #f0f0f0;
574
- }
575
- .e-calendar .e-header,
576
- .e-bigger.e-small .e-calendar .e-header {
577
- border-bottom: 0;
578
- }
579
- .e-calendar .e-header a span,
580
- .e-bigger.e-small .e-calendar .e-header a span {
581
- border: none;
582
- color: #f0f0f0;
583
- }
584
- .e-calendar .e-header .e-title,
585
- .e-bigger.e-small .e-calendar .e-header .e-title {
586
- color: #f0f0f0;
587
- }
588
- .e-calendar .e-header .e-title:hover,
589
- .e-bigger.e-small .e-calendar .e-header .e-title:hover {
590
- color: #fff;
591
- cursor: pointer;
592
- text-decoration: none;
593
- }
594
- .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
595
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
596
- .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
597
- border: none;
598
- color: #fff;
599
- cursor: pointer;
600
- }
601
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
602
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
603
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
604
- background: #484848;
605
- }
606
- .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
607
- .e-bigger.e-small .e-calendar .e-header .e-prev:active,
608
- .e-bigger.e-small .e-calendar .e-header .e-next:active {
609
- background: #585858;
610
- color: #fff;
611
- }
612
- .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span,
613
- .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
614
- .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
615
- border: none;
616
- color: #f0f0f0;
617
- }
618
- .e-calendar .e-header.e-decade .e-title,
619
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
620
- color: #f0f0f0;
621
- cursor: default;
622
- }
623
- .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span,
624
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
625
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
626
- color: #585858;
627
- font-weight: normal;
628
- }
629
- .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
630
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
631
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
632
- opacity: 1;
633
- }
634
-
635
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day,
636
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
637
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
638
- color: #767676;
639
- }
640
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day,
641
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
642
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
643
- color: #fff;
644
- }
645
- .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day,
646
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
647
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
648
- color: #585858;
649
- }
650
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
651
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
652
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
653
- background-color: #484848;
654
- }
655
- .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
656
- .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
657
- .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
658
- background-color: #0058bd;
659
- }
660
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
661
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
662
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
663
- background: none;
664
- }
665
- .e-calendar .e-content .e-week-number span,
666
- .e-bigger.e-small .e-calendar .e-content .e-week-number span {
667
- color: #767676;
668
- }
669
- .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day,
670
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
671
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
672
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
673
- background: #484848;
674
- border: none;
675
- border-radius: 4px;
676
- box-shadow: none;
677
- }
678
- .e-calendar .e-content td.e-focused-date:hover span.e-day,
679
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
680
- background-color: #484848;
681
- border: none;
682
- border-radius: 4px;
683
- color: #f0f0f0;
684
- }
685
- .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
686
- .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
687
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
688
- background: none;
689
- border: none;
690
- border-radius: 4px;
691
- box-shadow: inset 1px 0 #0070f0, inset 0 1px #0070f0, inset -1px 0 #0070f0, inset 0 -1px #0070f0;
692
- color: #fff;
693
- }
694
- .e-calendar .e-content td.e-focused-date.e-today span.e-day,
695
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
696
- background: #313131;
697
- border: none;
698
- box-shadow: inset 1px 0 #0070f0, inset 0 1px #0070f0, inset -1px 0 #0070f0, inset 0 -1px #0070f0;
699
- color: #f0f0f0;
700
- }
701
- .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
702
- .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
703
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
704
- background-color: #484848;
705
- border: none;
706
- border-radius: 4px;
707
- color: #fff;
708
- }
709
- .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
710
- .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
711
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
712
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
713
- background-color: #484848;
714
- border: none;
715
- color: #fff;
716
- }
717
- .e-calendar .e-content td.e-today.e-selected span.e-day,
718
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
719
- background-color: #0070f0;
720
- border: none;
721
- box-shadow: inset 1px 0 #0070f0, inset 0 1px #0070f0, inset -1px 0 #0070f0, inset 0 -1px #0070f0;
722
- color: #fff;
723
- }
724
- .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
725
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
726
- .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
727
- .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
728
- background-color: #0058bd;
729
- color: #f0f0f0;
730
- }
731
- .e-calendar .e-content span,
732
- .e-bigger.e-small .e-calendar .e-content span {
733
- color: #f0f0f0;
734
- }
735
- .e-calendar .e-content .e-disabled span.e-day:hover,
736
- .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
737
- background: none;
738
- border: 0;
739
- color: #585858;
740
- }
741
- .e-calendar .e-content .e-other-month:hover span.e-day,
742
- .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
743
- color: #767676;
744
- }
745
- .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day,
746
- .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
747
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
748
- color: #767676;
749
- }
750
- .e-calendar .e-content .e-other-month.e-today:hover span.e-day,
751
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
752
- background-color: #484848;
753
- color: #767676;
754
- }
755
- .e-calendar .e-content thead,
756
- .e-bigger.e-small .e-calendar .e-content thead {
757
- background: none;
758
- border-bottom: 0;
759
- }
760
- .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day,
761
- .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
762
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
763
- background-color: #484848;
764
- border: none;
765
- border-radius: 4px;
766
- color: #f0f0f0;
767
- }
768
- .e-calendar .e-content td:focus span.e-day,
769
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
770
- background-color: #484848;
771
- color: #f0f0f0;
772
- border: none;
773
- border-radius: 4px;
774
- }
775
- .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
776
- .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
777
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
778
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
779
- background: none;
780
- border: none;
781
- color: #585858;
782
- }
783
- .e-calendar .e-content td.e-selected span.e-day,
784
- .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
785
- background-color: #0070f0;
786
- border: none;
787
- border-radius: 4px;
788
- color: #fff;
789
- }
790
- .e-calendar .e-content .e-footer,
791
- .e-bigger.e-small .e-calendar .e-content .e-footer {
792
- color: #0070f0;
793
- }
794
- .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus,
795
- .e-bigger.e-small .e-calendar.e-device .e-prev:hover,
796
- .e-bigger.e-small .e-calendar.e-device .e-next:hover,
797
- .e-bigger.e-small .e-calendar.e-device .e-prev:active,
798
- .e-bigger.e-small .e-calendar.e-device .e-next:active,
799
- .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
800
- .e-bigger.e-small .e-calendar.e-device .e-next:focus {
801
- background: none;
802
- }
803
- .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span,
804
- .e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
805
- .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
806
- color: #f0f0f0;
807
- }
808
- .e-small.e-calendar .e-header .e-title,
809
- .e-small .e-calendar .e-header .e-title {
810
- color: #f0f0f0;
811
- }
812
-
813
- .e-zoomin {
814
- animation: animatezoom 0.3s;
815
- }
816
-
817
- @keyframes animatezoom {
818
- from {
819
- transform: scale(0);
820
- }
821
- to {
822
- transform: scale(1);
823
- }
824
- }
1
+ @import '@syncfusion/ej2-calendars/styles/calendar/bootstrap-dark.css';