OrionDateTable

<o-date-table> is in fact a sub-component of <o-datepicker>

It provides a way to display the calendar in order to pick a date.
However he can be used as a "standalone", to display the datas of calendar`.

It provides a convenient way to display periods with a fine management of the dates that should be excluded. See the example below.

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