React-dates: Data-visible false duplication

[ehtonay]

react-dates version
e.g. [email protected]

Describe the bug
Non-urgent. I apologize if this is a dumb question.

In Jest snapshots, I am seeing three instances of the same month (eg. "September 2019"). Two of these three are data-visible: false, the other is data-visible: true. When inspecting the live version in browser, I don't see any trace of these data-visible: false months.

Is there a reason for this duplication? Is this something that is likely caused by the implementation? Thank you in advance for you help.

Screenshots/Gifs

[ehtonay]

Can anyone help with this please?

[ljharb]

That depends on your snapshot tool; I don't endorse or recommend snapshot tests (they're brittle), but you could use enzyme's .debug() to see what's there?

[ehtonay]

True about the snapshot tests, but my particular concern is why DatePickerRangeController seems to render elements with [data-visible="false"] at all. I presume it's for spacing/navigation?

[ljharb]

It's done here - i believe because we render 3 months at a time, so we can smoothly move forward and back, but only the middle one is visible.

[ehtonay]

Thanks so much!! Just wanted to confirm. Sorry to bug ya.