{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-time-picker-2","type":"registry:block","title":"Popover picker","description":"Outline trigger in a labelled field that opens hour and minute columns with Now, Clear and OK.","dependencies":[],"registryDependencies":["field","@reui/time-picker"],"files":[{"path":"c-time-picker-2.tsx","type":"registry:block","content":"import { TimePicker } from \"@/components/reui/time-picker\"\n\nimport {\n  Field,\n  FieldDescription,\n  FieldLabel,\n} from \"@/components/ui/field\"\n\nexport function Pattern() {\n  return (\n    <div className=\"w-full max-w-xs\">\n      <Field>\n        <FieldLabel id=\"standup-time-label\" htmlFor=\"standup-time\">\n          Standup time\n        </FieldLabel>\n        {/* With no children the picker renders its own trigger and popover.\n            `aria-labelledby` keeps the value in the trigger's name, so it\n            reads \"Standup time 09:30\" rather than the label alone. */}\n        <TimePicker\n          id=\"standup-time\"\n          aria-labelledby=\"standup-time-label\"\n          aria-describedby=\"standup-time-description\"\n        />\n        <FieldDescription id=\"standup-time-description\">\n          Reminders go out 10 minutes before.\n        </FieldDescription>\n      </Field>\n    </div>\n  )\n}","target":"components/examples/c-time-picker-2.tsx"}],"meta":{"order":2,"label":"Popover"}}