{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "date-picker",
  "title": "Date Picker",
  "description": "Calendar date picker primitive.",
  "dependencies": [
    "react-day-picker"
  ],
  "registryDependencies": [
    "@circle-ui/utils"
  ],
  "files": [
    {
      "path": "registry/berlin/circle-ui/date-picker.tsx",
      "content": "// Generated from packages/ui/src/components/date-picker.tsx\n\"use client\";\n\nimport * as React from \"react\";\nimport { DayPicker, type DayPickerSingleProps } from \"react-day-picker\";\nimport \"react-day-picker/dist/style.css\";\n\nimport { cn } from \"@/registry/berlin/lib/utils\";\n\nexport interface DatePickerProps\n  extends Omit<DayPickerSingleProps, \"onSelect\" | \"selected\"> {\n  id: string;\n  value?: Date;\n  onChange?: (value?: Date) => void;\n  className?: string;\n}\n\nexport function DatePicker({\n  className,\n  disabled,\n  id,\n  onChange,\n  onMonthChange,\n  value,\n  ...props\n}: DatePickerProps) {\n  return (\n    <div className={cn(\"w-full\", className)} id={id}>\n      <DayPicker\n        disabled={disabled}\n        modifiersStyles={{\n          selected: {\n            background: \"var(--foreground)\",\n            color: \"var(--background)\",\n          },\n        }}\n        onMonthChange={onMonthChange}\n        onSelect={onChange}\n        selected={value}\n        styles={{\n          day: { margin: \"auto\" },\n          head_cell: { height: \"60px\", width: \"900px\" },\n          table: { maxWidth: \"520px\" },\n        }}\n        {...props}\n      />\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/circle/ui/date-picker.tsx"
    }
  ],
  "type": "registry:ui"
}