Ответом с API приходит JSON с датой и временем свободных талонов. Каким образом отобразить в календаре?

Подскажите как реализовать бронь талонов на сайте онлайн. В первую очередь нужно из принятого от API JSON отобразить на странице свободное время для записи (в JSON имеет параметр "free":false и "free":true). Далее нужно реализовать передачу выбранных даты и времени в форму, к примеру в value input hidden (для последующей передачи обработчику). Ну и в случае успеха отправки формы обновить наш "календарь" без перезагрузки страницы))

Пример JSON ответа от API:

    {
  "doctors": [
    {
      "id": 27,
      "name": "Имя врача",
      "primary_spec": "Специализация",
      "primary_spec_id": "52",
      "specs": [
        {
          "id": "52",
          "name": "Кабинет"
        }
      ],
      "schedules": [
        {
          "id": "7551",
          "build_id": "1",
          "build_name": "Название клиники",
          "room": "УЗИ",
          "address": "адрес клиники",
          "kind": "0",
          "date": "24.11.2020",
          "start": "12:00",
          "end": "18:00",
          "intervals": [
            {
              "start": "12:00",
              "end": "13:00",
              "free": false
            },
            {
              "start": "13:00",
              "end": "14:00",
              "free": false
            },
            {
              "start": "14:00",
              "end": "15:00",
              "free": false
            },
            {
              "start": "15:00",
              "end": "16:00",
              "free": false
            },
            {
              "start": "16:00",
              "end": "17:00",
              "free": false
            },
            {
              "start": "17:00",
              "end": "18:00",
              "free": false
            }
          ]
        }
      ]
    }
  ]
}

start - время начала приема end - время окончания приема free - свободен ли талон (true/false)