@syncfusion/ej2-vue-calendars 23.2.6 → 24.1.41

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