Material-UI: 如何将两个日期选择器放在同一行？

Question

我正在使用 material-ui 创建表单。

我可以在同一行显示两个 SelectField：

<SelectField floatingLabelText="Selection One" menuItems={menuItems} />
<SelectField floatingLabelText="Selection Two" menuItems={menuItems} />

或两行：

<SelectField floatingLabelText="Selection One" menuItems={menuItems} /><br />
<SelectField floatingLabelText="Selection Two" menuItems={menuItems} />

但是，以下代码会产生两行：

<DatePicker floatingLabelText="Start Date" />
<DatePicker floatingLabelText="Completion Date" />

如何在同一行显示两个 DatePickers（不使用 minDate 和 maxDate）？

Answer 1

这有点 hack，但将 DatePickers 包含在 table 中有效：

<table>
  <tbody>
    <tr>
      <td>
        <DatePicker floatingLabelText="Start Date" />
      </td>
      <td>
        <DatePicker floatingLabelText="Completion Date" />
      </td>
    </tr>
  </tbody>
</table>

Material-UI: 如何将两个日期选择器放在同一行？

Material-UI: How to put two Date Pickers on same line?

javascript

material-design

material-ui