Styled Paper - Copy this React, Mui Component to your project

Create a timetable for users to book soccer fields, with 3 types of soccer fields, 3 booking statuses (available is white or green, booked is yellow and someone is using the field is red). And I want when clicking on a box on the timetable, a popup will appear for users to enter a name and select a category such as training, competition or event. If there is a box on the timetable in red status, users cannot do anything and a notification will appear that the field is used at this time.