---
title: "Month calendar"
description: "A month grid with up to two event labels a day and +N for the rest, today marked, and the chosen day's agenda beside it."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/month-calendar
---

# Month calendar

A month grid with up to two event labels a day and +N for the rest, today marked, and the chosen day's agenda beside it.

Each day shows its date, up to two short event labels and +N for the rest; on a phone the labels become dots. Today is a filled date, the chosen day a filled cell, and days from the months either side stay muted but can be picked. Choosing a day lists its events under the grid (beside it, given a wider max-width, from about 670px) with start and end times, title and place, or says the day is clear. Today and the arrows move between months. The grid is one tab stop with a roving tabindex: arrow keys move by day and week, Home and End to the ends of the week, and Page Up and Page Down by month, with the agenda following. Events come from a function per month, so the sample's weekly rhythm fills any month.

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/month-calendar
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, button, card

## 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 4, 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