Non-duplicated footer

[bcalou]

Hello,
The documentation shows how to use the footer property to set a custom footer :

However, if you combine this with numberOfMonths={2}, the footer is duplicated in each table :

I think it would be very helpful to be able to set a footer that is unique to the whole component.

Thanks for this great date picker, one of the best I've tried.

[bcalou]

It's only after posting this that I realize that you could simply add whatever you want to the div containing the DayPicker component, outside of the DayPicker itself.
I'm using react-popper to make the picker appear and I somehow conviced myself that everything inside the popper was handled by DayPicker, which is false.

So, probably not the smartest suggestion ;)
(but I can't close it myself).

[gpbl]

@bcalou indeed the footer is applied to each calendar. To get only one element below, just add a wrapper around DayPicker:

<div>
  <DayPicker />
  <form>
    <input name="from">     <input name="to">
  </form>
</div>

[bcalou]

Thanks for your answer !