{
  "name": "calendar-presets-demo",
  "registryDependencies": [
    "calender"
  ],
  "files": [
    {
      "path": "examples/calendar-presets-demo.tsx",
      "content": "import { useState } from \"react\";\nimport { AnimatedCalendar } from \"@/registry/default/ui/calender\";\n\nexport default function CalendarPresetsDemo() {\n  const [date, setDate] = useState<Date>();\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <h3 className=\"font-medium text-sm\">Calendar with Presets</h3>\n      <AnimatedCalendar\n        mode=\"range\"\n        onChange={(val) => setDate(val as Date | undefined)}\n        showPresets\n        placeholder=\"Select a date\"\n      />\n      {date && (\n        <p className=\"text-muted-foreground text-sm\">\n          Selected: {date.toLocaleDateString()}\n        </p>\n      )}\n    </div>\n  );\n}\n",
      "type": "registry:example",
      "target": ""
    }
  ],
  "type": "registry:example"
}