{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "calendar-sm-10",
  "type": "registry:component",
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/widget.json",
    "https://wigggle-ui.vercel.app/r/label.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/calendar/sm/calendar-10.tsx",
      "content": "import { Widget, WidgetContent } from \"@/registry/default/ui/widget\";\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  return (\n    <Widget className=\"p-0\" design=\"mumbai\">\n      <WidgetContent className=\"flex-col items-center justify-between\">\n        <div className=\"bg-destructive w-full rounded-t-3xl\">\n          <div className=\"space-y-1 p-4\">\n            <Label className=\"font-normal\">{day}</Label>\n            <Label className=\"text-4xl font-normal\">{date}</Label>\n          </div>\n        </div>\n        <div className=\"w-full space-y-2 px-4 pb-4\">\n          <Label className=\"text-muted-foreground text-base font-normal uppercase\">\n            Up Next\n          </Label>\n          <div className=\"border-destructive space-y-0.5 border-l-2 ps-2\">\n            <Label className=\"truncate text-sm font-normal\">\n              45 mins Yoga with Henil Shah\n            </Label>\n            <Label className=\"text-muted-foreground text-sm\">7:30 AM</Label>\n          </div>\n        </div>\n      </WidgetContent>\n    </Widget>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "calendar"
    ]
  }
}