@korautils/forms
Version:
1 lines • 2.05 kB
Source Map (JSON)
{"version":3,"sources":["../src/modules/core/components/shared/BasicTimeRangeField.tsx"],"names":["BasicTimeRangeField","label","value","onChange","jsx","DemoContainer","SingleInputTimeRangeField","val","dayjsValue","dayjs","InputAdornment","KeyboardIcon"],"mappings":"ySAce,SAARA,CAAAA,CAAqC,CAAE,KAAAC,CAAAA,CAAAA,CAAO,MAAAC,CAAO,CAAA,QAAA,CAAAC,CAAS,CAAU,CAAA,CAC7E,OACEC,GAACC,CAAAA,aAAAA,CAAA,CAAc,UAAY,CAAA,CAAC,2BAA2B,CACrD,CAAA,QAAA,CAAAD,IAACE,yBAAA,CAAA,CACC,KAAOL,CAAAA,CAAAA,CACP,MAAOC,CACP,CAAA,QAAA,CAAWK,GAAa,CACtB,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":"BasicTimeRangeField-Z5WXE6SW.mjs","sourcesContent":["import * as React from 'react'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { InputAdornment } from '@mui/material'\nimport { DemoContainer } from '@mui/x-date-pickers/internals/demo'\nimport { SingleInputTimeRangeField } from '@mui/x-date-pickers-pro/SingleInputTimeRangeField'\nimport { DateRange } from '@mui/x-date-pickers-pro/models'\nimport KeyboardIcon from '@mui/icons-material/Keyboard'\n\ninterface Props {\n label?: string\n value?: DateRange<Dayjs>\n onChange: any\n}\n\nexport default function BasicTimeRangeField({ label, value, onChange }: Props) {\n return (\n <DemoContainer components={['SingleInputTimeRangeField']}>\n <SingleInputTimeRangeField\n label={label}\n value={value}\n onChange={(val: any) => {\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"]}