{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-38",
  "type": "registry:component",
  "registryDependencies": [
    "https://coss.com/origin/r/datefield-rac.json"
  ],
  "files": [
    {
      "path": "registry/default/components/comp-38.tsx",
      "content": "\"use client\";\n\nimport { ClockIcon } from \"lucide-react\";\nimport { Label } from \"react-aria-components\";\n\nimport { DateInput, TimeField } from \"@/registry/default/ui/datefield-rac\";\n\nexport default function Component() {\n  return (\n    <TimeField className=\"*:not-first:mt-2\">\n      <Label className=\"font-medium text-foreground text-sm\">\n        Time input with start icon\n      </Label>\n      <div className=\"relative\">\n        <div className=\"pointer-events-none absolute inset-y-0 start-0 z-10 flex items-center justify-center ps-3 text-muted-foreground/80\">\n          <ClockIcon aria-hidden=\"true\" size={16} />\n        </div>\n        <DateInput className=\"ps-9\" />\n      </div>\n      <p\n        aria-live=\"polite\"\n        className=\"mt-2 text-muted-foreground text-xs\"\n        role=\"region\"\n      >\n        Built with{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://react-spectrum.adobe.com/react-aria/DateField.html\"\n          rel=\"noreferrer noopener nofollow\"\n          target=\"_blank\"\n        >\n          React Aria\n        </a>\n      </p>\n    </TimeField>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "input",
      "label",
      "date",
      "react aria"
    ]
  }
}