{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "calendar-sm-05",
  "type": "registry:component",
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/widget.json",
    "https://wigggle-ui.vercel.app/r/badge.json",
    "https://wigggle-ui.vercel.app/r/label.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/calendar/sm/calendar-05.tsx",
      "content": "import * as React from \"react\";\n\nimport {\n  Widget,\n  WidgetHeader,\n  WidgetContent,\n} from \"@/registry/default/ui/widget\";\nimport { Badge } from \"@/registry/default/ui/badge\";\nimport { Label } from \"@/registry/default/ui/label\";\n\nexport default function WidgetDemo() {\n  const now = new Date();\n\n  const day = now.toLocaleDateString(\"en-US\", { weekday: \"long\" });\n  const date = now.getDate().toString().padStart(2, \"0\");\n\n  const events = [\n    { title: \"Scrum\", time: \"9 AM\" },\n    { title: \"Design Roundup\", time: \"11 AM\" },\n  ];\n\n  return (\n    <Widget design=\"mumbai\">\n      <WidgetHeader className=\"text-destructive text-base\">{day}</WidgetHeader>\n      <WidgetContent className=\"flex-col items-start justify-start gap-2\">\n        <Label className=\"text-3xl\">{date}</Label>\n        {events.map((event, i) => (\n          <Badge\n            key={i}\n            variant=\"secondary\"\n            className=\"flex w-full items-center justify-between gap-2 px-2 py-1 text-xs\"\n          >\n            {event.title}\n            <span className=\"text-muted-foreground\">{event.time}</span>\n          </Badge>\n        ))}\n      </WidgetContent>\n    </Widget>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "calendar"
    ]
  }
}