{
  "name": "time-picker-input-group-click-action-demo",
  "type": "registry:example",
  "registryDependencies": [
    "time-picker"
  ],
  "files": [
    {
      "path": "examples/time-picker-input-group-click-action-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 TimePickerInputGroupClickActionDemo() {\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <div className=\"flex flex-col gap-4\">\n        <TimePicker className=\"w-[280px]\">\n          <TimePickerLabel>Click empty space to focus</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      </div>\n\n      <div className=\"flex flex-col gap-4\">\n        <TimePicker className=\"w-[280px]\" inputGroupClickAction=\"open\">\n          <TimePickerLabel>Click empty space to open popover</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      </div>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}