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