Calendar widget layout issue

[fn-faisal]

New Issue Checklist

• I am not disclosing a vulnerability.
• I am not just asking a question.
• I have searched through existing issues.
• I can reproduce the issue with the latest versions of Parse Server and Parse Dashboard.

Issue Description

The calendar widget has a height set to it, which causes layout issue when the calendar is displaying a month with 31 days etc.

Steps to reproduce

1. In the Dashboard > Browser, navigate to a class that has a date type cell.
2. Click on the cell to open the widget.
3. Once the widget is open, scroll through months until you see the layout issue.

Actual Outcome

The Calendar widget has layout issues where the action footer of the calendar sometimes overlaps with the dates.

Expected Outcome

The Calendar widget should show the calendar action footer properly without overlapping with the dates.

Dashboard

• Parse Dashboard version: latest
• Browser (Safari, Chrome, Firefox, Edge, etc.): chrome
• Browser version: 97.0.4692.71

Server

• Parse Server version: latest
• Operating system: wsl-ubuntu
• Local or remote host (AWS, Azure, Google Cloud, Heroku, Digital Ocean, etc): local

Database

• System (MongoDB or Postgres): mongodb
• Database version: v3.6.3
• Local or remote host (MongoDB Atlas, mLab, AWS, Azure, Google Cloud, etc): local

[parse-github-assistant]

Thanks for opening this issue!

• ❌ Please edit your post and use the provided template when creating a new issue. This helps everyone to understand your post better and asks for essential information to quicker review the issue.