@korautils/forms
Version:

1 lines • 1.97 kB
Source Map (JSON)
{"version":3,"sources":["../src/modules/core/components/shared/BasicDateField.tsx"],"names":["BasicDateField","label","value","onChange","jsx","DemoContainer","DateField","val","dayjsValue","dayjs","InputAdornment","KeyboardIcon","BasicDateField_default"],"mappings":"qQAaA,IAAMA,EAAkC,CAAC,CAAE,MAAAC,CAAO,CAAA,KAAA,CAAAC,EAAO,QAAAC,CAAAA,CAAS,IAE9DC,GAACC,CAAAA,aAAAA,CAAA,CAAc,UAAY,CAAA,CAAC,WAAW,CACrC,CAAA,QAAA,CAAAD,IAACE,SAAA,CAAA,CACC,MAAOL,CACP,CAAA,KAAA,CAAOC,CAAgB,EAAA,IAAA,CACvB,SAAWK,CAAQ,EAAA,CACjB,IAAMC,CAAaC,CAAAA,CAAAA,CAAMF,CAAG,CAC5BJ,CAAAA,CAAAA,CAAS,CAAE,MAAQ,CAAA,CAAE,MAAOK,CAAW,CAAE,CAAC,EAC5C,CAAA,CACA,WAAY,CACV,YAAA,CACEJ,IAACM,cAAA,CAAA,CAAe,SAAS,KAAM,CAAA,KAAA,CAAM,sBACnC,QAAAN,CAAAA,GAAAA,CAACO,EAAA,CAAa,KAAA,CAAM,SAAS,CAC/B,CAAA,CAEJ,EACA,IAAK,CAAA,OAAA,CACL,UAAS,CACX,CAAA,CAAA,CAAA,CACF,EAIGC,CAAQZ,CAAAA","file":"BasicDateField-IXKN3MIB.mjs","sourcesContent":["import * as React from 'react'\nimport { DemoContainer } from '@mui/x-date-pickers/internals/demo'\nimport { DateField } from '@mui/x-date-pickers/DateField'\nimport dayjs from 'dayjs'\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\nconst BasicDateField: React.FC<Props> = ({ label, value, onChange }) => {\n return (\n <DemoContainer components={['DateField']}>\n <DateField\n label={label}\n value={value ? value : null}\n onChange={(val) => {\n const dayjsValue = dayjs(val)\n onChange({ target: { value: dayjsValue } })\n }}\n InputProps={{\n endAdornment: (\n <InputAdornment position=\"end\" title=\"Entrada por teclado\">\n <KeyboardIcon color=\"action\" />\n </InputAdornment>\n ),\n }}\n size=\"small\"\n fullWidth\n />\n </DemoContainer>\n )\n}\n\nexport default BasicDateField\n"]}