Soccer Field Calendar - Copy this React, Tailwind Component to your project

Create a soccer field calendar with statuses such as: empty, booked, currently occupied. And there are additional hours for users to set according to the time the user desires. I want to add the function that when clicking on a certain box, that box will let the user enter the user's name and the conbobox to select the user who wants to rent the field for practice or some event.