添加 DatePicker 后垂直显示的组件

Question

在我将 DatePickers 添加到一个简单的表单后，所有组件都垂直放置，而我更喜欢它们水平放置。是否应该设置任何参数才能使这项工作生效，或者我必须玩一下 CSS?

<MuiThemeProvider>
    <div>
        <TextField hintText="Enter text"/>
        <DatePicker hintText="Date from" container="inline" mode="landscape" />
        <DatePicker hintText="Date to" container="inline" mode="landscape" />
        <IconButton>
            <img src="img/ic_search_black_24px.svg"/>
        </IconButton>
    </div>
</MuiThemeProvider>

如有任何建议，我们将不胜感激！

Answer 1

在每个 DatePicker 上，将样式设置为：

style={{ display: 'inline-block' }}

添加 DatePicker 后垂直显示的组件

Components displayed vertically after adding DatePicker

reactjs

material-ui