Me gustaría establecer una hora predeterminada para una hora de tipo de campo de texto de Material UI. Mi requisito es que antes de hacer clic en el selector, no se haya configurado ningún tiempo, pero al hacer clic, aparece 08:00 como la hora predeterminada para elegir.
Convierta su TextField en un componente controlado, otorgándole un value establecido en state y actualícelo onChange .
No hay accesorios de controlador de clics o enfoque para esa API , pero puede envolver el TextField con un span y establecer un controlador de clics en eso.
A partir de ahí, cree una función para actualizar el estado para que sea un valor de cadena de "08:00" si no hay ningún valor en el destino del evento. Esto le permitirá reutilizar la función para onClick y onChange con poca sobrecarga.
const [time, setTime] = useState("") const changeTime = (e) => { setTime(e.target.value || "08:00") } <span onClick={changeTime}> <TextField value={time} type="time" onChange={changeTime}/> </span>El onClick funciona debido al burbujeo de eventos . Hará clic en la entrada, pero eso se refleja en el detector de eventos del lapso. No debería haber posibilidad de hacer clic en el intervalo, porque se ajustará al contenido y la entrada se colocará sobre él.