如何在material-ui中更改时间选择器图标颜色

import { createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({
  palette: {
    primary: {
      main: '#ff0000', // 设置主题的主要颜色
    },
  },
});

import { ThemeProvider } from '@material-ui/core/styles';

function App() {
  return (
    <ThemeProvider theme={theme}>
      {/* 应用程序的其他组件 */}
    </ThemeProvider>
  );
}

import { KeyboardTimePicker } from '@material-ui/pickers';

function MyComponent() {
  return (
    <KeyboardTimePicker
      keyboardIcon={<YourCustomIcon />} // 替换默认图标为自定义图标
    />
  );
}