// // flatpickr.scss // Flatpickr plugin overrides //
.flatpickr-calendar {
background-color: $input-bg; border: $input-border-width solid $input-border-color; color: $input-color; box-shadow: none; * { color: inherit !important; fill: currentColor !important; } &.arrowTop:before { border-bottom-color: $input-border-color; } &.arrowTop:after { border-bottom-color: $input-bg; } .flatpickr-months { padding-top: .625rem; padding-bottom: .625rem; } .flatpickr-prev-month, .flatpickr-next-month { top: .625rem; } .flatpickr-current-month { font-size: 115%; } .flatpickr-day { border-radius: $border-radius; &:hover { background-color: $light; border-color: $input-border-color; } } .flatpickr-day.prevMonthDay { color: $text-muted !important; } .flatpickr-day.today { border-color: $border-color; } .flatpickr-day.selected { background-color: $primary; border-color: $primary; color: $white !important; } .flatpickr-day.inRange { background-color: $light; border: none; border-radius: 0; box-shadow: -5px 0 0 $light, 5px 0 0 $light; }
}