Schedule Grid - Copy this React, Tailwind Component to your project

Generate a grid for a day showing three time periods in the morning: 10:30 to 11:30, 11:30 to 12:30 and 12:30 to 13:30, and two time periods in afternoon: 16:30 to 17:30 and 17:30 to 18:30. For each time period there are three slots. Each slot has two color: yellow is is free or red if ocupaid. The ocupaid slot is readed from an mongo database