{
  "name": "time-picker-open-on-focus-demo",
  "type": "registry:example",
  "registryDependencies": [
    "time-picker"
  ],
  "files": [
    {
      "path": "examples/time-picker-open-on-focus-demo.tsx",
      "type": "registry:example",
      "content": "import {\n  TimePicker,\n  TimePickerContent,\n  TimePickerHour,\n  TimePickerInput,\n  TimePickerInputGroup,\n  TimePickerLabel,\n  TimePickerMinute,\n  TimePickerPeriod,\n  TimePickerSeparator,\n  TimePickerTrigger,\n} from \"@/registry/bases/radix/ui/time-picker\";\n\nexport default function TimePickerOpenOnFocusDemo() {\n  return (\n    <TimePicker className=\"w-[280px]\" openOnFocus>\n      <TimePickerLabel>Meeting Time</TimePickerLabel>\n      <TimePickerInputGroup>\n        <TimePickerInput segment=\"hour\" />\n        <TimePickerSeparator />\n        <TimePickerInput segment=\"minute\" />\n        <TimePickerInput segment=\"period\" />\n        <TimePickerTrigger />\n      </TimePickerInputGroup>\n      <TimePickerContent>\n        <TimePickerHour />\n        <TimePickerMinute />\n        <TimePickerPeriod />\n      </TimePickerContent>\n    </TimePicker>\n  );\n}\n",
      "target": ""
    }
  ]
}