Responsive and/or full width?

[mikealche]

Hey there!

Thanks for this component!

I was wondering if it was possible to make it stretch to the width of the parent element?

[mikealche]

  .rdp-table {
      max-width: none;
      width: 100%;
  }

  .rdp-month {
      width: 100%;
  }

Figured it out!

[naveen1337]

But stretching calendar by that causes a some problem in date range selection

can we fix that, it appears to be some margin from flex container

[gpbl]

@naveen1337 investigate with the browser dev tools how the css classes work in DayPicker - in this case, we made the cells to have always the same width – reason of the effect above. By overriding the .rdp-* sectors in your CSS, you can change this behavior.

The original CSS is https://github.com/gpbl/react-day-picker/blob/master/packages/react-day-picker/src/style.css