修改反应日选择器输入中输入字段的宽度

Question

是否可以更改DayPickerInput的输入字段的默认宽度？如果是，那我该如何实现呢？我不确定我们是否可以使用overlayComponent执行此操作。

Answer 1

您可以使用inputProps将样式等道具添加到input字段。请参阅文档：http://react-day-picker.js.org/api/DayPickerInput#inputProps

例如：

<DayPickerInput inputProps={{ style: { width: 200 } }} />

Answer 2

您可以通过编写自己的样式来完成，但首先检查日期选择器的样式表 - react-day-picker / lib / style.css然后相应地进行修改。