{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "datetime-picker-year-range",
  "title": "Datetime Year Range",
  "description": "component for the Datetime Year Range",
  "registryDependencies": [
    "datetime-picker"
  ],
  "files": [
    {
      "path": "app/registry/datetime-picker/usage/datetime-picker-year-range.tsx",
      "content": "\"use client\";\nimport React from \"react\";\nimport { DateTimePicker } from \"@/components/ui/datetime-picker\";\nimport { Label } from \"@/components/ui/label\";\n\nconst DatetimePickerYearRange = () => {\n  const [date, setDate] = React.useState<Date | undefined>(undefined);\n\n  return (\n    <div className=\"flex flex-col gap-3 lg:flex-row\">\n      <div className=\"flex w-72 flex-col gap-2\">\n        <Label>± 3 Years</Label>\n        <DateTimePicker yearRange={3} value={date} onChange={setDate} />\n      </div>\n      <div className=\"flex w-72 flex-col gap-2\">\n        <Label>± 10 Years</Label>\n        <DateTimePicker yearRange={10} value={date} onChange={setDate} />\n      </div>\n      <div className=\"flex w-72 flex-col gap-2\">\n        <Label>± 30 Years</Label>\n        <DateTimePicker yearRange={30} value={date} onChange={setDate} />\n      </div>\n    </div>\n  );\n};\n\nexport default DatetimePickerYearRange;\n",
      "type": "registry:component",
      "target": "components/spectrumui/datetime-picker-year-range.tsx"
    }
  ],
  "type": "registry:component"
}