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 DateTableHorizontal DateTablePlayground
VModels
Name
vModel
Nil<Date> = undefinedrange
Nil<Orion.DateRange> = undefinedmultiple
Nil<Date[]> = undefineddayHover
Nil<Date> = undefinedProps
Name
canGoNextMonth
boolean = undefinedcanGoPrevMonth
boolean = undefineddateRangeSameMonth
boolean = undefineddateSelected
Date = undefineddisableMonthAndYear
boolean = undefineddisplayWeekNumber
boolean = undefinedendDate
Date = undefinedhideMonthNavigation
boolean = undefinedhorizontal
boolean = undefinedmarkers
Orion.DateTable.Marker[] = undefinedmaxDate
Date = undefinedminDate
Date = undefinedmonth
boolean = undefinedperiods
Orion.Period[] = undefinedrangeEnd
boolean = undefinedrangeStart
boolean = undefinedstartDate
Date = undefinedtype
Orion.DateTable.Type = undefinedEvents
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
() => numberswitchPeriod
(numberOfperiod: number) => voidselectMonth
(month: number) => voidselectYear
(year: number) => void_el
() => HTMLElement | undefined