flatpickr 2.4.8.0 → 2.4.9.0
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.
- checksums.yaml +4 -4
- data/lib/flatpickr/version.rb +1 -1
- data/vendor/assets/javascripts/flatpickr.js +307 -230
- data/vendor/assets/javascripts/flatpickr/l10n/gr.js +31 -0
- data/vendor/assets/javascripts/flatpickr/l10n/nl.js +4 -4
- data/vendor/assets/stylesheets/flatpickr.css +4 -4
- data/vendor/assets/stylesheets/flatpickr/rtl/flatpickr.min.css +13 -0
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/airbnb.rtl.css +332 -49
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/base16_flat.rtl.css +291 -36
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/confetti.rtl.css +294 -38
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/dark.rtl.css +294 -39
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_blue.rtl.css +301 -45
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_green.rtl.css +301 -45
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_orange.rtl.css +301 -45
- data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_red.rtl.css +301 -45
- data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +308 -72
- data/vendor/assets/stylesheets/flatpickr/themes/base16_flat.css +267 -59
- data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +270 -61
- data/vendor/assets/stylesheets/flatpickr/themes/dark.css +270 -62
- data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +277 -68
- data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +277 -68
- data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +277 -68
- data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +277 -68
- metadata +3 -2
@@ -6,7 +6,8 @@
|
|
6
6
|
visibility: hidden;
|
7
7
|
text-align: center;
|
8
8
|
padding: 0;
|
9
|
-
animation: none;
|
9
|
+
-webkit-animation: none;
|
10
|
+
animation: none;
|
10
11
|
direction: ltr;
|
11
12
|
border: 0;
|
12
13
|
font-size: 14px;
|
@@ -27,9 +28,12 @@
|
|
27
28
|
}
|
28
29
|
.flatpickr-calendar.open {
|
29
30
|
display: inline-block;
|
30
|
-
animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1);
|
31
31
|
z-index: 99999;
|
32
32
|
}
|
33
|
+
.flatpickr-calendar.animate.open {
|
34
|
+
-webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
35
|
+
animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
36
|
+
}
|
33
37
|
.flatpickr-calendar.inline {
|
34
38
|
display: block;
|
35
39
|
position: relative;
|
@@ -46,6 +50,15 @@
|
|
46
50
|
.flatpickr-calendar.hasWeeks {
|
47
51
|
width: auto;
|
48
52
|
}
|
53
|
+
.flatpickr-calendar .hasWeeks .dayContainer,
|
54
|
+
.flatpickr-calendar .hasTime .dayContainer {
|
55
|
+
border-bottom: 0;
|
56
|
+
border-bottom-right-radius: 0;
|
57
|
+
border-bottom-left-radius: 0;
|
58
|
+
}
|
59
|
+
.flatpickr-calendar .hasWeeks .dayContainer {
|
60
|
+
border-left: 0;
|
61
|
+
}
|
49
62
|
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
|
50
63
|
height: 40px;
|
51
64
|
border-top: 1px solid #eee;
|
@@ -97,6 +110,9 @@
|
|
97
110
|
.flatpickr-calendar.arrowBottom:after {
|
98
111
|
border-top-color: #fff;
|
99
112
|
}
|
113
|
+
.flatpickr-calendar:focus {
|
114
|
+
outline: 0;
|
115
|
+
}
|
100
116
|
.flatpickr-wrapper {
|
101
117
|
position: relative;
|
102
118
|
display: inline-block;
|
@@ -109,16 +125,21 @@
|
|
109
125
|
line-height: 24px;
|
110
126
|
text-align: center;
|
111
127
|
position: relative;
|
112
|
-
user-select: none;
|
128
|
+
-webkit-user-select: none;
|
129
|
+
-moz-user-select: none;
|
130
|
+
-ms-user-select: none;
|
131
|
+
user-select: none;
|
132
|
+
overflow: hidden;
|
113
133
|
}
|
114
134
|
.flatpickr-prev-month,
|
115
135
|
.flatpickr-next-month {
|
116
136
|
text-decoration: none;
|
117
137
|
cursor: pointer;
|
118
138
|
position: absolute;
|
119
|
-
top:
|
120
|
-
height:
|
139
|
+
top: 0px;
|
140
|
+
height: 28px;
|
121
141
|
line-height: 16px;
|
142
|
+
padding: 10px calc(3.57% - 1.5px);
|
122
143
|
}
|
123
144
|
.flatpickr-prev-month i,
|
124
145
|
.flatpickr-next-month i {
|
@@ -130,7 +151,7 @@
|
|
130
151
|
/*rtl:begin:ignore*/
|
131
152
|
/*
|
132
153
|
*/
|
133
|
-
left:
|
154
|
+
left: 0;
|
134
155
|
/*
|
135
156
|
/*rtl:end:ignore*/
|
136
157
|
/*
|
@@ -146,7 +167,7 @@
|
|
146
167
|
/*rtl:begin:ignore*/
|
147
168
|
/*
|
148
169
|
*/
|
149
|
-
right:
|
170
|
+
right: 0;
|
150
171
|
/*
|
151
172
|
/*rtl:end:ignore*/
|
152
173
|
/*
|
@@ -249,6 +270,37 @@
|
|
249
270
|
top: 5px;
|
250
271
|
display: inline-block;
|
251
272
|
text-align: center;
|
273
|
+
-webkit-transform: translate(0px, 0px);
|
274
|
+
-ms-transform: translate(0px, 0px);
|
275
|
+
transform: translate(0px, 0px);
|
276
|
+
}
|
277
|
+
.flatpickr-current-month.slideLeft {
|
278
|
+
-webkit-transform: translate(-100%, 0px);
|
279
|
+
-ms-transform: translate(-100%, 0px);
|
280
|
+
transform: translate(-100%, 0px);
|
281
|
+
-webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
282
|
+
animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
283
|
+
}
|
284
|
+
.flatpickr-current-month.slideLeftNew {
|
285
|
+
-webkit-transform: translate(100%, 0px);
|
286
|
+
-ms-transform: translate(100%, 0px);
|
287
|
+
transform: translate(100%, 0px);
|
288
|
+
-webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
289
|
+
animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
290
|
+
}
|
291
|
+
.flatpickr-current-month.slideRight {
|
292
|
+
-webkit-transform: translate(100%, 0px);
|
293
|
+
-ms-transform: translate(100%, 0px);
|
294
|
+
transform: translate(100%, 0px);
|
295
|
+
-webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
296
|
+
animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
297
|
+
}
|
298
|
+
.flatpickr-current-month.slideRightNew {
|
299
|
+
-webkit-transform: translate(0, 0);
|
300
|
+
-ms-transform: translate(0, 0);
|
301
|
+
transform: translate(0, 0);
|
302
|
+
-webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
303
|
+
animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
252
304
|
}
|
253
305
|
.flatpickr-current-month span.cur-month {
|
254
306
|
font-family: inherit;
|
@@ -303,24 +355,92 @@
|
|
303
355
|
background: transparent;
|
304
356
|
text-align: center;
|
305
357
|
overflow: hidden;
|
358
|
+
width: 315px;
|
359
|
+
display: -webkit-flex;
|
360
|
+
display: -ms-flexbox;
|
361
|
+
display: flex;
|
362
|
+
-webkit-align-items: center;
|
363
|
+
-ms-flex-align: center;
|
364
|
+
align-items: center;
|
365
|
+
height: 28px;
|
306
366
|
}
|
307
|
-
.flatpickr-
|
367
|
+
span.flatpickr-weekday {
|
368
|
+
cursor: default;
|
369
|
+
font-size: 90%;
|
370
|
+
color: rgba(117,117,117,0.54);
|
371
|
+
line-height: 1;
|
372
|
+
margin: 0;
|
373
|
+
background: transparent;
|
374
|
+
text-align: center;
|
375
|
+
display: block;
|
376
|
+
-webkit-flex: 1;
|
377
|
+
-ms-flex: 1;
|
378
|
+
flex: 1;
|
379
|
+
font-weight: bolder;
|
380
|
+
margin: 0;
|
381
|
+
}
|
382
|
+
.dayContainer,
|
308
383
|
.flatpickr-weeks {
|
309
384
|
padding: 1px 0 0 0;
|
310
385
|
}
|
311
386
|
.flatpickr-days {
|
387
|
+
position: relative;
|
388
|
+
overflow: hidden;
|
389
|
+
display: -webkit-flex;
|
390
|
+
display: -ms-flexbox;
|
391
|
+
display: flex;
|
392
|
+
width: 315px;
|
393
|
+
}
|
394
|
+
.flatpickr-days:focus {
|
395
|
+
outline: 0;
|
396
|
+
}
|
397
|
+
.dayContainer {
|
312
398
|
padding: 0;
|
313
399
|
outline: 0;
|
314
400
|
text-align: left;
|
315
401
|
width: 315px;
|
402
|
+
min-width: 315px;
|
403
|
+
max-width: 315px;
|
316
404
|
box-sizing: border-box;
|
317
405
|
display: inline-block;
|
318
406
|
display: -ms-flexbox;
|
407
|
+
display: -webkit-flex;
|
319
408
|
display: flex;
|
320
|
-
flex-wrap: wrap;
|
409
|
+
-webkit-flex-wrap: wrap;
|
410
|
+
flex-wrap: wrap;
|
321
411
|
-ms-flex-wrap: wrap;
|
322
412
|
-ms-flex-pack: justify;
|
323
|
-
justify-content: space-around;
|
413
|
+
-webkit-justify-content: space-around;
|
414
|
+
justify-content: space-around;
|
415
|
+
-webkit-transform: translate(0px, 0px);
|
416
|
+
-ms-transform: translate(0px, 0px);
|
417
|
+
transform: translate(0px, 0px);
|
418
|
+
opacity: 1;
|
419
|
+
}
|
420
|
+
.flatpickr-calendar.animate .dayContainer.slideLeft {
|
421
|
+
-webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
422
|
+
animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
423
|
+
}
|
424
|
+
.flatpickr-calendar.animate .dayContainer.slideLeft,
|
425
|
+
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
|
426
|
+
-webkit-transform: translate(-100%, 0px);
|
427
|
+
-ms-transform: translate(-100%, 0px);
|
428
|
+
transform: translate(-100%, 0px);
|
429
|
+
}
|
430
|
+
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
|
431
|
+
-webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
432
|
+
animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
433
|
+
}
|
434
|
+
.flatpickr-calendar.animate .dayContainer.slideRight {
|
435
|
+
-webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
436
|
+
animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
437
|
+
-webkit-transform: translate(100%, 0px);
|
438
|
+
-ms-transform: translate(100%, 0px);
|
439
|
+
transform: translate(100%, 0px);
|
440
|
+
}
|
441
|
+
.flatpickr-calendar.animate .dayContainer.slideRightNew {
|
442
|
+
-webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
443
|
+
animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
|
324
444
|
}
|
325
445
|
.flatpickr-day {
|
326
446
|
background: none;
|
@@ -331,14 +451,18 @@
|
|
331
451
|
cursor: pointer;
|
332
452
|
font-weight: 400;
|
333
453
|
width: 14.2857143%;
|
334
|
-
flex-basis: 14.2857143%;
|
454
|
+
-webkit-flex-basis: 14.2857143%;
|
455
|
+
-ms-flex-preferred-size: 14.2857143%;
|
456
|
+
flex-basis: 14.2857143%;
|
335
457
|
max-width: 40px;
|
336
458
|
height: 40px;
|
337
459
|
line-height: 40px;
|
338
460
|
margin: 0;
|
339
461
|
display: inline-block;
|
340
462
|
position: relative;
|
341
|
-
justify-content: center;
|
463
|
+
-webkit-justify-content: center;
|
464
|
+
-ms-flex-pack: center;
|
465
|
+
justify-content: center;
|
342
466
|
text-align: center;
|
343
467
|
}
|
344
468
|
.flatpickr-day.inRange,
|
@@ -370,6 +494,9 @@
|
|
370
494
|
.flatpickr-day.selected,
|
371
495
|
.flatpickr-day.startRange,
|
372
496
|
.flatpickr-day.endRange,
|
497
|
+
.flatpickr-day.selected.inRange,
|
498
|
+
.flatpickr-day.startRange.inRange,
|
499
|
+
.flatpickr-day.endRange.inRange,
|
373
500
|
.flatpickr-day.selected:focus,
|
374
501
|
.flatpickr-day.startRange:focus,
|
375
502
|
.flatpickr-day.endRange:focus,
|
@@ -383,6 +510,7 @@
|
|
383
510
|
.flatpickr-day.startRange.nextMonthDay,
|
384
511
|
.flatpickr-day.endRange.nextMonthDay {
|
385
512
|
background: #4f99ff;
|
513
|
+
box-shadow: none;
|
386
514
|
color: #fff;
|
387
515
|
border-color: #4f99ff;
|
388
516
|
}
|
@@ -396,6 +524,11 @@
|
|
396
524
|
.flatpickr-day.endRange.endRange {
|
397
525
|
border-radius: 0 50px 50px 0;
|
398
526
|
}
|
527
|
+
.flatpickr-day.selected.startRange + .endRange,
|
528
|
+
.flatpickr-day.startRange.startRange + .endRange,
|
529
|
+
.flatpickr-day.endRange.startRange + .endRange {
|
530
|
+
box-shadow: -10px 0 0 #4f99ff;
|
531
|
+
}
|
399
532
|
.flatpickr-day.selected.startRange.endRange,
|
400
533
|
.flatpickr-day.startRange.startRange.endRange,
|
401
534
|
.flatpickr-day.endRange.startRange.endRange {
|
@@ -421,21 +554,9 @@
|
|
421
554
|
border-color: #e9e9e9;
|
422
555
|
cursor: default;
|
423
556
|
}
|
424
|
-
|
425
|
-
|
426
|
-
|
427
|
-
color: rgba(117,117,117,0.54);
|
428
|
-
height: 27.333333333333332px;
|
429
|
-
line-height: 24px;
|
430
|
-
margin: 0;
|
431
|
-
background: transparent;
|
432
|
-
text-align: center;
|
433
|
-
display: block;
|
434
|
-
float: left;
|
435
|
-
width: 14.28%;
|
436
|
-
font-weight: bold;
|
437
|
-
margin: 0;
|
438
|
-
padding-top: 3.333333333333333px;
|
557
|
+
.flatpickr-day.week.selected {
|
558
|
+
border-radius: 0;
|
559
|
+
box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
|
439
560
|
}
|
440
561
|
.rangeMode .flatpickr-day {
|
441
562
|
margin-top: 1px;
|
@@ -459,6 +580,8 @@ span.flatpickr-weekday {
|
|
459
580
|
}
|
460
581
|
.flatpickr-innerContainer {
|
461
582
|
display: block;
|
583
|
+
display: -webkit-flex;
|
584
|
+
display: -ms-flexbox;
|
462
585
|
display: flex;
|
463
586
|
box-sizing: border-box;
|
464
587
|
overflow: hidden;
|
@@ -477,7 +600,8 @@ span.flatpickr-weekday {
|
|
477
600
|
max-height: 40px;
|
478
601
|
box-sizing: border-box;
|
479
602
|
overflow: hidden;
|
480
|
-
|
603
|
+
display: -webkit-flex;
|
604
|
+
display: -ms-flexbox;
|
481
605
|
display: flex;
|
482
606
|
}
|
483
607
|
.flatpickr-time:after {
|
@@ -486,7 +610,9 @@ span.flatpickr-weekday {
|
|
486
610
|
clear: both;
|
487
611
|
}
|
488
612
|
.flatpickr-time .numInputWrapper {
|
489
|
-
flex: 1;
|
613
|
+
-webkit-flex: 1;
|
614
|
+
-ms-flex: 1;
|
615
|
+
flex: 1;
|
490
616
|
width: 40%;
|
491
617
|
height: 40px;
|
492
618
|
float: left;
|
@@ -539,7 +665,10 @@ span.flatpickr-weekday {
|
|
539
665
|
color: #404848;
|
540
666
|
font-weight: bold;
|
541
667
|
width: 2%;
|
542
|
-
user-select: none;
|
668
|
+
-webkit-user-select: none;
|
669
|
+
-moz-user-select: none;
|
670
|
+
-ms-user-select: none;
|
671
|
+
user-select: none;
|
543
672
|
}
|
544
673
|
.flatpickr-time .flatpickr-am-pm {
|
545
674
|
outline: 0;
|
@@ -552,100 +681,207 @@ span.flatpickr-weekday {
|
|
552
681
|
.flatpickr-time .flatpickr-am-pm:focus {
|
553
682
|
background: #f3f3f3;
|
554
683
|
}
|
555
|
-
.hasWeeks .flatpickr-days,
|
556
|
-
.hasTime .flatpickr-days {
|
557
|
-
border-bottom: 0;
|
558
|
-
border-bottom-right-radius: 0;
|
559
|
-
border-bottom-left-radius: 0;
|
560
|
-
}
|
561
|
-
.hasWeeks .flatpickr-days {
|
562
|
-
border-left: 0;
|
563
|
-
}
|
564
|
-
@media all and (-ms-high-contrast: none) {
|
565
|
-
.flatpickr-month {
|
566
|
-
padding: 0;
|
567
|
-
}
|
568
|
-
.flatpickr-month svg {
|
569
|
-
top: 0 !important;
|
570
|
-
}
|
571
|
-
}
|
572
684
|
.flatpickr-input[readonly] {
|
573
685
|
cursor: pointer;
|
574
686
|
}
|
575
|
-
@-
|
687
|
+
@-webkit-keyframes flatpickrFadeInDown {
|
576
688
|
from {
|
577
689
|
opacity: 0;
|
578
|
-
transform: translate3d(0, -20px, 0);
|
690
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
691
|
+
transform: translate3d(0, -20px, 0);
|
579
692
|
}
|
580
693
|
to {
|
581
694
|
opacity: 1;
|
582
|
-
transform:
|
695
|
+
-webkit-transform: translate3d(0, 0, 0);
|
696
|
+
transform: translate3d(0, 0, 0);
|
583
697
|
}
|
584
698
|
}
|
585
|
-
|
699
|
+
@keyframes flatpickrFadeInDown {
|
586
700
|
from {
|
587
701
|
opacity: 0;
|
588
|
-
transform: translate3d(0, -20px, 0);
|
702
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
703
|
+
transform: translate3d(0, -20px, 0);
|
704
|
+
}
|
705
|
+
to {
|
706
|
+
opacity: 1;
|
707
|
+
-webkit-transform: translate3d(0, 0, 0);
|
708
|
+
transform: translate3d(0, 0, 0);
|
709
|
+
}
|
710
|
+
}
|
711
|
+
@-webkit-keyframes slideLeft {
|
712
|
+
from {
|
713
|
+
-webkit-transform: translate(0px, 0px);
|
714
|
+
transform: translate(0px, 0px);
|
715
|
+
}
|
716
|
+
to {
|
717
|
+
-webkit-transform: translate(-100%, 0px);
|
718
|
+
transform: translate(-100%, 0px);
|
719
|
+
}
|
720
|
+
}
|
721
|
+
@keyframes slideLeft {
|
722
|
+
from {
|
723
|
+
-webkit-transform: translate(0px, 0px);
|
724
|
+
transform: translate(0px, 0px);
|
725
|
+
}
|
726
|
+
to {
|
727
|
+
-webkit-transform: translate(-100%, 0px);
|
728
|
+
transform: translate(-100%, 0px);
|
729
|
+
}
|
730
|
+
}
|
731
|
+
@-webkit-keyframes slideLeftNew {
|
732
|
+
from {
|
733
|
+
-webkit-transform: translate(100%, 0px);
|
734
|
+
transform: translate(100%, 0px);
|
735
|
+
}
|
736
|
+
to {
|
737
|
+
-webkit-transform: translate(0px, 0px);
|
738
|
+
transform: translate(0px, 0px);
|
739
|
+
}
|
740
|
+
}
|
741
|
+
@keyframes slideLeftNew {
|
742
|
+
from {
|
743
|
+
-webkit-transform: translate(100%, 0px);
|
744
|
+
transform: translate(100%, 0px);
|
745
|
+
}
|
746
|
+
to {
|
747
|
+
-webkit-transform: translate(0px, 0px);
|
748
|
+
transform: translate(0px, 0px);
|
749
|
+
}
|
750
|
+
}
|
751
|
+
@-webkit-keyframes slideRight {
|
752
|
+
from {
|
753
|
+
-webkit-transform: translate(0, 0);
|
754
|
+
transform: translate(0, 0);
|
755
|
+
}
|
756
|
+
to {
|
757
|
+
-webkit-transform: translate(100%, 0px);
|
758
|
+
transform: translate(100%, 0px);
|
759
|
+
}
|
760
|
+
}
|
761
|
+
@keyframes slideRight {
|
762
|
+
from {
|
763
|
+
-webkit-transform: translate(0, 0);
|
764
|
+
transform: translate(0, 0);
|
589
765
|
}
|
590
766
|
to {
|
767
|
+
-webkit-transform: translate(100%, 0px);
|
768
|
+
transform: translate(100%, 0px);
|
769
|
+
}
|
770
|
+
}
|
771
|
+
@-webkit-keyframes slideRightNew {
|
772
|
+
from {
|
773
|
+
-webkit-transform: translate(-100%, 0);
|
774
|
+
transform: translate(-100%, 0);
|
775
|
+
}
|
776
|
+
to {
|
777
|
+
-webkit-transform: translate(0, 0);
|
778
|
+
transform: translate(0, 0);
|
779
|
+
}
|
780
|
+
}
|
781
|
+
@keyframes slideRightNew {
|
782
|
+
from {
|
783
|
+
-webkit-transform: translate(-100%, 0);
|
784
|
+
transform: translate(-100%, 0);
|
785
|
+
}
|
786
|
+
to {
|
787
|
+
-webkit-transform: translate(0, 0);
|
788
|
+
transform: translate(0, 0);
|
789
|
+
}
|
790
|
+
}
|
791
|
+
@-webkit-keyframes fadeOut {
|
792
|
+
from {
|
591
793
|
opacity: 1;
|
592
|
-
|
794
|
+
}
|
795
|
+
to {
|
796
|
+
opacity: 0;
|
797
|
+
}
|
798
|
+
}
|
799
|
+
@keyframes fadeOut {
|
800
|
+
from {
|
801
|
+
opacity: 1;
|
802
|
+
}
|
803
|
+
to {
|
804
|
+
opacity: 0;
|
593
805
|
}
|
594
806
|
}
|
595
|
-
@-
|
807
|
+
@-webkit-keyframes fadeIn {
|
596
808
|
from {
|
597
809
|
opacity: 0;
|
598
|
-
transform: translate3d(0, -20px, 0);
|
599
810
|
}
|
600
811
|
to {
|
601
812
|
opacity: 1;
|
602
|
-
transform: none;
|
603
813
|
}
|
604
814
|
}
|
605
|
-
@keyframes
|
815
|
+
@keyframes fadeIn {
|
606
816
|
from {
|
607
817
|
opacity: 0;
|
608
|
-
transform: translate3d(0, -20px, 0);
|
609
818
|
}
|
610
819
|
to {
|
611
820
|
opacity: 1;
|
612
|
-
transform: none;
|
613
821
|
}
|
614
822
|
}
|
615
823
|
.flatpickr-calendar {
|
616
824
|
width: 315px;
|
617
825
|
}
|
618
|
-
.
|
826
|
+
.dayContainer {
|
619
827
|
padding: 0;
|
620
828
|
border-right: 0;
|
621
829
|
}
|
622
|
-
span.flatpickr-day
|
830
|
+
span.flatpickr-day,
|
831
|
+
span.flatpickr-day.prevMonthDay,
|
832
|
+
span.flatpickr-day.nextMonthDay {
|
623
833
|
border-radius: 0 !important;
|
624
834
|
border: 1px solid #e9e9e9;
|
625
|
-
margin: -1px 0 0 -1px;
|
626
835
|
max-width: none;
|
627
|
-
|
628
|
-
width: calc(14.28571% + 1px);
|
836
|
+
border-right-color: transparent;
|
629
837
|
}
|
630
|
-
span.flatpickr-day:nth-child(
|
631
|
-
|
838
|
+
span.flatpickr-day:nth-child(n+8),
|
839
|
+
span.flatpickr-day.prevMonthDay:nth-child(n+8),
|
840
|
+
span.flatpickr-day.nextMonthDay:nth-child(n+8) {
|
841
|
+
border-top-color: transparent;
|
632
842
|
}
|
633
|
-
span.flatpickr-day:nth-child(
|
843
|
+
span.flatpickr-day:nth-child(7n-6),
|
844
|
+
span.flatpickr-day.prevMonthDay:nth-child(7n-6),
|
845
|
+
span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
|
846
|
+
border-left: 0;
|
847
|
+
}
|
848
|
+
span.flatpickr-day:nth-child(n+36),
|
849
|
+
span.flatpickr-day.prevMonthDay:nth-child(n+36),
|
850
|
+
span.flatpickr-day.nextMonthDay:nth-child(n+36) {
|
634
851
|
border-bottom: 0;
|
635
852
|
}
|
636
|
-
span.flatpickr-day
|
853
|
+
span.flatpickr-day:nth-child(-n+7),
|
854
|
+
span.flatpickr-day.prevMonthDay:nth-child(-n+7),
|
855
|
+
span.flatpickr-day.nextMonthDay:nth-child(-n+7) {
|
856
|
+
margin-top: 0;
|
857
|
+
}
|
858
|
+
span.flatpickr-day.today:not(.selected),
|
859
|
+
span.flatpickr-day.prevMonthDay.today:not(.selected),
|
860
|
+
span.flatpickr-day.nextMonthDay.today:not(.selected) {
|
637
861
|
border-color: #e9e9e9;
|
862
|
+
border-right-color: transparent;
|
863
|
+
border-top-color: transparent;
|
638
864
|
border-bottom-color: #f64747;
|
639
865
|
}
|
640
|
-
span.flatpickr-day.today:not(.selected):hover
|
641
|
-
|
866
|
+
span.flatpickr-day.today:not(.selected):hover,
|
867
|
+
span.flatpickr-day.prevMonthDay.today:not(.selected):hover,
|
868
|
+
span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
|
869
|
+
border: 1px solid #f64747;
|
642
870
|
}
|
643
871
|
span.flatpickr-day.startRange,
|
644
|
-
span.flatpickr-day.
|
872
|
+
span.flatpickr-day.prevMonthDay.startRange,
|
873
|
+
span.flatpickr-day.nextMonthDay.startRange,
|
874
|
+
span.flatpickr-day.endRange,
|
875
|
+
span.flatpickr-day.prevMonthDay.endRange,
|
876
|
+
span.flatpickr-day.nextMonthDay.endRange {
|
645
877
|
border-color: #4f99ff;
|
646
878
|
}
|
647
879
|
span.flatpickr-day.today,
|
648
|
-
span.flatpickr-day.
|
880
|
+
span.flatpickr-day.prevMonthDay.today,
|
881
|
+
span.flatpickr-day.nextMonthDay.today,
|
882
|
+
span.flatpickr-day.selected,
|
883
|
+
span.flatpickr-day.prevMonthDay.selected,
|
884
|
+
span.flatpickr-day.nextMonthDay.selected {
|
649
885
|
z-index: 2;
|
650
886
|
}
|
651
887
|
.rangeMode .flatpickr-day {
|