{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "date-picker",
  "type": "registry:ui",
  "title": "Date picker",
  "description": "Date picker built on the native date input, styled to match the rest of your form fields. Returns ISO date strings and supports disabled and labelled states.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/input.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/date-picker.tsx",
      "type": "registry:ui",
      "target": "components/ui/date-picker.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { inputVariants } from \"@/components/ui/input\"\n\ntype DatePickerProps = {\n  value?: string\n  onChange?: (value: string) => void\n  disabled?: boolean\n  className?: string\n  id?: string\n  \"aria-label\"?: string\n}\n\nfunction DatePicker({ value, onChange, disabled, className, id, ...a11y }: DatePickerProps) {\n  return (\n    <input\n      id={id}\n      type=\"date\"\n      data-slot=\"date-picker\"\n      disabled={disabled}\n      value={value ?? \"\"}\n      aria-label={a11y[\"aria-label\"]}\n      onChange={(e) => onChange?.(e.target.value)}\n      className={cn(inputVariants({ size: \"default\" }), \"w-44\", className)}\n    />\n  )\n}\nexport { DatePicker }\n"
    }
  ]
}