@import './variables.scss';

.DateRangePicker__Month{
    color: $primary-text-color;
}
.DateRangePicker__MonthHeader{
    color: $primary-text-color;
}
.DateRangePicker__MonthDates{
    border-color: $primary-background-color;
}
.DateRangePicker__WeekdayHeading{
    border-color: $primary-background-color;
    color: $primary-text-color;
}
.DateRangePicker__WeekdayHeading abbr[title]{
    color: $primary-text-color;
}
.DateRangePicker__Date--is-disabled{
    color: $primary-text-color-muted;
}
.DateRangePicker__Date--weekend{
    background-color: $highlight-background-color;
}
.DateRangePicker__Date{
    border-color: $primary-background-color;
}
.DateRangePicker__Date--is-selected{
    color: $contrast-text-color;
}
.DateRangePicker__Date--is-highlighted{
    color: $primary-text-color;
}
html[data-theme="dark"] {
    .DateRangePicker__Date--is-highlighted{
        color: $contrast-text-color;
    }
}
.DateRangePicker__CalendarSelection--is-pending{
    background: $danger-color;
}
.DateRangePicker__CalendarSelection{
    background: $danger-color;
    border-color: $danger-color;
}