reactjs 如何使用ThemeProvider设置材料DateRangePicker的样式?

lf3rwulv  于 2023-02-22  发布在  React
关注(0)|答案(1)|浏览(132)

我正在尝试设计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>
    )
izkcnapc

izkcnapc1#

以防有人还在寻找答案。
面对同样的问题,找到了一个工作的fork
这个包既能拾取MUI ThemeProvider样式,又能正确显示禁用的日期。
安装:

npm install mui-daterange-picker

或者用Yarn

yarn add mui-daterange-picker

相关问题