# Meeting scheduler

> Book a call: host card, calendar, time slots and confirmation.

Block · Pro · https://lodeui.com/blocks/meeting-scheduler

## When to use

- Demo booking, consultations and interviews.

## When not to use

- Internal calendars: use the week calendar.

## Installation

```bash
npx shadcn@latest add @lode/meeting-scheduler
```

Pro: needs a Lode API key and the `@lode` registry in components.json. See https://lodeui.com/docs/cli.

npm dependencies: motion, lucide-react

## Usage

```tsx title="example.tsx"
import { MeetingScheduler } from "@/components/blocks/meeting-scheduler";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <MeetingScheduler />
    </main>
  );
}
```

Built from: Calendar, Time slot picker

## API reference

### MeetingScheduler

Book a call: host card with duration choice, a calendar of open days, time slots with in-place confirm and a confirmation view. Also the default export. No props: sample data sits at the top of the file, ready to swap for your own.

No props.

## Keyboard interactions

| Keys | Action |
| --- | --- |
| Arrow keys | Move through days |
| Enter | Pick a day |
| ↑ / ↓ | Move through times |

## Accessibility

- Disabled days are marked; slots are a radio group; booking is announced.

## Motion

- Slots slide in per day; confirm grows out of the chosen time; confirmation pops in.

## Responsive behavior

- Three columns from 1024px, stacked below.

## Performance

- Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

## Notes for AI

- Fetch free/busy for the visible month and mark unavailable slots.

## Related

- [Calendar](https://lodeui.com/components/calendar) — Single-date calendar with month and year jumping, marked days and grid keyboard support.
- [Time slot picker](https://lodeui.com/components/time-slot-picker) — Bookable time slots where picking one slides out a confirm button.
- [Week calendar](https://lodeui.com/blocks/week-calendar) — A week view with calendars, a now line, and click-to-create events.