Материал для выбора даты и времени в пользовательском интерфейсе

Question

Средства выбора даты в пользовательском интерфейсе материалов используют тему по умолчанию вместо моей настраиваемой темы. Как исправить это и сделать так, чтобы средство выбора использовало мою настраиваемую тему вместо темы по умолчанию.

Песочница кода код

Answer 1

Пожалуйста, укажите в вопросе все, что вы пробовали. В любом случае, вы можете определить свою собственную тему в файле index. js.

const theme = createMuiTheme({
    palette: {
        primary: {
            main: "#008080"
        },
        secondary: {
            main: '#4caf50',
        },

    }
})

ReactDOM.render(
        <MuiThemeProvider theme={theme}>
            <App />
        </MuiThemeProvider>,
    document.getElementById('root')
);

Теперь он выберет тему, которая у вас здесь.

Вот точный код, который работает как я уже сказал.

<MuiPickersUtilsProvider
  libInstance={moment}
  utils={MomentUtils}>
  <KeyboardDateTimePicker
     autoOk
     fullWidth
     size="small"
     animateYearScrolling
     inputVariant="outlined"
     value={start_time}
     keyboardIcon={<DateRangeIcon color="secondary" />}
     placeholder={showStartTime ? "" : "Test not scheduled"}
     onChange={handleDateChange} />
</MuiPickersUtilsProvider>