Workshop Booking Component - Copy this Angular, Tailwind Component to your project

Tôi có 1 api trả về kết quả như sau, hãy tạo trang booking lịch workshop với calendar(có mốc giờ) sử dụng dữ liệu lịch workshop từ api: [ { "id": 1, "subject": "s1", "description": "d1", "max_slot": 10, "status": 0, "date": "full", "start_hour": "2024 09 28T17:00:00.000Z", "start_minute": 9, "end_hour": 0, "end_minute": 12 }, { "id": 2, "subject": "s2", "description": "d2", "max_slot": 5, "status": 1, "date": "available", "start_hour": "2024 10 29T17:00:00.000Z", "start_minute": 15, "end_hour": 0, "end_minute": 17 }, { "id": 3, "subject": "s3", "description": "d3", "max_slot": 7, "status": 1, "date": "available", "start_hour": "2024 11 19T17:00:00.000Z", "start_minute": 7, "end_hour": 15, "end_minute": 11 } ] dữ liệu trên trả về từ apps script với url: https://script.google.com/macros/s/AKfycbyCZUAVw6kPk1ovmC4QyEvBoxD329x4S348btVgIVij2AjohFYGlo2Bw_QTSBguScPxvQ/exec