mr93
mr93

Reputation: 133

React Day Picker, avoid adding modifier styles for outside days of month

I'm using react-day-picker and in here the custom modifier styles are added to outside days of month.

How can I avoid adding those styles to dates which is disabled and outside of the month?

Upvotes: 0

Views: 1101

Answers (1)

gpbl
gpbl

Reputation: 4804

You can restrict your CSS selector with :not('.DayPicker-Day--outside'), for example:

.DayPicker-Day.DayPicker-Day--thursdays:not('.DayPicker-Day--outside') {
  background: yellow;
}

Upvotes: 2

Related Questions