# Calendar Schedule

A month with its events in the grid, and the picked day's agenda beside it.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/calendar-schedule
```

## Usage

```tsx
import { CalendarSchedule } from '@/components/fetaui/calendar-schedule'

export function Example() {
  return <CalendarSchedule month={month} today={today} events={events} onAdd={addEvent} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| month | Date | required |
| events | ScheduleEvent[] | required |
| today | Date |  |
| defaultSelected | Date | today |
| onAdd | (day) => void |  |
| locale | string | en-US |
| animated | boolean | true |
| className | string |  |

## When to use

- For a real schedule, not a date input.

## When not to use

- To pick one date: use Calendar.

## Accessibility

- Each day reads its date and its event count.
- The agenda is a live region.

## Motion

- The agenda rises 8 px in 400 ms, and rows stagger by 40 ms.
- With reduced motion, it appears at once.