Material-UI 日期选择器的图标不可见答案

【问题标题】：Material-UI date pickers' Icons are not visibleMaterial-UI 日期选择器的图标不可见
【发布时间】：2019-08-13 07:46:30
【问题描述】：

我正在为 Datepicker 组件使用 material-ui import Grid from "@material-ui/core/Grid"; 日期选择器图标未显示。

请在此处找到代码框链接：https://codesandbox.io/s/material-demo-7vzo5。

【问题讨论】：

不确定你的问题，你能说得具体点吗？
@sebastienbarbier 谢谢，已经添加了截图和问题请看一下。

标签： reactjs material-ui

【解决方案1】：

问题是你导入了 2 个不同的组件，KeyboardDatePicker 和 DatePicker

import {
  KeyboardDatePicker,
  DatePicker
} from "@material-ui/pickers";
...
<KeyboardDatePicker
          disableToolbar
          InputAdornmentProps={{ position: "start" }}
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline"
          value={selectedDate}
          onChange={handleDateChange}
          KeyboardButtonProps={{
            "aria-label": "change date"
          }}
        />
        <DatePicker
          keyboard
          InputAdornmentProps={{ position: "start" }}
          disableToolbar
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline"
          value={selectedDate}
          onChange={handleDateChange}
        />

KeyboardDatePicker 有图标。 DatePicker 没有图标。所以你需要把DatePicker改成KeyboardDatePicker

 <KeyboardDatePicker
          disableToolbar
          InputAdornmentProps={{ position: "start" }}
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline"
          value={selectedDate}
          onChange={handleDateChange}
          KeyboardButtonProps={{
            "aria-label": "change date"
          }}
        />
        <KeyboardDatePicker
          keyboard
          InputAdornmentProps={{ position: "start" }}
          disableToolbar
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline"
          value={selectedDate}
          onChange={handleDateChange}
        />

【讨论】：

感谢您的回答，但在旧版本中 { import { DatePicker } from 'material-ui-pickers';只需添加键盘道具就可以了。 codesandbox.io/s/material-ui-pickers-playground-dctkg 。顺便说一句，谢谢。
@chhitijsrivastava DatePicker 不再有 keyboard 属性。使用 KeyboardDatePicker 似乎是在当前版本中获得该功能的方法。