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.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/lib/flatpickr/version.rb +1 -1
  3. data/vendor/assets/javascripts/flatpickr.js +307 -230
  4. data/vendor/assets/javascripts/flatpickr/l10n/gr.js +31 -0
  5. data/vendor/assets/javascripts/flatpickr/l10n/nl.js +4 -4
  6. data/vendor/assets/stylesheets/flatpickr.css +4 -4
  7. data/vendor/assets/stylesheets/flatpickr/rtl/flatpickr.min.css +13 -0
  8. data/vendor/assets/stylesheets/flatpickr/rtl/themes/airbnb.rtl.css +332 -49
  9. data/vendor/assets/stylesheets/flatpickr/rtl/themes/base16_flat.rtl.css +291 -36
  10. data/vendor/assets/stylesheets/flatpickr/rtl/themes/confetti.rtl.css +294 -38
  11. data/vendor/assets/stylesheets/flatpickr/rtl/themes/dark.rtl.css +294 -39
  12. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_blue.rtl.css +301 -45
  13. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_green.rtl.css +301 -45
  14. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_orange.rtl.css +301 -45
  15. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_red.rtl.css +301 -45
  16. data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +308 -72
  17. data/vendor/assets/stylesheets/flatpickr/themes/base16_flat.css +267 -59
  18. data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +270 -61
  19. data/vendor/assets/stylesheets/flatpickr/themes/dark.css +270 -62
  20. data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +277 -68
  21. data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +277 -68
  22. data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +277 -68
  23. data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +277 -68
  24. 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: 10px;
120
- height: 16px;
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: calc(3.57% - 1.5px);
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: calc(3.57% - 1.5px);
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-days,
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
- span.flatpickr-weekday {
425
- cursor: default;
426
- font-size: 90%;
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
- transition: height 0.33s cubic-bezier(0, 1, 0.5, 1);
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
- @-moz-keyframes flatpickrFadeInDown {
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: none;
695
+ -webkit-transform: translate3d(0, 0, 0);
696
+ transform: translate3d(0, 0, 0);
583
697
  }
584
698
  }
585
- @-webkit-keyframes flatpickrFadeInDown {
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
- transform: none;
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
- @-o-keyframes flatpickrFadeInDown {
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 flatpickrFadeInDown {
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
- .flatpickr-days {
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
- flex-basis: calc(14.28571% + 1px);
628
- width: calc(14.28571% + 1px);
836
+ border-right-color: transparent;
629
837
  }
630
- span.flatpickr-day:nth-child(7n) {
631
- border-right: 0;
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(n+36) {
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.today:not(.selected) {
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
- border-color: #f64747;
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.endRange {
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.selected {
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 {