Quiero cambiar la altura del selector de fecha y probé muchos métodos, desde sx hasta box style, y ninguno funcionó. Lo envuelvo en un componente Box para darle estilo y cuando lo inspecciono en las herramientas de desarrollo, dice que es un componente Form, lo cual tiene sentido. Pero cambiar el sx adentro tampoco hace ningún cambio. Estoy bien si el tamaño de fuente disminuye, ¿qué debo hacer a continuación para disminuir el tamaño de altura predeterminado?

código:

 <Box mt={1.6} component="form" sx={{ '& > :not(style)': { m: 1, width: '27ch', height: 48, backgroundColor: "white", borderRadius: 1, }, }} noValidate autoComplete="off" > <LocalizationProvider dateAdapter={AdapterDateFns}> <DesktopDatePicker label="Clear Date" inputFormat="MM/dd/yyyy" value={value} onChange={handleChange} renderInput={(params) => <TextField {...params} variant="standard" size="small" sx={{ px: 2, }} /> } /> </LocalizationProvider> </Box>