{"version":3,"file":"TimePicker.cjs","sources":["../../../src/components/Picker/TimePicker.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react'\n\nimport { classNameGenerator } from './style'\n\nimport type { PickerProps } from './types'\n\ntype Props = {\n  /** フォームにエラーがあるかどうか */\n  error?: boolean\n}\n\n/** @deprecated TimePicker は非推奨です。Input[type=\"time\"] を使ってください。 */\nexport const TimePicker = forwardRef<HTMLInputElement, PickerProps<Props>>(\n  ({ disabled, error, readOnly, className, ...rest }, ref) => {\n    const classNames = useMemo(() => {\n      const { wrapper, inner } = classNameGenerator('Time')\n\n      return {\n        wrapper: wrapper({ className }),\n        inner: inner(),\n      }\n    }, [className])\n\n    return (\n      <span className={classNames.wrapper}>\n        <input\n          {...rest}\n          ref={ref}\n          type=\"time\"\n          disabled={disabled}\n          readOnly={readOnly}\n          aria-invalid={error || undefined}\n          className={classNames.inner}\n          data-smarthr-ui-input=\"true\"\n        />\n      </span>\n    )\n  },\n)\n"],"names":["forwardRef","useMemo","classNameGenerator","_jsx"],"mappings":";;;;;;AAWA;MACa,UAAU,GAAGA,gBAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACzD,IAAA,MAAM,UAAU,GAAGC,aAAO,CAAC,MAAK;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAGC,0CAAkB,CAAC,MAAM,CAAC;QAErD,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;SACf;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,QACEC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EACjCA,cAAA,CAAA,OAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,KAAK,IAAI,SAAS,EAChC,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,uBAAA,EACL,MAAM,EAAA,CAC5B,EAAA,CACG;AAEX,CAAC;;;;"}