@syncfusion/ej2-angular-calendars 17.1.41 → 17.1.47-1015318

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 (101) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +69 -13
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-calendars.js +69 -13
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -1
  5. package/CHANGELOG.md +520 -3
  6. package/dist/ej2-angular-calendars.umd.js +70 -19
  7. package/dist/ej2-angular-calendars.umd.js.map +1 -1
  8. package/dist/ej2-angular-calendars.umd.min.js +1 -10
  9. package/dist/ej2-angular-calendars.umd.min.js.map +1 -1
  10. package/ej2-angular-calendars.metadata.json +1 -1
  11. package/package.json +65 -65
  12. package/postinstall/tagchange.js +18 -0
  13. package/schematics/utils/lib-details.d.ts +2 -2
  14. package/schematics/utils/lib-details.js +2 -2
  15. package/schematics/utils/lib-details.ts +2 -2
  16. package/src/calendar/calendar.component.d.ts +3 -0
  17. package/src/datepicker/datepicker-all.module.d.ts +2 -0
  18. package/src/datepicker/datepicker.component.d.ts +3 -0
  19. package/src/daterangepicker/daterangepicker.component.d.ts +3 -0
  20. package/src/daterangepicker/presets.directive.d.ts +1 -0
  21. package/src/datetimepicker/datetimepicker.component.d.ts +3 -0
  22. package/src/index.d.ts +1 -1
  23. package/src/timepicker/timepicker.component.d.ts +3 -0
  24. package/styles/bootstrap-dark.css +962 -339
  25. package/styles/bootstrap.css +963 -340
  26. package/styles/bootstrap4.css +966 -335
  27. package/styles/calendar/bootstrap-dark.css +390 -119
  28. package/styles/calendar/bootstrap.css +391 -120
  29. package/styles/calendar/bootstrap4.css +391 -120
  30. package/styles/calendar/fabric-dark.css +389 -123
  31. package/styles/calendar/fabric.css +391 -120
  32. package/styles/calendar/highcontrast-light.css +391 -120
  33. package/styles/calendar/highcontrast.css +391 -120
  34. package/styles/calendar/material-dark.css +404 -133
  35. package/styles/calendar/material.css +391 -120
  36. package/styles/calendar/tailwind-dark.css +993 -0
  37. package/styles/calendar/tailwind-dark.scss +1 -0
  38. package/styles/calendar/tailwind.css +993 -0
  39. package/styles/calendar/tailwind.scss +1 -0
  40. package/styles/datepicker/bootstrap-dark.css +65 -24
  41. package/styles/datepicker/bootstrap.css +65 -24
  42. package/styles/datepicker/bootstrap4.css +66 -17
  43. package/styles/datepicker/fabric-dark.css +63 -22
  44. package/styles/datepicker/fabric.css +63 -22
  45. package/styles/datepicker/highcontrast-light.css +63 -14
  46. package/styles/datepicker/highcontrast.css +63 -14
  47. package/styles/datepicker/material-dark.css +95 -18
  48. package/styles/datepicker/material.css +101 -15
  49. package/styles/datepicker/tailwind-dark.css +185 -0
  50. package/styles/datepicker/tailwind-dark.scss +1 -0
  51. package/styles/datepicker/tailwind.css +185 -0
  52. package/styles/datepicker/tailwind.scss +1 -0
  53. package/styles/daterangepicker/bootstrap-dark.css +381 -179
  54. package/styles/daterangepicker/bootstrap.css +381 -179
  55. package/styles/daterangepicker/bootstrap4.css +383 -181
  56. package/styles/daterangepicker/fabric-dark.css +381 -179
  57. package/styles/daterangepicker/fabric.css +381 -179
  58. package/styles/daterangepicker/highcontrast-light.css +381 -179
  59. package/styles/daterangepicker/highcontrast.css +381 -179
  60. package/styles/daterangepicker/material-dark.css +419 -189
  61. package/styles/daterangepicker/material.css +418 -179
  62. package/styles/daterangepicker/tailwind-dark.css +956 -0
  63. package/styles/daterangepicker/tailwind-dark.scss +1 -0
  64. package/styles/daterangepicker/tailwind.css +956 -0
  65. package/styles/daterangepicker/tailwind.scss +1 -0
  66. package/styles/datetimepicker/bootstrap-dark.css +42 -7
  67. package/styles/datetimepicker/bootstrap.css +42 -7
  68. package/styles/datetimepicker/bootstrap4.css +42 -7
  69. package/styles/datetimepicker/fabric-dark.css +42 -7
  70. package/styles/datetimepicker/fabric.css +42 -7
  71. package/styles/datetimepicker/highcontrast-light.css +43 -8
  72. package/styles/datetimepicker/highcontrast.css +43 -8
  73. package/styles/datetimepicker/material-dark.css +86 -11
  74. package/styles/datetimepicker/material.css +100 -7
  75. package/styles/datetimepicker/tailwind-dark.css +206 -0
  76. package/styles/datetimepicker/tailwind-dark.scss +1 -0
  77. package/styles/datetimepicker/tailwind.css +206 -0
  78. package/styles/datetimepicker/tailwind.scss +1 -0
  79. package/styles/fabric-dark.css +959 -341
  80. package/styles/fabric.css +961 -338
  81. package/styles/highcontrast-light.css +962 -331
  82. package/styles/highcontrast.css +962 -331
  83. package/styles/material-dark.css +1120 -365
  84. package/styles/material.css +1131 -331
  85. package/styles/tailwind-dark.css +2566 -0
  86. package/styles/tailwind-dark.scss +5 -0
  87. package/styles/tailwind.css +2566 -0
  88. package/styles/tailwind.scss +5 -0
  89. package/styles/timepicker/bootstrap-dark.css +84 -10
  90. package/styles/timepicker/bootstrap.css +84 -10
  91. package/styles/timepicker/bootstrap4.css +84 -10
  92. package/styles/timepicker/fabric-dark.css +84 -10
  93. package/styles/timepicker/fabric.css +84 -10
  94. package/styles/timepicker/highcontrast-light.css +84 -10
  95. package/styles/timepicker/highcontrast.css +84 -10
  96. package/styles/timepicker/material-dark.css +116 -14
  97. package/styles/timepicker/material.css +121 -10
  98. package/styles/timepicker/tailwind-dark.css +222 -0
  99. package/styles/timepicker/tailwind-dark.scss +1 -0
  100. package/styles/timepicker/tailwind.css +222 -0
  101. package/styles/timepicker/tailwind.scss +1 -0
