search

onefinestay / react-daterange-picker

Other
563 stars 209 forks source link

Today cell highlight #232

Open brave-coder9 opened 4 years ago

brave-coder9 commented 4 years ago

I would like to highlight today with another color or border.

BalajiR commented 4 years ago

@brave-merida , You can override the css classes to add styles for today cell as depicted below. styles under DateRangePicker__FullDateStates will be applied to today cell all time. styles under DateRangePicker__CalendarSelection will be applied when today cell is selected.

.DateRangePicker__Date {
    border: 0;
    &.DateRangePicker__Date--today {
        .DateRangePicker__FullDateStates {
            border-bottom: 2px solid;
        }
        .DateRangePicker__CalendarSelection {
            background-color: red;
        }
    }
}