Estoy usando MUI DateTimePicker con un campo de entrada de texto personalizado. El problema que tengo es que cuando agrego una fecha y luego vuelvo a abrir DateTimePicker, DateTimePicker está configurado en el valor predeterminado incorrecto.
Documentos: MUI DateTimePicker
Intenté codificar el valor como se muestra a continuación. Cuando vuelvo a abrir DateTimePicker, obtengo mi fecha y hora local (el selector está predeterminado a las 6:30 a. m. en lugar de a las 11:30 a. m.). ¿Hay alguna manera de anular este comportamiento? Tengo el componente con las fechas codificadas a continuación.
<div data-testid="date-time-picker"> <DateTimePicker label={label} value={"2022-08-01T11:30:00Z"} disabled={disabled} onChange={() => "2022-08-01T11:30:00Z"} renderInput={(params: TextFieldProps) => ( <TextField InputProps={params.InputProps} inputProps={{ ...params.inputProps, value }} inputRef={params.inputRef} setValue={setValue} value={value} label={label} disabled={disabled} required={required} helptext={helptext} errorMsg={errorMsg} /> )} /> </div> <LocalizationProvider dateAdapter={AdapterLuxon} adapterLocale="zu"> ... </LocalizationProvider>En realidad, mi problema se debió a que no configuré la zona horaria predeterminada en la biblioteca de Luxon que estaba usando. Para solucionarlo, agregué la línea a continuación y se arregló la zona horaria.
import { Settings } from "luxon"; ... Settings.defaultZone = "Zulu";