Workshop Booking Calendar

I have an api that returns the following result, let's build a workshop booking page with calendar (with time stamp) using workshop schedule data from api: [{"id":1,"subject":"subject1","description":"d1","max_slot":10,"remain_slot":0,"status":"full","date":"2024 09 28T17:00:00.000Z","start_hour":9,"end_hour":12},{"id":2,"subject":"s2","description":"d2","max_slot":5,"remain_slot":1,"status":"available","date":"2024 10 29T17:00:00.000Z","start_hour":15,"end_hour":17},{"id":3,"subject":"s3","description":"d3","max_slot":7,"remain_slot":1,"status":"available","date":"2024 11 19T17:00:00.000Z","start_hour":7,"end_hour":11}]