{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "calendar-month",
  "type": "registry:ui",
  "title": "Calendar month",
  "description": "Month calendar grid with weekday headers and clickable day cells that highlight the selected date. A simple Tailwind base for date views and schedulers.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/calendar-month.tsx",
      "type": "registry:ui",
      "target": "components/ui/calendar-month.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nfunction CalendarMonth({ className, selected, onSelect }: { className?: string; selected?: number; onSelect?: (d: number) => void }) {\n  const days = Array.from({ length: 30 }, (_, i) => i + 1)\n  return (\n    <div data-slot=\"calendar-month\" className={cn(\"w-72 rounded-xl border border-border p-3\", className)}>\n      <div className=\"mb-2 text-sm font-medium text-fg\">September 2026</div>\n      <div className=\"grid grid-cols-7 gap-1 text-center text-xs text-fg-muted\">\n        {[\"S\", \"M\", \"T\", \"W\", \"T\", \"F\", \"S\"].map((d, i) => <div key={i} className=\"py-1\">{d}</div>)}\n        {days.map((d) => (\n          <button key={d} type=\"button\" onClick={() => onSelect?.(d)} className={cn(\"h-8 rounded-lg text-fg hover:bg-sunken\", selected === d && \"bg-accent text-on-ink hover:bg-accent\")}>{d}</button>\n        ))}\n      </div>\n    </div>\n  )\n}\nexport { CalendarMonth }\n"
    }
  ]
}