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 DateTableHorizontal DateTablePlayground

VModels

vModelNil<Date> = undefined

rangeNil<Orion.DateRange> = undefined

multipleNil<Date[]> = undefined

dayHoverNil<Date> = undefined

Props

canGoNextMonthboolean = undefined

canGoPrevMonthboolean = undefined

dateRangeSameMonthboolean = undefined

dateSelectedDate = undefined

disableMonthAndYearboolean = undefined

displayWeekNumberboolean = undefined

endDateDate = undefined

hideMonthNavigationboolean = undefined

horizontalboolean = undefined

markersOrion.DateTable.Marker[] = undefined

maxDateDate = undefined

minDateDate = undefined

monthboolean = undefined

periodsOrion.Period[] = undefined

rangeEndboolean = undefined

rangeStartboolean = undefined

startDateDate = undefined

typeOrion.DateTable.Type = undefined

Events

change-month

{ month: number; year: number; }

select-specific

Orion.Period | PeriodDay

select-period

Orion.Period[]

select-day

Orion.Period | PeriodDay

PublicInstance

getCurrentDate

() => Date

getCurrentMonth

() => number

getCurrentYear

() => number

switchPeriod

(numberOfperiod: number) => void

selectMonth

(month: number) => void

selectYear

(year: number) => void

_el

() => HTMLElement | undefined