@korautils/forms/dist/BasicTimePickerField-XZ6DOOVD.mjs.map


{"version":3,"sources":["../src/modules/core/components/shared/BasicTimePickerField.tsx"],"names":["ResponsiveTimePickers","label","value","onChange","jsx","DemoContainer","DemoItem","TimePicker","val","dayjsValue","dayjs"],"mappings":"yLAMe,SAARA,CAAuC,CAAA,CAC5C,KAAAC,CAAAA,CAAAA,CACA,MAAAC,CACA,CAAA,QAAA,CAAAC,CACF,CAAA,CAAc,CACZ,OACEC,GAAAA,CAACC,aAAA,CAAA,CAAc,WAAY,CAAC,YAAY,EACtC,QAAAD,CAAAA,GAAAA,CAACE,SAAA,CACC,QAAA,CAAAF,GAACG,CAAAA,UAAAA,CAAA,CACC,KAAON,CAAAA,CAAAA,CACP,KAAOC,CAAAA,CAAAA,EAAgB,KACvB,QAAWM,CAAAA,CAAAA,EAAQ,CACjB,IAAMC,EAAaC,CAAMF,CAAAA,CAAG,EAC5BL,CAAS,CAAA,CAAE,OAAQ,CAAE,KAAA,CAAOM,CAAW,CAAE,CAAC,EAC5C,CAAA,CACA,SAAW,CAAA,CAAE,UAAW,CAAE,IAAA,CAAM,OAAS,CAAA,SAAA,CAAW,EAAK,CAAE,CAAA,CAC3D,UAAU,aACZ,CAAA,CAAA,CACF,EACF,CAEJ","file":"BasicTimePickerField-XZ6DOOVD.mjs","sourcesContent":["import * as React from 'react'\nimport dayjs from 'dayjs'\nimport { TimePicker } from '@mui/x-date-pickers/TimePicker'\nimport { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo'\nimport { DateProps } from '@/modules/core/components/shared/types'\n\nexport default function ResponsiveTimePickers({\n  label,\n  value,\n  onChange,\n}: DateProps) {\n  return (\n    <DemoContainer components={['TimePicker']}>\n      <DemoItem>\n        <TimePicker\n          label={label}\n          value={value ? value : null}\n          onChange={(val) => {\n            const dayjsValue = dayjs(val)\n            onChange({ target: { value: dayjsValue } })\n          }}\n          slotProps={{ textField: { size: 'small', fullWidth: true } }}\n          className='time-picker'\n        />\n      </DemoItem>\n    </DemoContainer>\n  )\n}\n"]}