Data display

CalendarView

A month of events, like a wall calendar.

Ant Design: Calendar

import { CalendarView, parseDate } from '@alea/ui';

Examples

Events by day; press one, or a day to add.

A month of events, like a wall calendar (Ant's Calendar in full mode).

Prop	Type	Default	Description
`events`required	`CalendarEvent[]`	-	The events: id, date (CalendarDate), title, optional tone.
`className`	`string`	-	Extra class names for the root element.
`defaultMonth`	`CalendarDate`	-	The month shown first. Default this month.
`maxPerDay`	`number`	`3`	Events shown per day before "+n more". Default 3.
`onDayPress`	`((date: CalendarDate) => void)`	-	Called when a day is pressed (to add an event).
`onEventPress`	`((event: CalendarEvent) => void)`	-	Called when an event is pressed.

A table with day names; days and events are buttons with full dates in their names.

Key	Does
`Tab`	Moves to the month controls and events
`Enter`	Opens an event

Don't