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" />

如何在同一行上顯示兩個DatePicker（不使用minDate和maxDate）？

Answer 1

這有點hack，但是將DatePickers封裝在表中是可行的：

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