renderCustomHeader only applies to first month when using Multiple months - JavaScript react-datepicker

If you try to use Custom Headers (the renderCustomHeader prop) when using Multiple Months (monthsShown) the custom header only applies to the first month when using Multiple Months, the second displayed month does not even show a header. There does not seem to be any way to target the second month.

Screen Shot 2020-07-14 at 12 38 00 PM

Asked Oct 14 '21 00:10
avatar pn13b
pn13b

2 Answer:

This issue it is about this point: https://github.com/Hacker0x01/react-datepicker/blob/master/src/calendar.jsx#L666

They have an if, to check the index of calendar, and render just for the first.

I thought open a PR to change this line and add a new prop, to verify if I want to render a custom header for all calendars or not.

In the project I'm working on, I added a custom header and create a function to resolve the current month.

1
Answered Jul 22 '20 at 16:02
avatar  of nathpaiva
nathpaiva

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

1
Answered Jan 18 '21 at 23:56
avatar  of stale[bot]
stale[bot]