Мне нужно изменить цвет фона поппера (который является каландром) в моем реагирующем датчике на черный с белым цветом шрифта, когда я переключаю тему со стандартного (белого) на черный.
IЯ пытался использовать popperClassName, но не смог передать цвет шрифта и цвет фона, хотя мой заполнитель принял заданные значения и изменил его фон при переключении темы.Мне нужно достичь стиля встроенных (JSS - CSS в JS / JSX) только!хотя я пробовал внешнее оформление заполнителя.
<DatePicker
selected={startDate}
dateFormat={DATE_FORMAT}
showMonthDropdown
showYearDropdown
isClearable
todayButton="Today"
popperClassName={{ color: fontColor, background }}
placeholderText="Click to select date"
className={background === '#303030' ? 'placeholderTable' : ''}
onChange={(date) => {
date = moment(date).format(DATE_FORMAT)
if (date === 'Invalid date') {
// this means that the user deleted the date
// this.setState({ start_date: undefined })
this.handleChange({ start_date: undefined, temp_end_date: undefined })
} else {
// this.setState({ start_date: date })
this.handleChange({
start_date: date,
temp_end_date: moment(date, DATE_FORMAT).add(1, 'year').format(DATE_FORMAT)
})
}
}}
/>
Я ожидаю, что каким-то образом можно изменить оформление для popper с помощью popperClassName или любым другим способом.