View Dates

Показує відформатовані діапазони дат: окремі дати, діапазони та позначку «Present» (дотепер).

Живе демо

vue

<template>
  <orio-view-dates :dates="{ startDate: '2024-03-15' }" />
</template>

vue

<template>
  <orio-view-dates :dates="{ startDate: '2022-01-01', endDate: '2024-06-30' }" />
</template>

Передайте null в endDate, щоб показати «Present»:

vue

<template>
  <orio-view-dates :dates="{ startDate: '2023-05-01', endDate: null }" />
</template>

Проп month показує лише місяць і рік:

vue

<template>
  <orio-view-dates :dates="dates" month />
</template>

Проп	Тип	За замовчуванням	Опис
`dates`	`ResumeDate`	обов'язковий	Об'єкт дати зі startDate і необов'язковим endDate
`month`	`boolean`	`false`	Показувати лише місяць/рік замість повної дати
`size`	`'small' \| 'medium' \| 'large'`	`'small'`	Розмір тексту
`type`	`'text' \| 'title' \| 'subtitle' \| 'italics'`	`'italics'`	Стиль тексту

interface ResumeDate {
  startDate: string;
  endDate?: string | null; // undefined = single date, null = "Present"
}