Responsiveness on different devices when displaying two months.

[bastekpew]

Hello,
I updated DayPicker from version 7 to 8 and set it to display 2 months. It looks fine on desktop but on phones and smaller screens, the months are displayed next to each other, not below each other like in version 7. Is there a way to change this? Thank you.

[gpbl]

Yes, in v8 we removed this responsive behavior because it's better to be controlled by the developer. You can alter the behavior of the container via CSS, e.g.:

.rdp-months {
  flex-wrap: wrap;
}

https://codesandbox.io/s/rdp-flex-wrap-hgkhqj?file=/src/styles.css:161-195

See Styling DayPicker to read how to style the component.