@seafile/seafile-calendar 1.0.21 → 1.0.23-avb.71

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.
@@ -0,0 +1,1237 @@
1
+ .rc-calendar {
2
+ box-sizing: border-box;
3
+ }
4
+ .rc-calendar * {
5
+ box-sizing: border-box;
6
+ }
7
+ .rc-calendar-hidden {
8
+ display: none;
9
+ }
10
+ .rc-calendar-input-wrap {
11
+ width: 100%;
12
+ position: relative;
13
+ }
14
+ .rc-calendar-input-wrap:after {
15
+ content: '';
16
+ clear: both;
17
+ }
18
+ .rc-calendar-time-picker {
19
+ position: absolute;
20
+ width: 100%;
21
+ top: 34px;
22
+ background-color: white;
23
+ height: 217px;
24
+ }
25
+ .rc-calendar-time-picker-panel {
26
+ width: 100%;
27
+ position: relative;
28
+ }
29
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
30
+ display: none;
31
+ }
32
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
33
+ border: none;
34
+ box-shadow: none;
35
+ }
36
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-select {
37
+ width: 84px;
38
+ max-height: 217px;
39
+ }
40
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
41
+ text-align: center;
42
+ padding: 0;
43
+ }
44
+ .rc-calendar-time-picker-wrap {
45
+ float: left;
46
+ width: 100%;
47
+ }
48
+ .rc-calendar-time-picker-wrap .rc-time-picker {
49
+ width: 100%;
50
+ }
51
+ .rc-calendar-time-picker-wrap .rc-time-picker-input {
52
+ padding: 0;
53
+ border: 1px solid transparent;
54
+ outline: 0;
55
+ height: 22px;
56
+ }
57
+ .rc-calendar-time-picker-wrap .rc-time-picker-icon {
58
+ display: none;
59
+ }
60
+ .rc-calendar-input {
61
+ border: 1px solid transparent;
62
+ width: 100%;
63
+ color: #212529;
64
+ cursor: text;
65
+ line-height: 1.5;
66
+ outline: 0;
67
+ height: 22px;
68
+ }
69
+ .rc-calendar-input-invalid {
70
+ border-color: red;
71
+ }
72
+ .rc-calendar-input:-ms-input-placeholder {
73
+ color: #868e96;
74
+ }
75
+ .rc-calendar-input::placeholder {
76
+ color: #868e96;
77
+ }
78
+ .rc-calendar-clear-btn {
79
+ z-index: 9999;
80
+ position: absolute;
81
+ right: 6px;
82
+ cursor: pointer;
83
+ overflow: hidden;
84
+ width: 20px;
85
+ height: 20px;
86
+ top: 6px;
87
+ margin: 0;
88
+ display: -ms-flexbox;
89
+ display: flex;
90
+ -ms-flex-pack: center;
91
+ justify-content: center;
92
+ -ms-flex-align: center;
93
+ align-items: center;
94
+ }
95
+ .rc-calendar-clear-btn svg {
96
+ color: #666;
97
+ }
98
+ .rc-calendar-clear-btn:hover {
99
+ background-color: rgba(0, 0, 0, 0.04);
100
+ border-radius: 4px;
101
+ }
102
+ .rc-calendar-picker {
103
+ position: absolute;
104
+ left: -9999px;
105
+ top: -9999px;
106
+ z-index: 1000;
107
+ }
108
+ .rc-calendar-picker-hidden {
109
+ display: none;
110
+ }
111
+ .rc-calendar-picker-slide-up-enter {
112
+ animation-duration: .3s;
113
+ animation-fill-mode: both;
114
+ transform-origin: 0 0;
115
+ display: block !important;
116
+ opacity: 0;
117
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
118
+ animation-play-state: paused;
119
+ }
120
+ .rc-calendar-picker-slide-up-appear {
121
+ animation-duration: .3s;
122
+ animation-fill-mode: both;
123
+ transform-origin: 0 0;
124
+ display: block !important;
125
+ opacity: 0;
126
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
127
+ animation-play-state: paused;
128
+ }
129
+ .rc-calendar-picker-slide-up-leave {
130
+ animation-duration: .3s;
131
+ animation-fill-mode: both;
132
+ transform-origin: 0 0;
133
+ display: block !important;
134
+ opacity: 1;
135
+ animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
136
+ animation-play-state: paused;
137
+ }
138
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
139
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,
140
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
141
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {
142
+ animation-name: rcDropdownSlideUpIn;
143
+ animation-play-state: running;
144
+ }
145
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
146
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,
147
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
148
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {
149
+ animation-name: rcDropdownSlideDownIn;
150
+ animation-play-state: running;
151
+ }
152
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
153
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
154
+ animation-name: rcDropdownSlideUpOut;
155
+ animation-play-state: running;
156
+ }
157
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
158
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
159
+ animation-name: rcDropdownSlideDownOut;
160
+ animation-play-state: running;
161
+ }
162
+ @keyframes rcDropdownSlideUpIn {
163
+ 0% {
164
+ opacity: 0;
165
+ transform-origin: 0% 0%;
166
+ transform: scaleY(0);
167
+ }
168
+ 100% {
169
+ opacity: 1;
170
+ transform-origin: 0% 0%;
171
+ transform: scaleY(1);
172
+ }
173
+ }
174
+ @keyframes rcDropdownSlideUpOut {
175
+ 0% {
176
+ opacity: 1;
177
+ transform-origin: 0% 0%;
178
+ transform: scaleY(1);
179
+ }
180
+ 100% {
181
+ opacity: 0;
182
+ transform-origin: 0% 0%;
183
+ transform: scaleY(0);
184
+ }
185
+ }
186
+ @keyframes rcDropdownSlideDownIn {
187
+ 0% {
188
+ opacity: 0;
189
+ transform-origin: 100% 100%;
190
+ transform: scaleY(0);
191
+ }
192
+ 100% {
193
+ opacity: 1;
194
+ transform-origin: 100% 100%;
195
+ transform: scaleY(1);
196
+ }
197
+ }
198
+ @keyframes rcDropdownSlideDownOut {
199
+ 0% {
200
+ opacity: 1;
201
+ transform-origin: 100% 100%;
202
+ transform: scaleY(1);
203
+ }
204
+ 100% {
205
+ opacity: 0;
206
+ transform-origin: 100% 100%;
207
+ transform: scaleY(0);
208
+ }
209
+ }
210
+ .rc-calendar {
211
+ position: relative;
212
+ outline: none;
213
+ font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
214
+ width: 276px;
215
+ list-style: none;
216
+ font-size: 14px;
217
+ text-align: left;
218
+ background-color: #fff;
219
+ border-radius: 8px;
220
+ box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
221
+ background-clip: padding-box;
222
+ border: 1px solid #eee;
223
+ line-height: 1.5;
224
+ overflow: hidden;
225
+ /* Layout wrappers */
226
+ /* Top inputs row */
227
+ /* Date grid area */
228
+ /* Right time panel */
229
+ /* Footer */
230
+ }
231
+ .rc-calendar-with-time-panel {
232
+ width: 391px;
233
+ }
234
+ .rc-calendar-panel {
235
+ display: -ms-flexbox;
236
+ display: flex;
237
+ -ms-flex-direction: column;
238
+ flex-direction: column;
239
+ }
240
+ .rc-calendar-date-panel-container {
241
+ display: -ms-flexbox;
242
+ display: flex;
243
+ }
244
+ .rc-calendar-date-panel {
245
+ display: block;
246
+ width: 276px;
247
+ }
248
+ .rc-calendar-inputs {
249
+ display: -ms-flexbox;
250
+ display: flex;
251
+ -ms-flex-align: stretch;
252
+ align-items: stretch;
253
+ }
254
+ .rc-calendar-date-input-col {
255
+ -ms-flex: 1 1 auto;
256
+ flex: 1 1 auto;
257
+ }
258
+ .rc-calendar-time-input-col {
259
+ width: 113px;
260
+ border-left: 1px solid #eee;
261
+ }
262
+ .rc-calendar-date-input,
263
+ .rc-calendar-time-input {
264
+ display: -ms-flexbox;
265
+ display: flex;
266
+ -ms-flex-align: center;
267
+ align-items: center;
268
+ height: 100%;
269
+ padding: 12px;
270
+ margin-bottom: 4px;
271
+ }
272
+ .rc-calendar-time-input {
273
+ border-bottom: 1px solid #eee;
274
+ }
275
+ .rc-calendar-date-input input,
276
+ .rc-calendar-time-input input {
277
+ height: 32px;
278
+ line-height: 32px;
279
+ width: 100%;
280
+ border: 1px solid #eee;
281
+ border-radius: 4px;
282
+ }
283
+ .rc-calendar-date-input input {
284
+ padding: 4px 16px;
285
+ }
286
+ .rc-calendar-time-input input {
287
+ padding: 4px 6px;
288
+ }
289
+ .rc-calendar-date-input input:focus,
290
+ .rc-calendar-time-input input:focus {
291
+ border-color: #1991eb;
292
+ box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
293
+ outline: none;
294
+ }
295
+ .rc-calendar-header {
296
+ padding: 0 12px;
297
+ height: 48px;
298
+ line-height: 24px;
299
+ text-align: center;
300
+ -moz-user-select: none;
301
+ -ms-user-select: none;
302
+ user-select: none;
303
+ -webkit-user-select: none;
304
+ }
305
+ .rc-calendar-header-nav-wrap {
306
+ position: relative;
307
+ height: 100%;
308
+ display: -ms-flexbox;
309
+ display: flex;
310
+ -ms-flex-align: center;
311
+ align-items: center;
312
+ -ms-flex-pack: center;
313
+ justify-content: center;
314
+ }
315
+ .rc-calendar-header > a {
316
+ font-weight: 600;
317
+ display: inline-block;
318
+ padding: 0 5px;
319
+ line-height: 40px;
320
+ text-align: center;
321
+ width: 30px;
322
+ }
323
+ .rc-calendar-header > a:hover {
324
+ cursor: pointer;
325
+ color: #ed7109;
326
+ }
327
+ .rc-calendar-prev-month-btn {
328
+ position: absolute;
329
+ left: 25px;
330
+ }
331
+ .rc-calendar-next-month-btn {
332
+ position: absolute;
333
+ right: 25px;
334
+ }
335
+ .rc-calendar-year-select,
336
+ .rc-calendar-month-select,
337
+ .rc-calendar-day-select {
338
+ display: inline-block;
339
+ font-size: 14px;
340
+ font-weight: 600;
341
+ color: #212529;
342
+ padding: 0 8px;
343
+ line-height: 48px;
344
+ }
345
+ .rc-calendar-year-select:hover,
346
+ .rc-calendar-month-select:hover,
347
+ .rc-calendar-day-select:hover {
348
+ cursor: pointer;
349
+ color: #ff9800;
350
+ }
351
+ .rc-calendar-year-select.rc-calendar-time-status:hover,
352
+ .rc-calendar-month-select.rc-calendar-time-status:hover,
353
+ .rc-calendar-day-select.rc-calendar-time-status:hover {
354
+ cursor: pointer;
355
+ color: #666;
356
+ }
357
+ .rc-calendar-prev-month-btn,
358
+ .rc-calendar-next-month-btn,
359
+ .rc-calendar-prev-year-btn,
360
+ .rc-calendar-next-year-btn {
361
+ width: 24px;
362
+ height: 24px;
363
+ position: absolute;
364
+ top: 50%;
365
+ transform: translateY(-50%);
366
+ cursor: pointer;
367
+ color: #999;
368
+ font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
369
+ font-size: 16px;
370
+ display: -ms-flexbox;
371
+ display: flex;
372
+ -ms-flex-pack: center;
373
+ justify-content: center;
374
+ -ms-flex-align: center;
375
+ align-items: center;
376
+ line-height: 18px;
377
+ border-radius: 4px;
378
+ }
379
+ .rc-calendar-prev-month-btn:hover,
380
+ .rc-calendar-next-month-btn:hover,
381
+ .rc-calendar-prev-year-btn:hover,
382
+ .rc-calendar-next-year-btn:hover {
383
+ color: #999;
384
+ background-color: rgba(0, 0, 0, 0.04);
385
+ }
386
+ .rc-calendar-next-year-btn {
387
+ right: 0;
388
+ }
389
+ .rc-calendar-prev-year-btn {
390
+ left: 0;
391
+ }
392
+ .rc-calendar-body {
393
+ padding: 0 12px;
394
+ height: 260px;
395
+ }
396
+ .rc-calendar table {
397
+ border-collapse: collapse;
398
+ max-width: 100%;
399
+ background-color: transparent;
400
+ width: 100%;
401
+ }
402
+ .rc-calendar table td {
403
+ padding: 0;
404
+ }
405
+ .rc-calendar table,
406
+ .rc-calendar td,
407
+ .rc-calendar th,
408
+ .rc-calendar td {
409
+ border: none;
410
+ }
411
+ .rc-calendar-table {
412
+ border-spacing: 0;
413
+ margin-bottom: 0;
414
+ }
415
+ .rc-calendar-column-header {
416
+ line-height: 18px;
417
+ height: 32px;
418
+ width: 32px;
419
+ text-align: center;
420
+ }
421
+ .rc-calendar-column-header-inner {
422
+ display: block;
423
+ font-weight: normal;
424
+ color: #999;
425
+ }
426
+ .rc-calendar-week-number-header .rc-calendar-column-header-inner {
427
+ display: none;
428
+ }
429
+ .rc-calendar-cell {
430
+ width: 32px;
431
+ height: auto;
432
+ }
433
+ .rc-calendar-date {
434
+ display: block;
435
+ color: #212529;
436
+ border-radius: 4px;
437
+ width: 32px;
438
+ height: 32px;
439
+ line-height: 32px;
440
+ padding: 0;
441
+ background: transparent;
442
+ text-align: center;
443
+ margin: 2px;
444
+ }
445
+ .rc-calendar-date:hover {
446
+ background: #f5f5f5;
447
+ border-radius: 50%;
448
+ cursor: pointer;
449
+ }
450
+ .rc-calendar-selected-date .rc-calendar-date {
451
+ background: #ff9800;
452
+ border-radius: 50%;
453
+ color: #fff;
454
+ }
455
+ .rc-calendar-selected-date .rc-calendar-date:hover {
456
+ background: #ff9800;
457
+ border-radius: 50%;
458
+ }
459
+ .rc-calendar-disabled-cell .rc-calendar-date {
460
+ cursor: not-allowed;
461
+ background: #f3f3f3;
462
+ border-radius: 0;
463
+ color: #bcbcbc;
464
+ width: auto;
465
+ }
466
+ .rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
467
+ border-bottom-left-radius: 4px;
468
+ border-top-left-radius: 4px;
469
+ }
470
+ .rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
471
+ border-bottom-right-radius: 4px;
472
+ border-top-right-radius: 4px;
473
+ }
474
+ .rc-calendar-last-month-cell .rc-calendar-date,
475
+ .rc-calendar-next-month-btn-day .rc-calendar-date {
476
+ color: #bbb;
477
+ }
478
+ .rc-calendar-today .rc-calendar-date {
479
+ border: 1px solid #ff9800;
480
+ border-radius: 50%;
481
+ }
482
+ .rc-calendar-right-panel {
483
+ height: inherit;
484
+ border-left: 1px solid #eee;
485
+ }
486
+ .rc-calendar-right-panel-header {
487
+ display: none;
488
+ -ms-flex-pack: center;
489
+ justify-content: center;
490
+ -ms-flex-align: center;
491
+ align-items: center;
492
+ color: #212529;
493
+ font-weight: 600;
494
+ }
495
+ .rc-calendar-right-panel-body {
496
+ height: 308px;
497
+ display: -ms-flexbox;
498
+ display: flex;
499
+ padding: 0 16px 16px;
500
+ scrollbar-color: auto;
501
+ }
502
+ .rc-calendar-right-panel-body:first-child {
503
+ border-right: 1px solid #eee;
504
+ }
505
+ .rc-calendar-right-panel-col {
506
+ overflow-y: auto;
507
+ }
508
+ .rc-calendar-right-panel-col ul {
509
+ list-style: none;
510
+ margin: 0;
511
+ padding: 4px;
512
+ }
513
+ .rc-calendar-right-panel-item {
514
+ width: 32px;
515
+ height: 32px;
516
+ padding: 4px 0;
517
+ cursor: pointer;
518
+ }
519
+ .rc-calendar-right-panel-item-text {
520
+ width: 100%;
521
+ height: 100%;
522
+ display: inline-block;
523
+ text-align: center;
524
+ line-height: 24px;
525
+ color: #212529;
526
+ font-weight: 400;
527
+ border-radius: 4px;
528
+ }
529
+ .rc-calendar-right-panel-item-text:hover {
530
+ background: #f5f5f5;
531
+ color: #212529;
532
+ }
533
+ .rc-calendar-right-panel-item-selected,
534
+ .rc-calendar-right-panel-item-selected:hover {
535
+ background: #ff9800;
536
+ border-radius: 4px;
537
+ color: #fff;
538
+ }
539
+ .rc-calendar-right-panel-col::-webkit-scrollbar {
540
+ width: 0;
541
+ height: 0;
542
+ }
543
+ .rc-calendar-right-panel-item-current {
544
+ border: 1px solid #ff9800;
545
+ border-radius: 4px;
546
+ }
547
+ .rc-calendar-footer {
548
+ border-top: 1px solid #eee;
549
+ padding: 8px 0;
550
+ text-align: center;
551
+ position: relative;
552
+ }
553
+ .rc-calendar-footer-show-ok {
554
+ text-align: right;
555
+ }
556
+ .rc-calendar-footer-btn:after {
557
+ content: 'x';
558
+ height: 0;
559
+ font-size: 0;
560
+ overflow: hidden;
561
+ clear: both;
562
+ }
563
+ .rc-calendar-time-picker-btn {
564
+ margin-left: 10px;
565
+ }
566
+ .rc-calendar-today-btn,
567
+ .rc-calendar-ok-btn,
568
+ .rc-calendar-time-picker-btn {
569
+ display: inline-block;
570
+ text-align: center;
571
+ color: #ed7109;
572
+ }
573
+ .rc-calendar-today-btn:hover,
574
+ .rc-calendar-ok-btn:hover,
575
+ .rc-calendar-time-picker-btn:hover {
576
+ cursor: pointer;
577
+ color: #ff9800;
578
+ }
579
+ .rc-calendar-today-btn-disabled,
580
+ .rc-calendar-ok-btn-disabled,
581
+ .rc-calendar-time-picker-btn-disabled {
582
+ color: #bbb;
583
+ }
584
+ .rc-calendar-today-btn {
585
+ padding-left: 0;
586
+ font-weight: 600;
587
+ }
588
+ .rc-calendar-time-panel {
589
+ left: 0;
590
+ top: 0;
591
+ bottom: 0;
592
+ right: 0;
593
+ background: #ffffff;
594
+ z-index: 10;
595
+ position: absolute;
596
+ outline: none;
597
+ }
598
+ .rc-calendar-time-panel-header {
599
+ padding: 0 10px;
600
+ height: 34px;
601
+ line-height: 34px;
602
+ position: relative;
603
+ text-align: center;
604
+ -moz-user-select: none;
605
+ -ms-user-select: none;
606
+ user-select: none;
607
+ -webkit-user-select: none;
608
+ border-bottom: 1px solid #ccc;
609
+ }
610
+ .rc-calendar-time-panel-body {
611
+ padding: 9px 10px 10px;
612
+ }
613
+ .rc-calendar-time-panel-title {
614
+ width: 180px;
615
+ font-weight: bold;
616
+ display: inline-block;
617
+ padding: 4px 5px;
618
+ text-align: center;
619
+ height: 30px;
620
+ line-height: 22px;
621
+ border-radius: 4px;
622
+ }
623
+ .rc-calendar-time-panel-table {
624
+ table-layout: fixed;
625
+ width: 100%;
626
+ height: 255px;
627
+ border-collapse: separate;
628
+ }
629
+ .rc-calendar-time-panel-cell {
630
+ text-align: center;
631
+ height: 42px;
632
+ vertical-align: middle;
633
+ }
634
+ .rc-calendar-time-panel-time {
635
+ line-height: 26px;
636
+ display: block;
637
+ border-radius: 4px;
638
+ width: 26px;
639
+ margin: 0 auto;
640
+ }
641
+ .rc-calendar-time-panel-time:hover {
642
+ background: #fcecd9;
643
+ cursor: pointer;
644
+ }
645
+ .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
646
+ background: #f09f3f;
647
+ color: #fff;
648
+ }
649
+ .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
650
+ background: #f09f3f;
651
+ color: #fff;
652
+ }
653
+ .rc-calendar-month-panel {
654
+ left: 0;
655
+ top: 0;
656
+ bottom: 0;
657
+ right: 0;
658
+ width: 100%;
659
+ background: #ffffff;
660
+ z-index: 10;
661
+ position: absolute;
662
+ outline: none;
663
+ }
664
+ .rc-calendar-month-panel > div {
665
+ height: 100%;
666
+ display: -ms-flexbox;
667
+ display: flex;
668
+ -ms-flex-direction: column;
669
+ flex-direction: column;
670
+ }
671
+ .rc-calendar-month-panel-hidden {
672
+ display: none;
673
+ }
674
+ .rc-calendar-month-panel-header {
675
+ height: 48px;
676
+ line-height: 48px;
677
+ display: -ms-inline-flexbox;
678
+ display: inline-flex;
679
+ -ms-flex-pack: center;
680
+ justify-content: center;
681
+ -ms-flex-align: center;
682
+ align-items: center;
683
+ position: relative;
684
+ text-align: center;
685
+ -moz-user-select: none;
686
+ -ms-user-select: none;
687
+ user-select: none;
688
+ -webkit-user-select: none;
689
+ border-bottom: 1px solid #eee;
690
+ }
691
+ .rc-calendar-month-panel-header > a {
692
+ display: -ms-inline-flexbox;
693
+ display: inline-flex;
694
+ -ms-flex-pack: center;
695
+ justify-content: center;
696
+ -ms-flex-align: center;
697
+ align-items: center;
698
+ cursor: pointer;
699
+ }
700
+ .rc-calendar-month-panel-year-select:hover {
701
+ color: #ff9800;
702
+ }
703
+ .rc-calendar-month-panel-prev-year-btn,
704
+ .rc-calendar-month-panel-next-year-btn {
705
+ width: 24px;
706
+ height: 24px;
707
+ border-radius: 4px;
708
+ color: #999;
709
+ position: absolute;
710
+ top: 50%;
711
+ transform: translateY(-50%);
712
+ }
713
+ .rc-calendar-month-panel-prev-year-btn:hover,
714
+ .rc-calendar-month-panel-next-year-btn:hover {
715
+ color: #999;
716
+ background-color: #f5f5f5;
717
+ }
718
+ .rc-calendar-month-panel-next-year-btn {
719
+ right: 16px;
720
+ }
721
+ .rc-calendar-month-panel-prev-year-btn {
722
+ -webkit-user-select: none;
723
+ -moz-user-select: none;
724
+ -ms-user-select: none;
725
+ user-select: none;
726
+ left: 16px;
727
+ }
728
+ .rc-calendar-month-panel .rc-calendar-month-panel-year-select {
729
+ width: 180px;
730
+ }
731
+ .rc-calendar-month-panel-year-select-arrow {
732
+ display: none;
733
+ }
734
+ .rc-calendar-month-panel-next-year-btn {
735
+ -webkit-user-select: none;
736
+ -moz-user-select: none;
737
+ -ms-user-select: none;
738
+ user-select: none;
739
+ }
740
+ .rc-calendar-month-panel-body {
741
+ -ms-flex: 1;
742
+ flex: 1;
743
+ padding: 9px 10px 10px;
744
+ }
745
+ .rc-calendar-month-panel-footer {
746
+ border-top: 1px solid #ccc;
747
+ line-height: 38px;
748
+ }
749
+ .rc-calendar-month-panel-table {
750
+ table-layout: fixed;
751
+ width: 100%;
752
+ height: 100%;
753
+ border-collapse: separate;
754
+ }
755
+ .rc-calendar-month-panel-cell {
756
+ text-align: center;
757
+ }
758
+ .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
759
+ display: block;
760
+ width: 64px;
761
+ margin: 0 auto;
762
+ color: #212529;
763
+ border-radius: 4px;
764
+ height: 36px;
765
+ padding: 0;
766
+ background: transparent;
767
+ line-height: 36px;
768
+ text-align: center;
769
+ }
770
+ .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
771
+ background: #f5f5f5;
772
+ cursor: pointer;
773
+ }
774
+ .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
775
+ color: #bbb;
776
+ }
777
+ .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
778
+ background: white;
779
+ cursor: not-allowed;
780
+ }
781
+ .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
782
+ background: #ff8000;
783
+ color: #fff;
784
+ }
785
+ .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
786
+ background: #ff8000;
787
+ color: #fff;
788
+ }
789
+ .rc-calendar-month-header-wrap {
790
+ position: relative;
791
+ height: 308px;
792
+ }
793
+ .rc-calendar-year-panel {
794
+ left: 0;
795
+ top: 0;
796
+ bottom: 0;
797
+ right: 0;
798
+ width: 100%;
799
+ background: #ffffff;
800
+ z-index: 10;
801
+ position: absolute;
802
+ outline: none;
803
+ }
804
+ .rc-calendar-year-panel > div {
805
+ height: 100%;
806
+ display: -ms-flexbox;
807
+ display: flex;
808
+ -ms-flex-direction: column;
809
+ flex-direction: column;
810
+ }
811
+ .rc-calendar-year-panel-hidden {
812
+ display: none;
813
+ }
814
+ .rc-calendar-year-panel-header {
815
+ display: -ms-flexbox;
816
+ display: flex;
817
+ -ms-flex-pack: center;
818
+ justify-content: center;
819
+ -ms-flex-align: center;
820
+ align-items: center;
821
+ height: 48px;
822
+ position: relative;
823
+ text-align: center;
824
+ -moz-user-select: none;
825
+ -ms-user-select: none;
826
+ user-select: none;
827
+ -webkit-user-select: none;
828
+ border-bottom: 1px solid #eee;
829
+ }
830
+ .rc-calendar-year-panel-header > a {
831
+ display: -ms-inline-flexbox;
832
+ display: inline-flex;
833
+ -ms-flex-pack: center;
834
+ justify-content: center;
835
+ -ms-flex-align: center;
836
+ align-items: center;
837
+ text-align: center;
838
+ cursor: pointer;
839
+ }
840
+ .rc-calendar-year-panel-decade-select:hover {
841
+ color: #ff9800;
842
+ }
843
+ .rc-calendar-year-panel-prev-decade-btn,
844
+ .rc-calendar-year-panel-next-decade-btn {
845
+ width: 24px;
846
+ height: 24px;
847
+ position: absolute;
848
+ top: 50%;
849
+ transform: translateY(-50%);
850
+ border-radius: 4px;
851
+ color: #999;
852
+ -webkit-user-select: none;
853
+ -moz-user-select: none;
854
+ -ms-user-select: none;
855
+ user-select: none;
856
+ }
857
+ .rc-calendar-year-panel-prev-decade-btn:hover,
858
+ .rc-calendar-year-panel-next-decade-btn:hover {
859
+ color: #999;
860
+ background-color: #f5f5f5;
861
+ }
862
+ .rc-calendar-year-panel-next-decade-btn {
863
+ right: 16px;
864
+ }
865
+ .rc-calendar-year-panel-prev-decade-btn {
866
+ left: 16px;
867
+ }
868
+ .rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
869
+ width: 180px;
870
+ }
871
+ .rc-calendar-year-panel-decade-select-arrow {
872
+ display: none;
873
+ }
874
+ .rc-calendar-year-panel-next-decade-btn {
875
+ -webkit-user-select: none;
876
+ -moz-user-select: none;
877
+ -ms-user-select: none;
878
+ user-select: none;
879
+ right: 16px;
880
+ }
881
+ .rc-calendar-year-panel-body {
882
+ -ms-flex: 1;
883
+ flex: 1;
884
+ padding: 9px 10px 10px;
885
+ }
886
+ .rc-calendar-year-panel-footer {
887
+ border-top: 1px solid #ccc;
888
+ line-height: 38px;
889
+ }
890
+ .rc-calendar-year-panel-table {
891
+ table-layout: fixed;
892
+ width: 100%;
893
+ height: 100%;
894
+ border-collapse: separate;
895
+ }
896
+ .rc-calendar-year-panel-cell {
897
+ text-align: center;
898
+ }
899
+ .rc-calendar-year-panel-year {
900
+ display: block;
901
+ width: 64px;
902
+ margin: 0 auto;
903
+ color: #212529;
904
+ border-radius: 4px;
905
+ height: 36px;
906
+ padding: 0;
907
+ background: transparent;
908
+ line-height: 36px;
909
+ text-align: center;
910
+ }
911
+ .rc-calendar-year-panel-year:hover {
912
+ color: #212529;
913
+ background: #f5f5f5;
914
+ cursor: pointer;
915
+ }
916
+ .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
917
+ background: #ff8000;
918
+ color: #fff;
919
+ }
920
+ .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
921
+ background: #ff8000;
922
+ color: #fff;
923
+ }
924
+ .rc-calendar-decade-panel {
925
+ left: 0;
926
+ top: 0;
927
+ bottom: 0;
928
+ right: 0;
929
+ width: 100%;
930
+ background: #ffffff;
931
+ z-index: 10;
932
+ position: absolute;
933
+ outline: none;
934
+ display: -ms-flexbox;
935
+ display: flex;
936
+ -ms-flex-direction: column;
937
+ flex-direction: column;
938
+ }
939
+ .rc-calendar-decade-panel-hidden {
940
+ display: none;
941
+ }
942
+ .rc-calendar-decade-panel-header {
943
+ height: 48px;
944
+ line-height: 48px;
945
+ display: -ms-inline-flexbox;
946
+ display: inline-flex;
947
+ -ms-flex-pack: center;
948
+ justify-content: center;
949
+ -ms-flex-align: center;
950
+ align-items: center;
951
+ position: relative;
952
+ text-align: center;
953
+ -moz-user-select: none;
954
+ -ms-user-select: none;
955
+ user-select: none;
956
+ -webkit-user-select: none;
957
+ border-bottom: 1px solid #eee;
958
+ }
959
+ .rc-calendar-decade-panel-header > a {
960
+ display: -ms-inline-flexbox;
961
+ display: inline-flex;
962
+ -ms-flex-pack: center;
963
+ justify-content: center;
964
+ -ms-flex-align: center;
965
+ align-items: center;
966
+ cursor: pointer;
967
+ }
968
+ .rc-calendar-decade-panel-century {
969
+ color: #212529;
970
+ }
971
+ .rc-calendar-decade-panel-prev-century-btn,
972
+ .rc-calendar-decade-panel-next-century-btn {
973
+ width: 24px;
974
+ height: 24px;
975
+ border-radius: 4px;
976
+ color: #999;
977
+ position: absolute;
978
+ top: 50%;
979
+ transform: translateY(-50%);
980
+ }
981
+ .rc-calendar-decade-panel-prev-century-btn:hover,
982
+ .rc-calendar-decade-panel-next-century-btn:hover {
983
+ color: #999;
984
+ background-color: #f5f5f5;
985
+ }
986
+ .rc-calendar-decade-panel-next-century-btn {
987
+ right: 16px;
988
+ }
989
+ .rc-calendar-decade-panel-prev-century-btn {
990
+ left: 16px;
991
+ }
992
+ .rc-calendar-decade-panel-body {
993
+ -ms-flex: 1;
994
+ flex: 1;
995
+ padding: 9px 10px 10px;
996
+ }
997
+ .rc-calendar-decade-panel-footer {
998
+ border-top: 1px solid #ccc;
999
+ line-height: 38px;
1000
+ }
1001
+ .rc-calendar-decade-panel-table {
1002
+ table-layout: fixed;
1003
+ width: 100%;
1004
+ height: 100%;
1005
+ border-collapse: separate;
1006
+ }
1007
+ .rc-calendar-decade-panel-cell {
1008
+ text-align: center;
1009
+ color: #212529;
1010
+ }
1011
+ .rc-calendar-decade-panel-cell a:hover {
1012
+ color: inherit;
1013
+ }
1014
+ .rc-calendar-decade-panel-decade {
1015
+ display: block;
1016
+ margin: 0 auto;
1017
+ color: #212529;
1018
+ border-radius: 4px;
1019
+ height: 36px;
1020
+ padding: 0;
1021
+ background: transparent;
1022
+ line-height: 36px;
1023
+ text-align: center;
1024
+ width: 105px;
1025
+ }
1026
+ .rc-calendar-decade-panel-decade:hover {
1027
+ background: #f5f5f5;
1028
+ cursor: pointer;
1029
+ }
1030
+ .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
1031
+ background: #ff8000;
1032
+ color: #fff;
1033
+ }
1034
+ .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
1035
+ background: #ff8000;
1036
+ color: #fff;
1037
+ }
1038
+ .rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
1039
+ .rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
1040
+ -moz-user-select: none;
1041
+ -ms-user-select: none;
1042
+ user-select: none;
1043
+ -webkit-user-select: none;
1044
+ color: rgba(0, 0, 0, 0.25);
1045
+ }
1046
+ .rc-calendar-range {
1047
+ width: 502px;
1048
+ overflow: hidden;
1049
+ }
1050
+ .rc-calendar-range-part {
1051
+ width: 250px;
1052
+ position: relative;
1053
+ }
1054
+ .rc-calendar-range-part .rc-calendar-time-picker {
1055
+ top: 69px;
1056
+ }
1057
+ .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
1058
+ width: 77px;
1059
+ }
1060
+ .rc-calendar-range-left {
1061
+ float: left;
1062
+ }
1063
+ .rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
1064
+ border-right: 1px solid #e9e9e9;
1065
+ }
1066
+ .rc-calendar-range-right {
1067
+ float: right;
1068
+ }
1069
+ .rc-calendar-range-right .rc-calendar-time-picker-panel {
1070
+ left: 21px;
1071
+ }
1072
+ .rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
1073
+ border-left: 1px solid #e9e9e9;
1074
+ }
1075
+ .rc-calendar-range-middle {
1076
+ position: absolute;
1077
+ margin-left: -10px;
1078
+ text-align: center;
1079
+ height: 35px;
1080
+ line-height: 35px;
1081
+ }
1082
+ .rc-calendar-range .rc-calendar-date-panel::after {
1083
+ content: ".";
1084
+ display: block;
1085
+ height: 0;
1086
+ clear: both;
1087
+ visibility: hidden;
1088
+ }
1089
+ .rc-calendar-range .rc-calendar-input-wrap {
1090
+ height: 35px;
1091
+ }
1092
+ .rc-calendar-range .rc-calendar-input,
1093
+ .rc-calendar-range .rc-time-picker-input {
1094
+ padding: 1px 7px;
1095
+ height: 22px;
1096
+ }
1097
+ .rc-calendar-range .rc-calendar-body,
1098
+ .rc-calendar-range .rc-calendar-decade-panel-body,
1099
+ .rc-calendar-range .rc-calendar-year-panel-body,
1100
+ .rc-calendar-range .rc-calendar-month-panel-body {
1101
+ border-bottom: 1px solid #e9e9e9;
1102
+ }
1103
+ .rc-calendar-range.rc-calendar-week-number {
1104
+ width: 574px;
1105
+ }
1106
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
1107
+ width: 286px;
1108
+ }
1109
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
1110
+ top: 69px;
1111
+ }
1112
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
1113
+ width: 89px;
1114
+ }
1115
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
1116
+ left: 36px;
1117
+ }
1118
+ .rc-calendar-range .rc-calendar-year-panel,
1119
+ .rc-calendar-range .rc-calendar-month-panel,
1120
+ .rc-calendar-range .rc-calendar-decade-panel {
1121
+ top: 35px;
1122
+ }
1123
+ .rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
1124
+ top: 0;
1125
+ }
1126
+ .rc-calendar-range .rc-calendar-decade-panel-table,
1127
+ .rc-calendar-range .rc-calendar-year-panel-table,
1128
+ .rc-calendar-range .rc-calendar-month-panel-table {
1129
+ height: 198px;
1130
+ }
1131
+ .rc-calendar-range .rc-calendar-in-range-cell {
1132
+ background: #ebf4f8;
1133
+ border-radius: 0;
1134
+ }
1135
+ .rc-calendar-range-bottom {
1136
+ text-align: right;
1137
+ }
1138
+ .rc-calendar-range .rc-calendar-footer {
1139
+ border-top: none;
1140
+ padding: 0;
1141
+ }
1142
+ .rc-calendar-range .rc-calendar-footer-btn {
1143
+ padding: 10px 12px 10px 0;
1144
+ }
1145
+ .rc-calendar-range .rc-calendar-ok-btn {
1146
+ position: static;
1147
+ }
1148
+ .rc-calendar-range .rc-calendar-today-btn {
1149
+ float: left;
1150
+ }
1151
+ .rc-calendar-full {
1152
+ width: 275px;
1153
+ }
1154
+ .rc-calendar-full-header {
1155
+ padding: 5px 10px;
1156
+ text-align: center;
1157
+ -moz-user-select: none;
1158
+ -ms-user-select: none;
1159
+ user-select: none;
1160
+ -webkit-user-select: none;
1161
+ border-bottom: 1px solid #ccc;
1162
+ overflow: hidden;
1163
+ }
1164
+ .rc-calendar-full-header-month-select,
1165
+ .rc-calendar-full-header-year-select {
1166
+ width: 70px;
1167
+ float: right;
1168
+ margin-right: 5px;
1169
+ }
1170
+ .rc-calendar-full-header-switcher {
1171
+ float: right;
1172
+ display: inline-block;
1173
+ }
1174
+ .rc-calendar-full-header-switcher-normal:hover {
1175
+ border-color: #f09f4f;
1176
+ cursor: pointer;
1177
+ }
1178
+ .rc-calendar-full-header-switcher-focus {
1179
+ border-color: #f09f3f;
1180
+ background-color: #f09f3f;
1181
+ color: #fff;
1182
+ }
1183
+ .rc-calendar-full-header-switcher > span {
1184
+ float: left;
1185
+ height: 28px;
1186
+ line-height: 24px;
1187
+ border: 1px solid #d9d9d9;
1188
+ padding: 0 10px;
1189
+ color: #666;
1190
+ }
1191
+ .rc-calendar-full-header-switcher > span:first-child {
1192
+ border-top-left-radius: 4px;
1193
+ border-bottom-left-radius: 4px;
1194
+ border-right: none;
1195
+ }
1196
+ .rc-calendar-full-header-switcher > span:last-child {
1197
+ border-top-right-radius: 4px;
1198
+ border-bottom-right-radius: 4px;
1199
+ border-left: none;
1200
+ }
1201
+ .rc-calendar-fullscreen {
1202
+ width: auto;
1203
+ }
1204
+ .rc-calendar-fullscreen .rc-calendar-full-header {
1205
+ border-bottom: none;
1206
+ }
1207
+ .rc-calendar-fullscreen .rc-calendar-column-header {
1208
+ text-align: right;
1209
+ padding-right: 12px;
1210
+ }
1211
+ .rc-calendar-fullscreen .rc-calendar-cell {
1212
+ padding: 0;
1213
+ }
1214
+ .rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
1215
+ .rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
1216
+ display: block;
1217
+ height: 116px;
1218
+ width: auto;
1219
+ border-radius: 0;
1220
+ margin: 0 4px;
1221
+ border: none;
1222
+ border-top: 2px solid #eee;
1223
+ text-align: right;
1224
+ padding-right: 8px;
1225
+ }
1226
+ .rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,
1227
+ .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
1228
+ background-color: #fcecd9;
1229
+ color: #666;
1230
+ }
1231
+ .rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,
1232
+ .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
1233
+ border-top-color: #f09f3f;
1234
+ color: #f09f3f;
1235
+ }
1236
+
1237
+ /*# sourceMappingURL=rc-calendar.min.css.map*/