如何为Material UI的DatePicker设置secondary主题色

• 核心原因：MUI X的DatePicker和基础TextField的API设计不同，顶层属性不支持直接传color和variant，需要通过配置内部输入框插槽来实现。

• 正确实现方式：使用slotProps.textField给DatePicker内部的TextField组件传递属性，这样就能和你的TextField保持样式一致：

<DatePicker
  label="Basic date picker"
  slotProps={{
    textField: {
      variant: "outlined",
      color: "secondary"
    }
  }}
/>

• 补充说明：
  • 你之前尝试的slots是用来替换整个插槽组件的（比如把默认的TextField换成自定义输入组件），而slotProps是给现有插槽组件传递属性，这才是你需要的用法。
  • 如果还需要调整日历面板的样式，可以通过slotProps.picker或者sx属性配合主题变量来配置，但如果只是和TextField保持输入框样式一致，上面的代码就足够了。

内容的提问来源于stack exchange，提问作者Ghayas Ud Din