OrionDateTable

<o-date-table> est en réalité un sous composant de <o-datepicker>

Il permet d'afficher le calendrier pour la sélection de date.
Toutefois il peut être utilisé en "standalone" pour afficher les données d'un calendrier par exemple.

Il permet notamment l'affichage de périodes avec une gestion fine des dates à exclure, comme dans l'exemple ci-dessous.

Usage

DateTablePeriods DateTableMonthSwitch DateTableMultiple DateTablePlayground

Props

canGoNextMonthboolean = true

canGoPrevMonthboolean = true

dateSelectedNil<Date> = undefined

dayHoverNil<Date> = undefined

disableMonthAndYearboolean = false

displayWeekNumberboolean = false

maxDateNil<Date> = undefined

minDateNil<Date> = undefined

modelValueNil<Date> = undefined

monthboolean = false

multipleDate[] = () => []

periodsNil<Orion.Period[]> = undefined

rangeNil<Orion.DateRange> = undefined

rangeEndboolean = false

rangeStartboolean = false

typeOrion.DateTableType = 'date'

Events

update:modelValue

Nil<Date>

update:range

Nil<Orion.DateRange>

update:multiple

Nil<Date[]>

update:dayHover

Nil<Date>

change-month

{ month: number, year: number }

select-specific

Period | PeriodDay

select-period

Period[]

select-day

Period | PeriodDay

PublicInstance

getCurrentDate

() => Date

getCurrentMonth

() => number

getCurrentYear

() => number

selectMonth

(month: number) => void

selectYear

(year: number) => void

_el

(() => HTMLElement | undefined) | undefined