Skip to main content

Agenda

<Agenda
  items={items}
  loadItemsForMonth={loadItems}
  rowHasChanged={rowHasChanged}
  renderItem={renderItem}
  renderEmptyDate={renderEmptyDate}
/>
TIP
This component extends the Agenda props.
APIThis is the list of additional props for the component

hideKnob
boolean
​

Whether to hide the knob

inverted
boolean
​

Whether to invert the theme colors

items
AgendaSchedule
​

the list of items that have to be displayed in agenda. If you want to render item as empty date the value of date key has to be an empty array []. If there exists no value for date key it is considered that the date in question is not yet loaded

loadItemsForMonth
(data: DateData) => void
​

Handler which gets executed when items for a certain month should be loaded (month became visible)

onCalendarToggled
(enabled: boolean) => void
​

Handler which gets executed when the calendar is opened or closed

onDayChange
(data: DateData) => void
​

Handler which gets executed when day changes while scrolling agenda list

renderEmptyData
() => JSX.Element
​

Replace default ActivityIndicator with a custom one

renderKnob
() => JSX.Element
​

Replace default agenda's knob with a custom one

selected
string
​

initially selected day

showClosingKnob
boolean
​

Whether the knob should always be visible (when hideKnob = false)

showOnlySelectedDayItems
boolean
​

Whether to show items only for the selected date