Skip to main content

children

Sidebar content injected via React children prop. Typically used to mount CalendarPanel for calendar groups and a mini date picker.

Usage​

children?: React.ReactNode;

Example​

import { Calendar, CalendarPanel } from "@wx/react-calendar";

const calendars = [
    { id: "work", label: "Work" },
    { id: "home", label: "Home" },
];

<Calendar events={events}>
    <CalendarPanel calendars={calendars} />
</Calendar>
  • CalendarPanel — sidebar component most commonly placed in this slot.
  • toolbar — pair with a menuButton to toggle sidebar visibility.
  • Calendar groups — full sidebar setup with checkbox filters.