DateInput Component Exceeding the Width of Screen as Page size is decreased

[snehasishj0]

When we reduce the browser width, we observe that the calendar dimensions are not responsive to the screen size on the page. As the page size is decreased, we see that the calendar is out of the screen and we are unable to select a date.

Expected Behavior

It should either decrease/Increase the calendar dimension along with the page size

Actual Behavior

URL, screen shot, or Codepen exhibiting the issue

https://codesandbox.io/p/sandbox/calendar-responsiveness-2xx68w

Your Environment

• Grommet version: 2.34.1
• Grommet Theme HPE: 5.1.1
• Browser Name and version: Google Chrome 123.0.6312.86
• Operating System and version (desktop or mobile): desktop