{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-37",
  "type": "registry:component",
  "title": "Comp 37",
  "description": "Comp 37",
  "files": [
    {
      "path": "registry/ui-basic/comp-37.tsx",
      "content": "\"use client\";\n\nimport {\n\tDateInput,\n\tDateSegment,\n\tLabel,\n\tTimeField,\n} from \"react-aria-components\";\n\nexport default function Component() {\n\treturn (\n\t\t<TimeField className=\"not-first:*:mt-2\">\n\t\t\t<Label className=\"text-foreground text-sm font-medium\">\n\t\t\t\tTime input\n\t\t\t</Label>\n\t\t\t<DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>{\" \"}\n\t\t\t<p\n\t\t\t\tclassName=\"text-muted-foreground mt-2 text-xs\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t>\n\t\t\t\tBuilt with{\" \"}\n\t\t\t\t<a\n\t\t\t\t\tclassName=\"hover:text-foreground underline\"\n\t\t\t\t\thref=\"https://react-spectrum.adobe.com/react-aria/DateField.html\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener nofollow\"\n\t\t\t\t>\n\t\t\t\t\tReact Aria\n\t\t\t\t</a>\n\t\t\t</p>\n\t\t</TimeField>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}