---
title: "Week schedule"
description: "A studio's week of classes on a half-hour grid: drag a class to move it, clashes refused, a roster with check-in, and moves waiting to publish."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/week-schedule
---

# Week schedule

A studio's week of classes on a half-hour grid: drag a class to move it, clashes refused, a roster with check-in, and moves waiting to publish.

Monday to Sunday from 08:00 to 21:00, with a line every half hour and one for now. Each class is a chip with its title, time, teacher, room and how full it is; classes that overlap share their day side by side, and a narrow chip keeps to the short facts. Drag a chip by pointer or touch, or pick it up by its grip with Space and move it with the arrow keys; it snaps to the half hour and each step is announced. A slot whose room is taken shows the clash while you drag, puts the class back and says why. Move to… in the chip's popover does the same with a day and a time. The popover has the roster with a check-in switch for each person, Message class and Cancel class, which asks first. Moves and cancellations wait in a bar until Publish or Discard. The toolbar steps through weeks (or days), jumps to today, filters by room or teacher and switches Day and Week. Under 1024px it opens on the day, and Week scrolls sideways. Uses @dnd-kit/core.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/week-schedule
```

## Dependencies
- npm: lucide-react@^1.33.0, @dnd-kit/core@^6.3.1
- edbn: edbn-base, alert-dialog, avatar, button, button-group, dialog, field, item, popover, select, spinner, switch, text-link, textarea, toggle-group

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More scheduling blocks

All 5, with install commands: https://ui.edbn.me/docs/blocks/scheduling (Markdown: https://ui.edbn.me/docs/blocks/scheduling.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt