{
  "name": "calendar-month-view",
  "kind": "block",
  "primary": "card-ui",
  "page": "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<card-ui>\n    <header>\n      <h3>April 2026</h3>\n    </header>\n    <section>\n      <calendar-grid-ui value=\"2026-04-15\"></calendar-grid-ui>\n    </section>\n  </card-ui>",
  "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Inline month-view calendar grid with weekday headers, day cells, and month navigation. Built on calendar-grid-ui (substrate primitive); calendar-picker-ui adds a popover trigger for form participation.",
    "keywords": [
      "calendar",
      "date",
      "picker",
      "month",
      "navigation",
      "calendar-grid-ui",
      "month-view",
      "weekday",
      "day",
      "grid",
      "schedule",
      "appointment",
      "navigate",
      "inline"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "April 2026"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text"
      ]
    },
    {
      "id": "calendar-grid",
      "component": "CalendarGrid",
      "value": "2026-04-15"
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "children": [
        "calendar-grid"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "children": [
        "header",
        "section"
      ]
    }
  ]
}