Modifying width of input field in react day picker input

Question

Is it possible to change the default width of input field of DayPickerInput? If yes, then how can I achieve it? I am not sure if we can do this with overlayComponent.

Answer 1

You can use inputProps to add your props such as style to the input field. See docs: http://react-day-picker.js.org/api/DayPickerInput#inputProps

For example:

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