@@ -0,0 +1,993 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /*! calendar tailwind theme variables */
3
+ /*! component icons */
4
+ .e-calendar .e-header .e-date-icon-prev::before {
5
+ content: '\e706';
6
+ }
7
+
8
+ .e-calendar .e-header .e-date-icon-next::before {
9
+ content: '\e752';
10
+ }
11
+
12
+ /*! calendar layout */
13
+ ejs-calendar {
14
+ display: block;
15
+ }
16
+
17
+ .e-calendar.e-disabled .e-header .e-prev,
18
+ .e-calendar.e-disabled .e-header .e-next {
19
+ cursor: default;
20
+ pointer-events: none;
21
+ -ms-touch-action: none;
22
+ touch-action: none;
23
+ }
24
+
25
+ .e-calendar.e-disabled .e-header .e-title {
26
+ cursor: default;
27
+ pointer-events: none;
28
+ -ms-touch-action: none;
29
+ touch-action: none;
30
+ }
31
+
32
+ .e-calendar.e-disabled .e-content td {
33
+ pointer-events: none;
34
+ -ms-touch-action: none;
35
+ touch-action: none;
36
+ }
37
+
38
+ .e-calendar.e-disabled .e-btn.e-today {
39
+ pointer-events: none;
40
+ -ms-touch-action: none;
41
+ touch-action: none;
42
+ }
43
+
44
+ .e-calendar,
45
+ .e-bigger.e-small .e-calendar {
46
+ -webkit-tap-highlight-color: transparent;
47
+ border-radius: 4px;
48
+ display: block;
49
+ overflow: auto;
50
+ -webkit-user-select: none;
51
+ -ms-user-select: none;
52
+ user-select: none;
53
+ }
54
+
55
+ .e-calendar.e-rtl .e-header .e-title,
56
+ .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
57
+ float: right;
58
+ text-align: right;
59
+ }
60
+
61
+ .e-calendar.e-rtl .e-header .e-icon-container,
62
+ .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
63
+ float: left;
64
+ }
65
+
66
+ .e-calendar .e-header,
67
+ .e-bigger.e-small .e-calendar .e-header {
68
+ background: none;
69
+ display: table;
70
+ font-weight: normal;
71
+ position: relative;
72
+ text-align: center;
73
+ width: 100%;
74
+ }
75
+
76
+ .e-calendar .e-header button,
77
+ .e-bigger.e-small .e-calendar .e-header button {
78
+ background: transparent;
79
+ border: 0;
80
+ margin-right: 4px;
81
+ padding: 0;
82
+ text-decoration: none;
83
+ }
84
+
85
+ .e-calendar .e-header span,
86
+ .e-bigger.e-small .e-calendar .e-header span {
87
+ cursor: pointer;
88
+ display: inline-block;
89
+ font-size: 20px;
90
+ font-weight: normal;
91
+ line-height: 16px;
92
+ padding: 0;
93
+ vertical-align: middle;
94
+ }
95
+
96
+ .e-calendar .e-header span.e-disabled,
97
+ .e-bigger.e-small .e-calendar .e-header span.e-disabled {
98
+ cursor: default;
99
+ }
100
+
101
+ .e-calendar .e-week-header,
102
+ .e-bigger.e-small .e-calendar .e-week-header {
103
+ padding: 0 0 6px;
104
+ }
105
+
106
+ .e-calendar th,
107
+ .e-bigger.e-small .e-calendar th {
108
+ cursor: default;
109
+ font-size: 12px;
110
+ font-weight: normal;
111
+ text-align: center;
112
+ }
113
+
114
+ .e-calendar .e-content .e-selected,
115
+ .e-calendar .e-content .e-state-hover,
116
+ .e-bigger.e-small .e-calendar .e-content .e-selected,
117
+ .e-bigger.e-small .e-calendar .e-content .e-state-hover {
118
+ border-radius: 0;
119
+ }
120
+
121
+ .e-calendar .e-content span.e-day,
122
+ .e-bigger.e-small .e-calendar .e-content span.e-day {
123
+ border-radius: 0;
124
+ cursor: pointer;
125
+ display: inline-block;
126
+ font-size: 14px;
127
+ overflow: hidden;
128
+ padding: 0;
129
+ text-align: center;
130
+ text-decoration: none;
131
+ vertical-align: middle;
132
+ }
133
+
134
+ .e-calendar .e-content th,
135
+ .e-calendar .e-content td,
136
+ .e-bigger.e-small .e-calendar .e-content th,
137
+ .e-bigger.e-small .e-calendar .e-content td {
138
+ box-sizing: border-box;
139
+ }
140
+
141
+ .e-calendar .e-content td.e-disabled,
142
+ .e-bigger.e-small .e-calendar .e-content td.e-disabled {
143
+ opacity: 1;
144
+ pointer-events: none;
145
+ -ms-touch-action: none;
146
+ touch-action: none;
147
+ }
148
+
149
+ .e-calendar .e-content td,
150
+ .e-bigger.e-small .e-calendar .e-content td {
151
+ cursor: pointer;
152
+ padding: 0;
153
+ text-align: center;
154
+ }
155
+
156
+ .e-calendar .e-content td.e-week-number,
157
+ .e-bigger.e-small .e-calendar .e-content td.e-week-number {
158
+ color: #374151;
159
+ font-size: 14px;
160
+ font-style: italic;
161
+ font-weight: 500;
162
+ }
163
+
164
+ .e-calendar .e-content td.e-overlay,
165
+ .e-bigger.e-small .e-calendar .e-content td.e-overlay {
166
+ background: none;
167
+ width: initial;
168
+ }
169
+
170
+ .e-calendar .e-content table,
171
+ .e-bigger.e-small .e-calendar .e-content table {
172
+ border-collapse: separate;
173
+ border-spacing: 0;
174
+ border-width: 0;
175
+ float: left;
176
+ margin: 0;
177
+ outline: 0;
178
+ padding: 0 8px 8px 8px;
179
+ table-layout: fixed;
180
+ width: 100%;
181
+ }
182
+
183
+ .e-calendar .e-content td.e-other-month > span.e-day,
184
+ .e-calendar .e-content td.e-other-year > span.e-day,
185
+ .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
186
+ .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
187
+ display: inline-block;
188
+ font-weight: normal;
189
+ }
190
+
191
+ .e-calendar .e-content tr.e-month-hide,
192
+ .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
193
+ display: none;
194
+ font-weight: normal;
195
+ }
196
+
197
+ .e-calendar .e-content tr.e-month-hide,
198
+ .e-calendar .e-content td.e-other-month,
199
+ .e-calendar .e-content td.e-other-year,
200
+ .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
201
+ .e-bigger.e-small .e-calendar .e-content td.e-other-month,
202
+ .e-bigger.e-small .e-calendar .e-content td.e-other-year {
203
+ pointer-events: initial;
204
+ -ms-touch-action: initial;
205
+ touch-action: initial;
206
+ }
207
+
208
+ .e-calendar .e-content tr.e-month-hide,
209
+ .e-calendar .e-content td.e-other-month.e-disabled,
210
+ .e-calendar .e-content td.e-other-year.e-disabled,
211
+ .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
212
+ .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
213
+ .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
214
+ pointer-events: none;
215
+ -ms-touch-action: none;
216
+ touch-action: none;
217
+ }
218
+
219
+ .e-calendar .e-content td.e-week-number:hover span.e-day,
220
+ .e-calendar .e-content td.e-week-number:hover,
221
+ .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
222
+ .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
223
+ background-color: transparent;
224
+ cursor: default;
225
+ }
226
+
227
+ .e-calendar .e-header .e-prev,
228
+ .e-calendar .e-header .e-next,
229
+ .e-bigger.e-small .e-calendar .e-header .e-prev,
230
+ .e-bigger.e-small .e-calendar .e-header .e-next {
231
+ border-radius: 4px;
232
+ display: inline-block;
233
+ font-size: 14px;
234
+ vertical-align: middle;
235
+ }
236
+
237
+ .e-calendar .e-header .e-title,
238
+ .e-bigger.e-small .e-calendar .e-header .e-title {
239
+ cursor: pointer;
240
+ display: inline-block;
241
+ float: left;
242
+ font-size: 16px;
243
+ font-weight: 500;
244
+ text-align: left;
245
+ }
246
+
247
+ .e-calendar .e-header .e-title,
248
+ .e-bigger.e-small .e-calendar .e-header .e-title {
249
+ margin-left: 8px;
250
+ }
251
+
252
+ .e-calendar .e-header .e-prev:hover,
253
+ .e-calendar .e-header .e-next:hover,
254
+ .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
255
+ .e-bigger.e-small .e-calendar .e-header .e-next:hover {
256
+ cursor: pointer;
257
+ }
258
+
259
+ .e-calendar .e-header .e-prev.e-overlay,
260
+ .e-calendar .e-header .e-next.e-overlay,
261
+ .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
262
+ .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
263
+ background: none;
264
+ }
265
+
266
+ .e-calendar .e-header.e-decade .e-title,
267
+ .e-calendar .e-header.e-year .e-title,
268
+ .e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
269
+ .e-bigger.e-small .e-calendar .e-header.e-year .e-title {
270
+ margin-left: 0;
271
+ }
272
+
273
+ .e-calendar .e-header.e-decade .e-title,
274
+ .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
275
+ cursor: default;
276
+ }
277
+
278
+ .e-calendar .e-header .e-icon-container,
279
+ .e-bigger.e-small .e-calendar .e-header .e-icon-container {
280
+ display: inline-block;
281
+ float: right;
282
+ padding-top: 0;
283
+ }
284
+
285
+ .e-calendar .e-footer-container,
286
+ .e-bigger.e-small .e-calendar .e-footer-container {
287
+ text-transform: uppercase;
288
+ }
289
+
290
+ .e-calendar,
291
+ .e-bigger.e-small .e-calendar {
292
+ max-width: 226px;
293
+ min-width: 226px;
294
+ padding: 0;
295
+ }
296
+
297
+ .e-calendar.e-calendar-day-header-lg,
298
+ .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
299
+ max-width: 100%;
300
+ min-width: 540px;
301
+ }
302
+
303
+ .e-calendar.e-week-number,
304
+ .e-bigger.e-small .e-calendar.e-week-number {
305
+ min-width: 262px;
306
+ }
307
+
308
+ .e-calendar.e-week,
309
+ .e-bigger.e-small .e-calendar.e-week {
310
+ max-width: 294px;
311
+ min-width: 288px;
312
+ }
313
+
314
+ .e-calendar .e-header .e-title,
315
+ .e-bigger.e-small .e-calendar .e-header .e-title {
316
+ line-height: 18px;
317
+ }
318
+
319
+ .e-calendar.e-rtl .e-header .e-title,
320
+ .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
321
+ text-align: right;
322
+ text-indent: 4px;
323
+ }
324
+
325
+ .e-calendar .e-header,
326
+ .e-bigger.e-small .e-calendar .e-header {
327
+ height: 18px;
328
+ }
329
+
330
+ .e-calendar .e-header.e-month,
331
+ .e-bigger.e-small .e-calendar .e-header.e-month {
332
+ padding: 8px 8px 0 8px;
333
+ }
334
+
335
+ .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
336
+ .e-bigger.e-small .e-calendar .e-header.e-year,
337
+ .e-bigger.e-small .e-calendar .e-header.e-decade {
338
+ padding: 8px 8px 0 16px;
339
+ }
340
+
341
+ .e-calendar th,
342
+ .e-bigger.e-small .e-calendar th {
343
+ font-weight: 500;
344
+ height: 30px;
345
+ text-transform: uppercase;
346
+ }
347
+
348
+ .e-calendar .e-content .e-selected,
349
+ .e-calendar .e-content .e-state-hover,
350
+ .e-bigger.e-small .e-calendar .e-content .e-selected,
351
+ .e-bigger.e-small .e-calendar .e-content .e-state-hover {
352
+ border-radius: 0;
353
+ }
354
+
355
+ .e-calendar .e-content span.e-day,
356
+ .e-bigger.e-small .e-calendar .e-content span.e-day {
357
+ border: none;
358
+ font-size: 14px;
359
+ font-weight: normal;
360
+ height: 30px;
361
+ line-height: 30px;
362
+ width: 30px;
363
+ }
364
+
365
+ .e-calendar .e-content.e-year table,
366
+ .e-calendar .e-content.e-decade table,
367
+ .e-bigger.e-small .e-calendar .e-content.e-year table,
368
+ .e-bigger.e-small .e-calendar .e-content.e-decade table {
369
+ border-spacing: 0;
370
+ padding: 0 8px 8px 8px;
371
+ }
372
+
373
+ .e-calendar .e-content.e-month td,
374
+ .e-bigger.e-small .e-calendar .e-content.e-month td {
375
+ height: 30px;
376
+ padding: 0;
377
+ }
378
+
379
+ .e-calendar .e-content .tfooter > tr > td,
380
+ .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
381
+ height: 36px;
382
+ line-height: 36px;
383
+ }
384
+
385
+ .e-calendar .e-content.e-year td,
386
+ .e-calendar .e-content.e-decade td,
387
+ .e-bigger.e-small .e-calendar .e-content.e-year td,
388
+ .e-bigger.e-small .e-calendar .e-content.e-decade td {
389
+ height: 50px;
390
+ padding: 0;
391
+ }
392
+
393
+ .e-calendar .e-content.e-year td > span.e-day,
394
+ .e-calendar .e-content.e-decade td > span.e-day,
395
+ .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
396
+ .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
397
+ font-weight: normal;
398
+ height: 50px;
399
+ line-height: 50px;
400
+ width: 50px;
401
+ }
402
+
403
+ .e-calendar .e-header .e-icon-container .e-prev,
404
+ .e-calendar .e-header .e-icon-container .e-next,
405
+ .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
406
+ .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
407
+ height: 20px;
408
+ width: 20px;
409
+ }
410
+
411
+ .e-calendar .e-footer-container,
412
+ .e-bigger.e-small .e-calendar .e-footer-container {
413
+ background-color: #f9fafb;
414
+ border-top: none;
415
+ cursor: default;
416
+ display: -ms-flexbox;
417
+ display: flex;
418
+ -ms-flex-direction: row;
419
+ flex-direction: row;
420
+ -ms-flex-pack: end;
421
+ justify-content: flex-end;
422
+ padding: 8px 8px;
423
+ text-align: center;
424
+ width: 100%;
425
+ }
426
+
427
+ .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
428
+ .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
429
+ font-size: 14px;
430
+ }
431
+
432
+ .e-small.e-bigger.e-calendar .e-content.e-month table,
433
+ .e-small.e-bigger .e-calendar .e-content.e-month table {
434
+ padding: 0 12px 12px 12px;
435
+ }
436
+
437
+ .e-bigger.e-calendar,
438
+ *.e-bigger .e-calendar {
439
+ max-width: 284px;
440
+ min-width: 278px;
441
+ padding: 0;
442
+ }
443
+
444
+ .e-bigger.e-calendar.e-calendar-day-header-lg,
445
+ *.e-bigger .e-calendar.e-calendar-day-header-lg {
446
+ max-width: 100%;
447
+ min-width: 540px;
448
+ }
449
+
450
+ .e-bigger.e-calendar.e-week,
451
+ *.e-bigger .e-calendar.e-week {
452
+ max-width: 320px;
453
+ min-width: 314px;
454
+ }
455
+
456
+ .e-bigger.e-calendar.e-week-number,
457
+ *.e-bigger .e-calendar.e-week-number {
458
+ min-width: 325px;
459
+ }
460
+
461
+ .e-bigger.e-calendar .e-header .e-title,
462
+ *.e-bigger .e-calendar .e-header .e-title {
463
+ font-size: 18px;
464
+ line-height: 26px;
465
+ width: 60%;
466
+ }
467
+
468
+ .e-bigger.e-calendar.e-rtl .e-header .e-title,
469
+ *.e-bigger .e-calendar.e-rtl .e-header .e-title {
470
+ line-height: 26px;
471
+ text-indent: 6px;
472
+ }
473
+
474
+ .e-bigger.e-calendar .e-header,
475
+ *.e-bigger .e-calendar .e-header {
476
+ height: 26px;
477
+ padding: 16px 16px 0 16px;
478
+ }
479
+
480
+ .e-bigger.e-calendar .e-header button,
481
+ *.e-bigger .e-calendar .e-header button {
482
+ margin-right: 12px;
483
+ }
484
+
485
+ .e-bigger.e-calendar .e-header button span,
486
+ *.e-bigger .e-calendar .e-header button span {
487
+ font-size: 24px;
488
+ padding: 0;
489
+ }
490
+
491
+ .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
492
+ *.e-bigger .e-calendar .e-header.e-year,
493
+ *.e-bigger .e-calendar .e-header.e-decade {
494
+ padding: 16px 8px 0 16px;
495
+ }
496
+
497
+ .e-bigger.e-calendar th,
498
+ *.e-bigger .e-calendar th {
499
+ font-size: 14px;
500
+ height: 36px;
501
+ text-transform: uppercase;
502
+ }
503
+
504
+ .e-bigger.e-calendar .e-content.e-year span.e-day,
505
+ *.e-bigger .e-calendar .e-content.e-year span.e-day {
506
+ font-size: 16px;
507
+ font-weight: normal;
508
+ }
509
+
510
+ .e-bigger.e-calendar .e-content.e-month table,
511
+ *.e-bigger .e-calendar .e-content.e-month table {
512
+ padding: 0 16px 16px 16px;
513
+ }
514
+
515
+ .e-bigger.e-calendar .e-content.e-year table,
516
+ .e-bigger.e-calendar .e-content.e-decade table,
517
+ *.e-bigger .e-calendar .e-content.e-year table,
518
+ *.e-bigger .e-calendar .e-content.e-decade table {
519
+ padding: 0 10px 10px;
520
+ }
521
+
522
+ .e-bigger.e-calendar .e-content .e-selected,
523
+ .e-bigger.e-calendar .e-content .e-state-hover,
524
+ *.e-bigger .e-calendar .e-content .e-selected,
525
+ *.e-bigger .e-calendar .e-content .e-state-hover {
526
+ border-radius: 0;
527
+ }
528
+
529
+ .e-bigger.e-calendar .e-content span.e-day,
530
+ *.e-bigger .e-calendar .e-content span.e-day {
531
+ font-size: 16px;
532
+ height: 36px;
533
+ line-height: 36px;
534
+ width: 36px;
535
+ }
536
+
537
+ .e-bigger.e-calendar .e-content.e-month td,
538
+ *.e-bigger .e-calendar .e-content.e-month td {
539
+ height: 0;
540
+ padding: 0;
541
+ }
542
+
543
+ .e-bigger.e-calendar .e-content.e-year td,
544
+ .e-bigger.e-calendar .e-content.e-decade td,
545
+ *.e-bigger .e-calendar .e-content.e-year td,
546
+ *.e-bigger .e-calendar .e-content.e-decade td {
547
+ height: 60px;
548
+ padding: 0;
549
+ }
550
+
551
+ .e-bigger.e-calendar .e-content.e-year td > span.e-day,
552
+ .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
553
+ *.e-bigger .e-calendar .e-content.e-year td > span.e-day,
554
+ *.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
555
+ height: 60px;
556
+ line-height: 60px;
557
+ width: 60px;
558
+ }
559
+
560
+ .e-bigger.e-calendar .e-header .e-icon-container .e-prev,
561
+ .e-bigger.e-calendar .e-header .e-icon-container .e-next,
562
+ *.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
563
+ *.e-bigger .e-calendar .e-header .e-icon-container .e-next {
564
+ height: 24px;
565
+ width: 24px;
566
+ }
567
+
568
+ .e-bigger.e-calendar .e-footer-container,
569
+ *.e-bigger .e-calendar .e-footer-container {
570
+ border-top: none;
571
+ padding: 8px 16px;
572
+ }
573
+
574
+ .e-small.e-calendar,
575
+ .e-small .e-calendar {
576
+ max-width: 190px;
577
+ min-width: 190px;
578
+ padding: 0;
579
+ }
580
+
581
+ .e-small.e-calendar.e-calendar-day-header-lg,
582
+ .e-small .e-calendar.e-calendar-day-header-lg {
583
+ max-width: 100%;
584
+ min-width: 540px;
585
+ }
586
+
587
+ .e-small.e-calendar .e-content span.e-day,
588
+ .e-small .e-calendar .e-content span.e-day {
589
+ font-size: 12px;
590
+ height: 26px;
591
+ line-height: 26px;
592
+ width: 26px;
593
+ }
594
+
595
+ .e-small.e-calendar .e-content.e-month td,
596
+ .e-small .e-calendar .e-content.e-month td {
597
+ height: 26px;
598
+ }
599
+
600
+ .e-small.e-calendar .e-header,
601
+ .e-small .e-calendar .e-header {
602
+ height: 24px;
603
+ }
604
+
605
+ .e-small.e-calendar .e-header span,
606
+ .e-small .e-calendar .e-header span {
607
+ font-size: 18px;
608
+ padding: 0;
609
+ }
610
+
611
+ .e-small.e-calendar .e-header .e-title,
612
+ .e-small .e-calendar .e-header .e-title {
613
+ font-size: 16px;
614
+ line-height: 24px;
615
+ }
616
+
617
+ .e-small.e-calendar .e-header .e-icon-container .e-prev,
618
+ .e-small.e-calendar .e-header .e-icon-container .e-next,
619
+ .e-small .e-calendar .e-header .e-icon-container .e-prev,
620
+ .e-small .e-calendar .e-header .e-icon-container .e-next {
621
+ height: 16px;
622
+ width: 16px;
623
+ }
624
+
625
+ .e-small.e-calendar th,
626
+ .e-small .e-calendar th {
627
+ font-size: 12px;
628
+ height: 24px;
629
+ }
630
+
631
+ .e-calendar .e-btn.e-today.e-flat.e-disabled,
632
+ .e-calendar .e-btn.e-today.e-flat.e-disabled:hover,
633
+ .e-calendar .e-btn.e-today.e-flat.e-disabled:active,
634
+ .e-calendar .e-btn.e-today.e-flat.e-disabled:focus,
635
+ .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
636
+ background: #f9fafb;
637
+ border-color: rgba(255, 255, 255, 0.65);
638
+ box-shadow: none;
639
+ color: rgba(55, 65, 81, 0.65);
640
+ cursor: default;
641
+ opacity: 1;
642
+ outline: none;
643
+ pointer-events: none;
644
+ -ms-touch-action: none;
645
+ touch-action: none;
646
+ }
647
+
648
+ .e-content-placeholder.e-calendar.e-placeholder-calendar {
649
+ background-size: 250px 336px;
650
+ min-height: 336px;
651
+ }
652
+
653
+ .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
654
+ .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
655
+ background-size: 300px 392px;
656
+ min-height: 392px;
657
+ }
658
+
659
+ .e-calendar,
660
+ .e-bigger.e-small .e-calendar {
661
+ background-color: transparent;
662
+ border: 1px solid #e5e7eb;
663
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
664
+ }
665
+
666
+ .e-calendar .e-date-icon-prev,
667
+ .e-calendar .e-date-icon-next,
668
+ .e-bigger.e-small .e-calendar .e-date-icon-prev,
669
+ .e-bigger.e-small .e-calendar .e-date-icon-next {
670
+ color: #6b7280;
671
+ }
672
+
673
+ .e-calendar th,
674
+ .e-bigger.e-small .e-calendar th {
675
+ border-bottom: 0;
676
+ color: #6b7280;
677
+ }
678
+
679
+ .e-calendar .e-header,
680
+ .e-bigger.e-small .e-calendar .e-header {
681
+ border-bottom: 0;
682
+ }
683
+
684
+ .e-calendar .e-header a span,
685
+ .e-bigger.e-small .e-calendar .e-header a span {
686
+ border: none;
687
+ color: #374151;
688
+ }
689
+
690
+ .e-calendar .e-header .e-title,
691
+ .e-bigger.e-small .e-calendar .e-header .e-title {
692
+ color: #374151;
693
+ }
694
+
695
+ .e-calendar .e-header .e-title:hover,
696
+ .e-bigger.e-small .e-calendar .e-header .e-title:hover {
697
+ color: #111827;
698
+ cursor: pointer;
699
+ text-decoration: none;
700
+ }
701
+
702
+ .e-calendar .e-header .e-prev:hover > span,
703
+ .e-calendar .e-header .e-next:hover > span,
704
+ .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
705
+ .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
706
+ border: #f3f4f6;
707
+ color: #374151;
708
+ cursor: pointer;
709
+ }
710
+
711
+ .e-calendar .e-header .e-prev:hover,
712
+ .e-calendar .e-header .e-next:hover,
713
+ .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
714
+ .e-bigger.e-small .e-calendar .e-header .e-next:hover {
715
+ background: transparent;
716
+ }
717
+
718
+ .e-calendar .e-header .e-prev:active,
719
+ .e-calendar .e-header .e-next:active,
720
+ .e-bigger.e-small .e-calendar .e-header .e-prev:active,
721
+ .e-bigger.e-small .e-calendar .e-header .e-next:active {
722
+ background: transparent;
723
+ color: #fff;
724
+ }
725
+
726
+ .e-calendar .e-header button.e-prev:active span,
727
+ .e-calendar .e-header button.e-next:active span,
728
+ .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
729
+ .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
730
+ border: none;
731
+ color: #6b7280;
732
+ }
733
+
734
+ .e-calendar .e-header.e-decade .e-title,
735
+ .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
736
+ color: #374151;
737
+ cursor: default;
738
+ }
739
+
740
+ .e-calendar .e-header .e-next.e-disabled span,
741
+ .e-calendar .e-header .e-prev.e-disabled span,
742
+ .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
743
+ .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
744
+ color: #9ca3af;
745
+ font-weight: normal;
746
+ }
747
+
748
+ .e-calendar .e-header .e-next.e-disabled,
749
+ .e-calendar .e-header .e-prev.e-disabled,
750
+ .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
751
+ .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
752
+ opacity: 1;
753
+ }
754
+
755
+ .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
756
+ .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day,
757
+ .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
758
+ .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
759
+ color: #6b7280;
760
+ }
761
+
762
+ .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
763
+ .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day,
764
+ .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
765
+ .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
766
+ color: #fff;
767
+ }
768
+
769
+ .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
770
+ .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day,
771
+ .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
772
+ .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
773
+ color: #9ca3af;
774
+ }
775
+
776
+ .e-calendar .e-content.e-year td:hover span.e-day,
777
+ .e-calendar .e-content.e-decade td:hover span.e-day,
778
+ .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
779
+ .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
780
+ background-color: #f3f4f6;
781
+ }
782
+
783
+ .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
784
+ .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
785
+ .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
786
+ .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
787
+ background-color: #291fd9;
788
+ }
789
+
790
+ .e-calendar .e-content.e-year td > span.e-day,
791
+ .e-calendar .e-content.e-decade td > span.e-day,
792
+ .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
793
+ .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
794
+ background: none;
795
+ }
796
+
797
+ .e-calendar .e-content .e-week-number span,
798
+ .e-bigger.e-small .e-calendar .e-content .e-week-number span {
799
+ color: #9ca3af;
800
+ }
801
+
802
+ .e-calendar .e-content td.e-focused-date span.e-day,
803
+ .e-calendar .e-content td.e-focused-date:hover span.e-day,
804
+ .e-calendar .e-content td.e-focused-date:focus span.e-day,
805
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
806
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
807
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
808
+ background: #e5e7eb;
809
+ border: none;
810
+ border-radius: 4px;
811
+ }
812
+
813
+ .e-calendar .e-content td.e-focused-date:hover span.e-day,
814
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
815
+ background-color: #f3f4f6;
816
+ border: none;
817
+ border-radius: 4px;
818
+ color: #374151;
819
+ }
820
+
821
+ .e-calendar .e-content td.e-today span.e-day,
822
+ .e-calendar .e-content td.e-focused-date.e-today span.e-day,
823
+ .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
824
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
825
+ background: none;
826
+ border: 1px solid #4f46e5;
827
+ border-radius: 4px;
828
+ color: #4f46e5;
829
+ }
830
+
831
+ .e-calendar .e-content td.e-focused-date.e-today span.e-day,
832
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
833
+ background: #f3f4f6;
834
+ border: 1px solid #4f46e5;
835
+ color: #374151;
836
+ }
837
+
838
+ .e-calendar .e-content td.e-today:focus span.e-day,
839
+ .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
840
+ .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
841
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
842
+ background-color: #f3f4f6;
843
+ border: none;
844
+ border-radius: 4px;
845
+ color: #374151;
846
+ }
847
+
848
+ .e-calendar .e-content td.e-today:hover span.e-day,
849
+ .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
850
+ .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
851
+ .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
852
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
853
+ .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
854
+ background-color: #f3f4f6;
855
+ border: 1px solid #4f46e5;
856
+ color: #374151;
857
+ }
858
+
859
+ .e-calendar .e-content td.e-today.e-selected span.e-day,
860
+ .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
861
+ background-color: #4f46e5;
862
+ border: 1px solid #4f46e5;
863
+ box-shadow: none;
864
+ color: #fff;
865
+ }
866
+
867
+ .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
868
+ .e-calendar .e-content td.e-selected:hover span.e-day,
869
+ .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
870
+ .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
871
+ .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
872
+ .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
873
+ background-color: #291fd9;
874
+ color: #fff;
875
+ }
876
+
877
+ .e-calendar .e-content span,
878
+ .e-bigger.e-small .e-calendar .e-content span {
879
+ color: #374151;
880
+ }
881
+
882
+ .e-calendar .e-content .e-disabled span.e-day:hover,
883
+ .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
884
+ background: none;
885
+ border: 0;
886
+ color: #9ca3af;
887
+ }
888
+
889
+ .e-calendar .e-content .e-other-month:hover span.e-day,
890
+ .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
891
+ color: #6b7280;
892
+ }
893
+
894
+ .e-calendar .e-content .e-other-month span.e-day,
895
+ .e-calendar .e-content .e-other-month.e-today span.e-day,
896
+ .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
897
+ .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
898
+ color: #6b7280;
899
+ }
900
+
901
+ .e-calendar .e-content .e-other-month.e-today:hover span.e-day,
902
+ .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
903
+ background-color: #f3f4f6;
904
+ color: #6b7280;
905
+ }
906
+
907
+ .e-calendar .e-content thead,
908
+ .e-bigger.e-small .e-calendar .e-content thead {
909
+ background: none;
910
+ border-bottom: 0;
911
+ }
912
+
913
+ .e-calendar .e-content td:hover span.e-day,
914
+ .e-calendar .e-content td:focus span.e-day,
915
+ .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
916
+ .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
917
+ background-color: #f3f4f6;
918
+ border: none;
919
+ border-radius: 4px;
920
+ color: #374151;
921
+ }
922
+
923
+ .e-calendar .e-content td:focus span.e-day,
924
+ .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
925
+ background-color: #f3f4f6;
926
+ border: none;
927
+ border-radius: 4px;
928
+ color: #374151;
929
+ }
930
+
931
+ .e-calendar .e-content td.e-disabled span.e-day,
932
+ .e-calendar .e-content td.e-disabled:hover span.e-day,
933
+ .e-calendar .e-content td.e-disabled:focus span.e-day,
934
+ .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
935
+ .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
936
+ .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
937
+ background: none;
938
+ border: none;
939
+ color: #9ca3af;
940
+ }
941
+
942
+ .e-calendar .e-content td.e-selected span.e-day,
943
+ .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
944
+ background-color: #4f46e5;
945
+ border: none;
946
+ border-radius: 4px;
947
+ color: #fff;
948
+ }
949
+
950
+ .e-calendar .e-content .e-footer,
951
+ .e-bigger.e-small .e-calendar .e-content .e-footer {
952
+ color: #4f46e5;
953
+ }
954
+
955
+ .e-calendar.e-device .e-prev:hover,
956
+ .e-calendar.e-device .e-next:hover,
957
+ .e-calendar.e-device .e-prev:active,
958
+ .e-calendar.e-device .e-next:active,
959
+ .e-calendar.e-device .e-prev:focus,
960
+ .e-calendar.e-device .e-next:focus,
961
+ .e-bigger.e-small .e-calendar.e-device .e-prev:hover,
962
+ .e-bigger.e-small .e-calendar.e-device .e-next:hover,
963
+ .e-bigger.e-small .e-calendar.e-device .e-prev:active,
964
+ .e-bigger.e-small .e-calendar.e-device .e-next:active,
965
+ .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
966
+ .e-bigger.e-small .e-calendar.e-device .e-next:focus {
967
+ background: none;
968
+ }
969
+
970
+ .e-calendar.e-device button.e-prev:active span,
971
+ .e-calendar.e-device button.e-next:active span,
972
+ .e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
973
+ .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
974
+ color: #6b7280;
975
+ }
976
+
977
+ .e-small.e-calendar .e-header .e-title,
978
+ .e-small .e-calendar .e-header .e-title {
979
+ color: #374151;
980
+ }
981
+
982
+ .e-zoomin {
983
+ animation: animatezoom .3s;
984
+ }
985
+
986
+ @keyframes animatezoom {
987
+ from {
988
+ transform: scale(0);
989
+ }
990
+ to {
991
+ transform: scale(1);
992
+ }
993
+ }