'use client';import { a as a$1 } from './chunk-UKJSEI2I.js';
import { a } from './chunk-TWGPE4V7.js';
import { ClockIcon } from '@onbeam/icons';
import { cx } from '@onbeam/styled-system/css';
import { timePicker } from '@onbeam/styled-system/recipes';
import { useRef, useImperativeHandle } from 'react';
import { jsx } from 'react/jsx-runtime';

var m=a(({inputClassName:o,...n},p)=>{let e=useRef(null);useImperativeHandle(p,()=>e.current);let c=()=>{e.current&&e.current.showPicker?.();};return jsx(a$1,{ref:e,type:"time",size:"sm",inputClassName:cx(timePicker(),o),leftAddon:jsx(ClockIcon,{height:16,width:16,onClick:c}),...n})});m.displayName="TimePicker";

export { m as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-U6TRJZMP.js.map