如何在不渲染Input的情况下为MUI X v6 DateTimePicker添加Start Adornment

在MUI X v6中，TextField的装饰器属性层级和v5存在差异，你当前代码错误地将startAdornment放在了小写的inputProps里——正确的配置层级是大写的InputProps（对应v5中你修改的params.InputProps）。

修正后的代码： #

slotProps={{
  textField: {
    error: error,
    helperText: helperText,
    fullWidth: true,
    InputProps: { // 注意这里是大写I的InputProps
      startAdornment: (<Stack direction='row' marginRight={1}>{mapDateFieldToIcon[stopDateKey]}</Stack>),
    },
  },
}}

关键区别说明： #

• 小写的inputProps是传递给底层原生<input>元素的属性，比如placeholder、disabled这类原生输入框属性；
• 大写的InputProps是传递给MUI内部Input组件的属性，startAdornment、endAdornment这类装饰器属于这个层级的配置，和你在v5中操作的params.InputProps对应。

内容的提问来源于stack exchange，提问作者Travis