@korautils/forms/dist/BasicTimeField-LQCNOC5E.mjs.map


{"version":3,"sources":["../src/modules/core/components/shared/BasicTimeField.tsx"],"names":["BasicTimeField","label","value","onChange","jsx","DemoContainer","TimeField","val","dayjsValue","dayjs","InputAdornment","KeyboardIcon"],"mappings":"qQAce,SAARA,CAAgC,CAAA,CAAE,MAAAC,CAAO,CAAA,KAAA,CAAAC,EAAO,QAAAC,CAAAA,CAAS,EAAU,CACxE,OACEC,IAACC,aAAA,CAAA,CAAc,WAAY,CAAC,WAAW,EACrC,QAAAD,CAAAA,GAAAA,CAACE,UAAA,CACC,KAAA,CAAOL,CACP,CAAA,KAAA,CAAOC,GAAgB,IACvB,CAAA,QAAA,CAAWK,GAAQ,CACjB,IAAMC,EAAaC,CAAMF,CAAAA,CAAG,EAC5BJ,CAAS,CAAA,CAAE,OAAQ,CAAE,KAAA,CAAOK,CAAW,CAAE,CAAC,EAC5C,CACA,CAAA,IAAA,CAAK,OACL,CAAA,UAAA,CAAY,CACV,YACEJ,CAAAA,GAAAA,CAACM,eAAA,CAAe,QAAA,CAAS,MAAM,KAAM,CAAA,qBAAA,CACnC,SAAAN,GAACO,CAAAA,CAAAA,CAAA,CAAa,KAAM,CAAA,QAAA,CAAS,EAC/B,CAEJ,CAAA,CACF,EACF,CAEJ","file":"BasicTimeField-LQCNOC5E.mjs","sourcesContent":["import * as React from 'react'\nimport dayjs from 'dayjs'\n\nimport { DemoContainer } from '@mui/x-date-pickers/internals/demo'\nimport { TimeField } from '@mui/x-date-pickers/TimeField'\nimport { InputAdornment } from '@mui/material'\nimport KeyboardIcon from '@mui/icons-material/Keyboard'\n\ninterface Props {\n  label?: string\n  value?: any\n  onChange?: any\n}\n\nexport default function BasicTimeField({ label, value, onChange }: Props) {\n  return (\n    <DemoContainer components={['TimeField']}>\n      <TimeField\n        label={label}\n        value={value ? value : null}\n        onChange={(val) => {\n          const dayjsValue = dayjs(val)\n          onChange({ target: { value: dayjsValue } })\n        }}\n        size=\"small\"\n        InputProps={{\n          endAdornment: (\n            <InputAdornment position=\"end\" title=\"Entrada por teclado\">\n              <KeyboardIcon color=\"action\" />\n            </InputAdornment>\n          ),\n        }}\n      />\n    </DemoContainer>\n  )\n}\n"]}