{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "date-range-picker-custom-validation-example",
  "title": "Date Range Picker Custom Validation",
  "description": "date-range-picker-custom-validation-example",
  "dependencies": [
    "@internationalized/date",
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/date-range-picker",
    "https://intentui.com/r/field"
  ],
  "files": [
    {
      "path": "src/components/examples/date-and-time/date-range-picker/date-range-picker-custom-validation-example.tsx",
      "content": "'use client'\n\nimport { getLocalTimeZone, today } from '@internationalized/date'\nimport { Form } from 'react-aria-components/Form'\nimport { Button } from '@/components/ui/button'\nimport { DateRangePicker, DateRangePickerTrigger } from '@/components/ui/date-range-picker'\nimport { FieldError, Label } from '@/components/ui/field'\n\nexport default function DateRangePickerCustomValidationDemo() {\n  return (\n    <Form onSubmit={(e) => e.preventDefault()}>\n      <DateRangePicker\n        validate={(range) =>\n          range?.end.compare(range.start) > 7 ? 'Maximum booking duration is 1 week.' : null\n        }\n        defaultValue={{\n          start: today(getLocalTimeZone()),\n          end: today(getLocalTimeZone()).add({ weeks: 2 }),\n        }}\n        className=\"mb-2\"\n      >\n        <Label>Room booking</Label>\n        <DateRangePickerTrigger />\n        <FieldError />\n      </DateRangePicker>\n      <Button type=\"submit\">Book Room</Button>\n    </Form>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/date-range-picker-custom-validation-example/page.tsx"
    }
  ],
  "type": "registry:page"
}