{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"date-field-web","type":"registry:item","title":"Date Field","description":"A segmented text input for entering and editing date parts such as month, day, and year with locale-aware formatting.","files":[{"path":"snippets/web/date-field.tsx","content":"import { DateField, Label } from \"@heroui/react\";\n\nexport function DateFieldExample() {\n  return (\n    <DateField className=\"w-[256px]\" name=\"date\">\n      <Label>Date</Label>\n      <DateField.Group>\n        <DateField.Input>{(segment) => <DateField.Segment segment={segment} />}</DateField.Input>\n      </DateField.Group>\n    </DateField>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/date-field.tsx"}],"author":"heroui","dependencies":["@heroui/react"]}