@korautils/forms/dist/BasicTimePickerModalField-LPZ5OPHK.mjs.map


{"version":3,"sources":["../src/modules/core/components/shared/BasicTimePickerModalField.tsx"],"names":["ResponsiveTimePickers","label","value","onChange","jsx","DemoContainer","DemoItem","MobileTimePicker","val","dayjsValue","dayjs","InputAdornment","IconButton","InsertInvitationIcon"],"mappings":"+SAQe,SAARA,CAAuC,CAAA,CAC5C,MAAAC,CACA,CAAA,KAAA,CAAAC,CACA,CAAA,QAAA,CAAAC,CACF,CAAA,CAAc,CACZ,OACEC,GAAAA,CAACC,aAAA,CAAA,CAAc,UAAY,CAAA,CAAC,kBAAkB,CAC5C,CAAA,QAAA,CAAAD,GAACE,CAAAA,QAAAA,CAAA,CACC,QAAA,CAAAF,GAACG,CAAAA,gBAAAA,CAAA,CACC,KAAA,CAAON,CACP,CAAA,KAAA,CAAOC,CAAgB,EAAA,IAAA,CACvB,SAAWM,CAAQ,EAAA,CACjB,IAAMC,CAAAA,CAAaC,CAAMF,CAAAA,CAAG,EAC5BL,CAAS,CAAA,CAAE,MAAQ,CAAA,CAAE,KAAOM,CAAAA,CAAW,CAAE,CAAC,EAC5C,CACA,CAAA,SAAA,CAAW,CACT,SAAA,CAAW,CACT,IAAA,CAAM,OACN,CAAA,SAAA,CAAW,CACX,CAAA,CAAA,UAAA,CAAY,CACV,YAAA,CACEL,IAACO,cAAA,CAAA,CAAe,QAAS,CAAA,KAAA,CACvB,QAAAP,CAAAA,GAAAA,CAACQ,UAAA,CAAA,CAAW,KAAO,CAAA,CAAE,WAAa,CAAA,CAAA,EAAI,CACpC,CAAA,QAAA,CAAAR,IAACS,CAAA,CAAA,EAAqB,CACxB,CAAA,CAAA,CACF,CAEJ,CACF,CACF,CAAA,CACA,SAAU,CAAA,aAAA,CACZ,CACF,CAAA,CAAA,CACF,CAEJ","file":"BasicTimePickerModalField-LPZ5OPHK.mjs","sourcesContent":["import * as React from 'react'\nimport dayjs from 'dayjs'\nimport { DemoContainer, DemoItem } from '@mui/x-date-pickers/internals/demo'\nimport { MobileTimePicker } from '@mui/x-date-pickers/MobileTimePicker'\nimport { DateProps } from '@/modules/core/components/shared/types'\nimport { IconButton, InputAdornment } from '@mui/material'\nimport InsertInvitationIcon from '@mui/icons-material/InsertInvitation'\n\nexport default function ResponsiveTimePickers({\n  label,\n  value,\n  onChange,\n}: DateProps) {\n  return (\n    <DemoContainer components={['MobileTimePicker']}>\n      <DemoItem>\n        <MobileTimePicker\n          label={label}\n          value={value ? value : null}\n          onChange={(val) => {\n            const dayjsValue = dayjs(val)\n            onChange({ target: { value: dayjsValue } })\n          }}\n          slotProps={{\n            textField: {\n              size: 'small',\n              fullWidth: true,\n              InputProps: {\n                endAdornment: (\n                  <InputAdornment position='end'>\n                    <IconButton style={{ marginRight: -12 }}>\n                      <InsertInvitationIcon />\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            },\n          }}\n          className='time-picker'\n        />\n      </DemoItem>\n    </DemoContainer>\n  )\n}\n"]}