{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "time-picker",
  "type": "registry:ui",
  "title": "Time picker",
  "description": "React time picker built on the native time input, styled to match the other inputs, with a controlled value, onChange, disabled state and an aria-label.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/input.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/time-picker.tsx",
      "type": "registry:ui",
      "target": "components/ui/time-picker.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { inputVariants } from \"@/components/ui/input\"\n\ntype TimePickerProps = {\n  value?: string\n  onChange?: (value: string) => void\n  disabled?: boolean\n  className?: string\n  id?: string\n  \"aria-label\"?: string\n}\n\nfunction TimePicker({ value, onChange, disabled, className, id, ...a11y }: TimePickerProps) {\n  return (\n    <input\n      id={id}\n      type=\"time\"\n      data-slot=\"time-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-40\", className)}\n    />\n  )\n}\nexport { TimePicker }\n"
    }
  ]
}