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
VModels
Name
vModel
Nil<Date> = undefinedrange
Nil<Orion.DateRange> = undefinedmultiple
Nil<Date[]> = undefineddayHover
Nil<Date> = undefinedProps
Name
canGoNextMonth
boolean = truecanGoPrevMonth
boolean = truedateRangeSameMonth
boolean = undefineddateSelected
Date = undefineddisableMonthAndYear
boolean = undefineddisplayWeekNumber
boolean = undefinedmaxDate
Date = undefinedminDate
Date = undefinedmonth
boolean = undefinedperiods
Orion.Period[] = undefinedrangeEnd
boolean = undefinedrangeStart
boolean = undefinedtype
Orion.DateTableType = 'date' Events
Name
Payload type
change-month
{ month: number; year: number; }select-specific
Orion.Period | PeriodDayselect-period
Orion.Period[]select-day
Orion.Period | PeriodDayPublicInstance
Name
Type
getCurrentDate
() => DategetCurrentMonth
() => numbergetCurrentYear
() => numberselectMonth
(month: number) => voidselectYear
(year: number) => void_el
() => HTMLElement | undefined