React-dates: Configure location of Info Panel?

[Drecula]

Hi,

Might we add a config so the Info Panel could be Top, Right, Bottom, or Left versus always at the bottom?

Thanks!

[majapw]

Yes! I meant to respond to this when this was first opened, but this seems like a great idea.

[varun1101]

I intend to start on this. Just wanted to know should this appear as a separate filter in Storybook or as an manual option similar to animation etc.

[majapw]

Hi @varun1101,

I think ideally that the DateRangePicker and SingleDatePicker would take a calendarInfoPosition prop and that it would behave very similarly to the inputIconPosition prop. It would be good to add like INFO_POSITION_TOP, INFO_POSITION_BOTTOM, INFO_POSITION_LEFT, and INFO_POSITION_RIGHT to the constants file and use those as enums.

I would just add examples to https://github.com/airbnb/react-dates/blob/master/stories/DateRangePicker_calendar.js and https://github.com/airbnb/react-dates/blob/master/stories/SingleDatePicker_calendar.js in much the same way as the 'with info panel' story.

[varun1101]

Thanks @majapw for the help.

[mariepw]

Hi,
Any updates on this?
@varun1101 did you work on something? Or you want me to do the PR?
Thanks.

[varun1101]

Hi,
I did not get any time in particular to work on this and will take time if i start looking into it now. You can go ahead with it @mariepw . Thanks

[Airboy]

Hi @mariepw,

Would be nice to update the documentation about the use of this feature ;-)
calendarInfoPosition is missing within the README file. Let me know if I can help with that.
Thanks.

[mariepw]

@Airboy you're right, thanks. I'll try to make a PR to add it during the week-end :) Or you can do it if you want to ..