当我将主题从默认(白色)切换为黑色时,我必须将反应日期选择器中的弹出器(即日历)的背景颜色更改为黑色和白色字体颜色。
我尝试使用 popperClassName,但无法传递字体颜色和背景颜色,尽管我的占位符已接受给定值并在切换主题时更改其背景。我必须仅以内联方式实现样式(JSS - js/jsx 中的 css)!虽然我已经在外部尝试过占位符的样式。
<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)
})
}
}} …Run Code Online (Sandbox Code Playgroud)