Intenté cambiar el selector de fecha mui a un formato diferente, pero siempre falla. este codigo me funciona

 const Step2 = ({handlechange,value: {startTime}}) => { return( <TextField fullWidth required color="success" size="small" label="Start Time" name='startTime' type="datetime-local" value={startTime || '2022-06-24T10:30' } InputLabelProps={{ shrink: true, }} margin="normal" onChange={handlechange} /> ) } export default Step2

pero cómo implementar el selector de fecha y hora de MUI para esto

 const Step2 = ({handlechange,value: {startTime}}) => { const [value, setValue] = React.useState(new Date()); return ( <LocalizationProvider dateAdapter={AdapterDateFns}> <DateTimePicker renderInput={(props) => <TextField {...props} />} label="DateTimePicker" value={value} onChange={(newValue) => { setValue(newValue); }}/> </LocalizationProvider>) } export default Step2