react-day-picker - 在反应日选择器输入中修改输入字段的宽度

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，然后进行相应修改。