const selectedDates = dateList.map(x => x.value).filter(x => !!x)
        if (officeCapacity.includes(values.office) && selectedDates.length && JSON.stringify(selectedDates) !== selectedDatesGlobal) {
          fetch(`https://freshservicecounter.ringteam.com/getcapacity?office=${values.office}&dates=${JSON.stringify(selectedDates)}`)
          .then(res => {
            return res.json()
          })
          .then(res => {
            console.log(res)
            capacityDisplay.innerHTML = ""
            const office = document.createElement("div")
            office.innerHTML = `<b>Office:</b> ${res.office}`
            const limit = document.createElement("div")
            limit.innerHTML = `<b>Limit:</b> ${res.limit} visitors per day`
            limit.style.borderBottom = "1px dotted grey"
            capacityDisplay.appendChild(office)
            capacityDisplay.appendChild(limit)
            var capacityDataArray = []
            for (let date in res.capacity) {
              capacityDataArray.push({ date: date, capacity: res.capacity[date] })
            }
            capacityDataArray.sort((x,y) => { return x.date > y.date ? 1 : -1 })
            console.log(capacityDataArray)
            capacityDataArray.forEach(obj => {
              const dateElem = document.createElement("div")
              dateElem.innerHTML = `<b>${obj.date}:</b> ${obj.capacity} visitors confirmed`
              capacityDisplay.appendChild(dateElem)
            })
            capacityDisplay.hidden = false
          })
        } else {
          //capacityDisplay.innerHTML = ""
          if (!officeCapacity.includes(values.office)) capacityDisplay.hidden = true
        }
        selectedDatesGlobal = JSON.stringify(selectedDates)