添加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' }}