{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "date-picker-8",
  "type": "registry:component",
  "title": "DatePicker 8",
  "description": "DatePicker 8. A date picker component for selecting dates.",
  "dependencies": [],
  "registryDependencies": [
    "input",
    "label"
  ],
  "files": [
    {
      "path": "components/watermelon/date-picker-8.tsx",
      "type": "registry:component",
      "content": "\nimport { useId } from 'react';\nimport type { FC } from 'react';\nimport { Input } from '@/components/base-ui/input';\nimport { Label } from '@/components/base-ui/label';\n\nconst initialTimeValue = '10:10:00' as const;\n\nconst DatePicker8: FC = () => {\n  const id = useId();\n\n  return (\n    <div className=\"w-full max-w-xs space-y-2\">\n      <Label htmlFor={id} className=\"px-1 text-sm font-medium\">\n        Pick time\n      </Label>\n      <Input\n        type=\"time\"\n        id={id}\n        step={1}\n        defaultValue={initialTimeValue}\n        className=\"h-11 rounded-2xl border-border/60 bg-background shadow-xs appearance-none [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\"\n      />\n    </div>\n  );\n};\n\nexport default DatePicker8;\n"
    }
  ]
}