Por defecto, el selector de fecha y hora de MUI se representa así:

 <LocalizationProvider dateAdapter={AdapterDateFns}> <DatePicker views={["month", "year"]} renderInput={(params) => <TextField {...params} />} label="Month & year" onChange={() => {}} /> </LocalizationProvider>

Quiero que se vea como una etiqueta normal cuando pierde el foco (por ejemplo, para emular el "Modo de visualización"):

Y cuando uno hace clic en él, debería verse como lo que se muestra en la primera imagen (por ejemplo, para emular el "modo de edición").

¿Cómo podemos lograr esto?

PS1: aquí está el enlace a codesandbox

PS2: ¿alguien puede decirme dónde podemos encontrar mui lab en unpkg? No pude encontrarlo aquí. Quería insertar todo el código aquí mismo como en esta respuesta.