Я получил следующую ошибку:
Material UI React - Модуль не найден: не удается разрешить '@ material-ui / pickers' в React.
У меня было такое же сообщение о «@ date-io / date-fns», но мне удалось решить его, обновив до последней версии: npm i --save date-fns@next @ date-io / date-fns
Подозреваю, что может понадобиться подобное решение.
Код взят из примера на сайте Material-UI.
Спасибо! Даниил
[import 'date-fns';
import React from 'react';
import Grid from '@material-ui/core/Grid';
import DateFnsUtils from '@date-io/date-fns';
import { MuiPickersUtilsProvider, KeyboardTimePicker, KeyboardDatePicker } from '@material-ui/pickers';
function MaterialUITest() {
// The first commit of Material-UI
const \[selectedDate, setSelectedDate\] = React.useState(new Date('2014-08-18T21:11:54'));
const handleDateChange = (date) => {
setSelectedDate(date);
};
return (
<MuiPickersUtilsProvider utils={DateFnsUtils}>
<Grid container justify="space-around">
<KeyboardDatePicker
disableToolbar
variant="inline"
format="MM/dd/yyyy"
margin="normal"
id="date-picker-inline"
label="Date picker inline"
value={selectedDate}
onChange={handleDateChange}
KeyboardButtonProps={{
'aria-label': 'change date',
}}
/>
<KeyboardDatePicker
margin="normal"
id="date-picker-dialog"
label="Date picker dialog"
format="MM/dd/yyyy"
value={selectedDate}
onChange={handleDateChange}
KeyboardButtonProps={{
'aria-label': 'change date',
}}
/>
<KeyboardTimePicker
margin="normal"
id="time-picker"
label="Time picker"
value={selectedDate}
onChange={handleDateChange}
KeyboardButtonProps={{
'aria-label': 'change time',
}}
/>
</Grid>
</MuiPickersUtilsProvider>
);
}
export default MaterialUITest;