Рабочий календарь

<script setup>
import { ref, onMounted } from 'vue'

// API (README): GET /api/calendar?token=...
// Host для токена и HTTPS→HTTP закрыты в браузере — same-origin прокси.
const CALENDAR_API = 'https://studiowest.ru/assets/teme_sw/api/calendar.php'
const TOKEN = 'eyJob3N0IjoiaHR0cHM6Ly9zdHVkaW93ZXN0LnJ1IiwiaXAiOiJodHRwczovL3N0dWRpb3dlc3QucnUiLCJ2YWxpZEZyb20iOiIyMDI2LTA3LTI1VDA5OjE5OjE2LjM3OFoiLCJ2YWxpZFRvIjoiMjAyNy0wNy0yNVQwOToxOToxNi4zNzhaIn0.hGgiCqqCewB_e6KhPO-l4AF7Kva-lJ-kfYjk6I4GT7g'

function pad(n) {
  return String(n).padStart(2, '0')
}

function todayFirstDate() {
  const d = new Date()
  return pad(d.getDate()) + '-' + pad(d.getMonth() + 1) + '-' + d.getFullYear()
}

/** Конец предыдущего месяца — даты ≤ этой блокируются */
function endOfPreviousMonth() {
  const d = new Date()
  const prev = new Date(d.getFullYear(), d.getMonth(), 0)
  return pad(prev.getDate()) + '-' + pad(prev.getMonth() + 1) + '-' + prev.getFullYear()
}

function fmtRu(iso) {
  if (!iso) return null
  const d = new Date(iso)
  if (Number.isNaN(d.getTime())) return null
  return pad(d.getDate()) + '-' + pad(d.getMonth() + 1) + '-' + d.getFullYear()
}

function dayAfterIso(iso) {
  if (!iso) return null
  const d = new Date(iso)
  if (Number.isNaN(d.getTime())) return null
  d.setDate(d.getDate() + 1)
  return pad(d.getDate()) + '-' + pad(d.getMonth() + 1) + '-' + d.getFullYear()
}

const data = ref({
  firstDate: todayFirstDate(),
  holiday: {
    holidays: [],
    preholidays: [],
    nowork: [],
    holiday: []
  }
})

const limitation = ref([
  { endDate: endOfPreviousMonth() }
])

onMounted(async () => {
  try {
    const url = CALENDAR_API + '?token=' + encodeURIComponent(TOKEN)
    const res = await fetch(url)
    if (!res.ok) {
      console.warn('calendar HTTP', res.status)
      return
    }
    const cal = await res.json()
    data.value.holiday = {
      holidays: cal.holidays || cal.weekend,
      preholidays: cal.preholidays || cal.preholiday,
      nowork: cal.nowork || [],
      holiday: cal.holidays || cal.holiday
    }
    const limits = [{ endDate: endOfPreviousMonth() }]
    const afterToken = dayAfterIso(cal.validTo)
    if (afterToken) limits.push({ startDate: afterToken })
    limitation.value = limits
  } catch (e) {
    console.warn('calendar fetch failed', e)
  }
})
</script>

<sw-date-picker
  :limitation="limitation"
  :data="data"
  range="range"
></sw-date-picker>