Estoy usando el selector de fechas Mui 5, mi problema es que si cambio la fecha usando el calendario, obtendré el resultado esperado como el ejemplo que seleccioné 26 Obtengo este "2022-01-26T09:16:10.000Z" pero cuando edito directamente en el ejemplo de campo que seleccioné 27 Obtengo este "2022-01-26T18:30:00.000Z" debido a esto, obtendré un error de validación No entiendo por qué sucede esto y después de la edición, si la fecha seleccionada vuelve a ser el calendario 26 luego, el valor final es "2022-01-25T18:30:00.000Z" para externo Estoy usando momentjs y fromik.
const [value, setValue] = React.useState(null); return ( <Box> {JSON.stringify(value)} <LocalizationProvider dateAdapter={AdapterDateFns}> <DatePicker label="Basic example" value={value} onChange={(newValue) => { setValue(newValue); }} renderInput={(params) => <TextField {...params} />} /> </LocalizationProvider> </Box> );Usando el momento, establezca el valor inicial para el inicio del día startOf .
const [value, setValue] = React.useState(moment().startOf('day'))
Fragmento de código:
export default function BasicDatePicker() { const [value, setValue] = React.useState(moment().startOf('day')); return ( <LocalizationProvider dateAdapter={AdapterMoment} > <DatePicker label="Basic example" value={value} onChange={(newValue) => { setValue(moment(newValue)); }} renderInput={(params) => <TextField {...params} />} /> </LocalizationProvider> ); }Caja de arena: aquí
EDITAR: si tiene que pasar una fecha específica, React.useState(moment('03-03-2021').startOf("day"))