← All widgetsProductivityCalendar & Docs

Calendar View

Month/week/day event grid.

Renders events in a month/week/day grid.

type · calendar_view
A productivity surface.

How to use it

Just ask for it in chat — the agent emits this widget and the shell renders it:

Try saying
show my events this month

Example

The agent returns this A2UI component (inside the components array of a /chat response):

calendar_view.json
{
  "type": "calendar_view",
  "view": "month",
  "events": [
    {
      "title": "Design review",
      "datetime": "2026-06-18T14:00",
      "color": "0xFF007AFF"
    }
  ]
}

Properties

PropTypeDescription
events{title,datetime,color,source}[]Events to show
viewmonth|week|dayView mode
heightnumberHeight in px

Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.