Data displayReact Native

Agenda

Present chronological timed and all-day events under civil-day headings.

Public APILumenAgendaReact Native

Native example

Use Agenda

Hosts control the first selectedDay, event dataset and timezone conversion. Timed interval ends are exclusive; all-day civil endpoints are inclusive.

View captured React Native example

<LumenAgenda label="Project agenda" selectedDay={day} onSelectedDayChange={setDay} events={events} />

Reference

The primary shared and platform-specific options exposed by LumenAgenda.

API	Values or type	Default	Description
selectedDay / events	Controlled civil day / LumenAgendaEvent records	Required	Retains host ownership of stable values and callbacks.

Native behavior

Hosts control the first selectedDay, event dataset and timezone conversion. Timed interval ends are exclusive; all-day civil endpoints are inclusive.

Localized labels, native controls, selected or disabled state and safe loading/error/empty presentation.

Shared component