@korautils/forms/dist/BasicDateRangePicker-XNWRPMEV.mjs.map


{"version":3,"sources":["../src/modules/core/components/shared/BasicDateRangePicker.tsx"],"names":["BasicDateRangePicker","label","value","onChange","interval","jsx","DemoContainer","DateRangePicker","SingleInputDateRangeField","newValue","InputAdornment","IconButton","InsertInvitationIcon"],"mappings":"qYAee,SAARA,CAAAA,CAAsC,CAC3C,KAAAC,CAAAA,CAAAA,CACA,KAAAC,CAAAA,CAAAA,CACA,SAAAC,CACF,CAAA,CAAU,CACR,OAAM,CAAU,CAAA,SAAA,CAAA,IAAM,CACpB,IAAMC,EAAW,WAAY,CAAA,IAAM,CACjC,OAAA,CAAQ,QACV,CAAA,CAAG,EAAE,CAAA,CAGL,WAAW,IAAM,CACf,aAAcA,CAAAA,CAAQ,EACxB,CAAG,CAAA,GAAI,EACT,CAAA,CAAG,EAAGF,CAAK,CAAC,CAAA,CAGVG,IAACC,aAAA,CAAA,CAAc,UAAY,CAAA,CAAC,2BAA2B,CACrD,CAAA,QAAA,CAAAD,GAACE,CAAAA,eAAAA,CAAA,CACC,KAAA,CAAON,CACP,CAAA,KAAA,CAAO,CAAE,KAAOO,CAAAA,yBAA0B,CAC1C,CAAA,KAAA,CAAON,GAAgB,KACvB,CAAA,CAAA,QAAA,CAAWO,CAAkB,EAAA,CACvB,MAAM,OAAQA,CAAAA,CAAQ,CAAKA,EAAAA,CAAAA,CAAS,SAAW,CACjDN,CAAAA,CAAAA,CAAS,CAAE,MAAA,CAAQ,CAAE,KAAOM,CAAAA,CAAS,CAAE,CAAC,EAExC,OAAQ,CAAA,KAAA,CAAM,gBAAkBA,CAAAA,CAAQ,EAE5C,CACA,CAAA,SAAA,CAAW,CACT,SAAA,CAAW,CACT,IAAA,CAAM,OACN,CAAA,SAAA,CAAW,GACX,UAAY,CAAA,CACV,YACEJ,CAAAA,GAAAA,CAACK,eAAA,CAAe,QAAA,CAAS,KACvB,CAAA,QAAA,CAAAL,IAACM,UAAA,CAAA,CAAW,KAAO,CAAA,CAAE,YAAa,CAAI,EAAA,CAAA,CACpC,QAAAN,CAAAA,GAAAA,CAACO,EAAA,EAAqB,CAAA,CACxB,CACF,CAAA,CAEJ,CACF,CACF,CAAA,CACA,IAAK,CAAA,cAAA,CACP,EACF,CAEJ","file":"BasicDateRangePicker-XNWRPMEV.mjs","sourcesContent":["import * as React from 'react'\nimport { Dayjs } from 'dayjs'\nimport { DemoContainer } from '@mui/x-date-pickers/internals/demo'\nimport { DateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker'\nimport { SingleInputDateRangeField } from '@mui/x-date-pickers-pro/SingleInputDateRangeField'\nimport { IconButton, InputAdornment } from '@mui/material'\nimport InsertInvitationIcon from '@mui/icons-material/InsertInvitation'\nimport { DateRange } from '@mui/x-date-pickers-pro/models'\n\ninterface Props {\n  label?: string\n  value?: DateRange<Dayjs>\n  onChange: any\n}\n\nexport default function BasicDateRangePicker({\n  label,\n  value,\n  onChange,\n}: Props) {\n  React.useEffect(() => {\n    const interval = setInterval(() => {\n      console.clear()\n    }, 10)\n\n    // Detener el intervalo después de 2 segundos\n    setTimeout(() => {\n      clearInterval(interval)\n    }, 1000)\n  }, [, value])\n\n  return (\n    <DemoContainer components={['SingleInputDateRangeField']}>\n      <DateRangePicker\n        label={label}\n        slots={{ field: SingleInputDateRangeField }}\n        value={value ? value : undefined}\n        onChange={(newValue: any) => {\n          if (Array.isArray(newValue) && newValue.length === 2) {\n            onChange({ target: { value: newValue } })\n          } else {\n            console.error('Invalid value:', newValue)\n          }\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        name='allowedRange'\n      />\n    </DemoContainer>\n  )\n}\n"]}