我正在尝试设计DateRangePicker的样式。我希望该元素显示深色模式,但它仍然显示浅色模式。
这是我正在使用的软件包:https://github.com/jungsoft/materialui-daterange-picker/issues/5
如果我试试这个叉子,它确实工作:https://github.com/nikhilgoud/materialui-daterange-picker
然而,这个软件包还有另一个问题,禁用的日期没有显示出来。
是否不可能以这种方式设置DateRangePicker的样式?或者是否有其他方式设置它的样式?
const theme = createTheme({
palette: {
// Dark Mode
mode: 'dark',
primary: {
main: "#0057FF"
},
},
});
return (
<StyledEngineProvider injectFirst>
<ThemeProvider theme={theme}>
<DateRangePicker
open={open}
toggle={() => {toggle()}}
onChange={(dateRange) => {onChange(dateRange)}}
maxDate={new Date(Date.now())}
wrapperClassName="w-max"
initialDateRange={initialDateRange}
/>
</ThemeProvider>
</StyledEngineProvider>
)
1条答案
按热度按时间izkcnapc1#
以防有人还在寻找答案。
面对同样的问题,找到了一个工作的fork。
这个包既能拾取MUI ThemeProvider样式,又能正确显示禁用的日期。
安装:
或者用Yarn