{"version":3,"file":"static/js/960.3e5ffe09.chunk.js","mappings":"gSAQA,MAAMA,GAAQC,EAAAA,EAAAA,KAAS,IAAM,kCACvBC,GAAaD,EAAAA,EAAAA,KAAS,IAAM,iCAErBE,EAAYC,EAAAA,GAAOC,IAAGC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,oDAKtBC,GAAiBJ,EAAAA,EAAAA,IAAOK,IAAPL,CAAgBM,IAAAA,GAAAH,EAAAA,EAAAA,GAAA,+gBAK3BI,GACbA,EAAEC,UAAWC,EAAAA,EAAAA,IAAG,qBAAHA,CAAyBF,IAAKE,EAAAA,EAAAA,IAAG,kBAAHA,CAAsBF,KAEzCG,EAAAA,EAAAA,IAAG,iBACAA,EAAAA,EAAAA,IAAG,iBAI3BH,GAAOA,EAAEI,OAAQF,EAAAA,EAAAA,IAAG,eAAHA,CAAmBF,IAAKE,EAAAA,EAAAA,IAAG,cAAHA,CAAkBF,KACtDA,GAAOA,EAAEI,OAAQF,EAAAA,EAAAA,IAAG,eAAHA,CAAmBF,IAAKE,EAAAA,EAAAA,IAAG,aAAHA,CAAiBF,KACvDG,EAAAA,EAAAA,IAAG,iBACNA,EAAAA,EAAAA,IAAG,eACAA,EAAAA,EAAAA,IAAG,mBAGLH,GAAOA,EAAEK,SAAW,cAAgB,SAG5BC,EAAAA,EAAAA,IAAG,WAEVN,GAAMA,EAAEO,yBAA2B,UAK7CC,EAAef,EAAAA,GAAOC,IAAGe,IAAAA,GAAAb,EAAAA,EAAAA,GAAA,oSAEZI,GACfA,EAAEI,OAAQF,EAAAA,EAAAA,IAAG,eAAHA,CAAmBF,IAAKE,EAAAA,EAAAA,IAAG,cAAHA,CAAkBF,KAC3BG,EAAAA,EAAAA,IAAG,iBACAA,EAAAA,EAAAA,IAAG,iBAGxBD,EAAAA,EAAAA,IAAG,cACFC,EAAAA,EAAAA,IAAG,eACEA,EAAAA,EAAAA,IAAG,eAgBdO,EAAaC,IACjB,MAAM,GACJC,EAAE,KACFC,EAAI,MACJC,EAAK,YACLC,EAAW,SACXd,EAAQ,SACRI,EAAQ,SACRW,EAAQ,aACRC,EAAY,MACZb,EAAK,YACLc,GACEP,EAEEQ,GAAUC,EAAAA,EAAAA,QAAO,MAMvB,OACEC,EAAAA,EAAAA,MAAA,OAAAC,SAAA,EACEC,EAAAA,EAAAA,KAAClC,EAAK,CAACmC,QAASZ,GAAMC,EAAMG,SAAUA,EAASM,SAC5CR,KAEHO,EAAAA,EAAAA,MAAC7B,EAAS,CAAA8B,SAAA,EACRC,EAAAA,EAAAA,KAAC1B,EAAc,IACTc,EACJc,MAAmB,IAAbpB,QAA4BqB,EAClCT,aAAcA,EACdU,WAAY,CACVf,GAAIA,GAAMC,EACVA,OACAe,IAAKT,EACLU,YAAaC,EAAAA,GACb7B,WACAI,UAA0B,IAAhBa,GAEZa,WAAYD,EAAAA,GACZE,YAAY,EACZC,eAAa,EACbC,QAzBaC,KACnBhB,EAAQiB,QAAQC,eAAe,CAAEC,SAAU,UAAW,EAyBhDvB,YAAaA,KAEfQ,EAAAA,EAAAA,KAACf,EAAY,CAACJ,MAAOA,EAAMkB,UACzBC,EAAAA,EAAAA,KAAA,KAAGgB,UAAU,sBAGjBhB,EAAAA,EAAAA,KAAChC,EAAU,CAACa,MAAOA,MACf,EAiBVM,EAAU8B,aAAe,CACvB5B,GAAI,GACJE,MAAO,GACPT,UAAU,EACVU,YAAaA,KAAM,EACnBd,UAAU,EACVe,UAAU,EACVC,kBAAcS,EACdtB,MAAO,GACPc,aAAa,GAGf,S","sources":["components/Molecules/DateInput/index.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport loadable from '@loadable/component';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport Datetime from 'react-datetime';\nimport { tc, tm, ts } from 'utils/theme';\nimport { DATE_FORMAT } from 'utils/timeProvider';\n\nconst Label = loadable(() => import('components/Atoms/Label'));\nconst FieldError = loadable(() => import('components/Atoms/FieldError'));\n\nexport const StyledDiv = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledDatetime = styled(Datetime)`\n  width: calc(100% - 34px);\n  margin-top: 5px;\n\n  input {\n    background: ${(p) =>\n      p.disabled ? tc('backgroundDisabled')(p) : tc('backgroundColor')(p)};\n    border: none;\n    border-top-left-radius: ${ts('borderRadius')};\n    border-bottom-left-radius: ${ts('borderRadius')};\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    box-shadow: 0 0 0 1px\n      ${(p) => (p.error ? tc('errorMessage')(p) : tc('borderColor')(p))} inset;\n    color: ${(p) => (p.error ? tc('errorMessage')(p) : tc('labelColor')(p))};\n    font-size: ${ts('formFontSize')};\n    height: ${ts('formHeight')};\n    padding: 0 ${ts('defaultMeasure')};\n    width: 100%;\n    -webkit-appearance: none;\n    cursor: ${(p) => (p.readOnly ? 'not-allowed' : 'text')};\n  }\n\n  @media (max-width: ${tm('tablet')}) {\n    .rdtPicker {\n      right: ${(p) => p.openAlignRightForMobile && '-34px'};\n    }\n  }\n`;\n\nconst StyledSuffix = styled.div`\n  background: #f3f3f3;\n  border-color: ${(p) =>\n    p.error ? tc('errorMessage')(p) : tc('borderColor')(p)};\n  border-top-right-radius: ${ts('borderRadius')};\n  border-bottom-right-radius: ${ts('borderRadius')};\n  border-style: solid;\n  border-width: 1px 1px 1px 0;\n  color: ${tc('iconColor')};\n  height: ${ts('formHeight')};\n  line-height: ${ts('formHeight')};\n  text-align: center;\n  width: 34px;\n  margin-top: 5px;\n`;\n\n/**\n * DateInput form element\n * @param {string} id\n * @param {string} name\n * @param {string} label\n * @param {function} isValidDate\n * @param {boolean} disabled\n * @param {boolean} required\n * @param {string} error\n */\nconst DateInput = (props) => {\n  const {\n    id,\n    name,\n    label,\n    isValidDate,\n    disabled,\n    readOnly,\n    required,\n    defaultValue,\n    error,\n    allowTyping,\n  } = props;\n\n  const inputEl = useRef(null);\n\n  const handleScroll = () => {\n    inputEl.current.scrollIntoView({ behavior: 'smooth' });\n  };\n\n  return (\n    <div>\n      <Label htmlFor={id || name} required={required}>\n        {label}\n      </Label>\n      <StyledDiv>\n        <StyledDatetime\n          {...props}\n          open={readOnly === true ? false : undefined}\n          defaultValue={defaultValue}\n          inputProps={{\n            id: id || name,\n            name,\n            ref: inputEl,\n            placeholder: DATE_FORMAT,\n            disabled,\n            readOnly: allowTyping === false,\n          }}\n          dateFormat={DATE_FORMAT}\n          timeFormat={false}\n          closeOnSelect\n          onFocus={handleScroll}\n          isValidDate={isValidDate}\n        />\n        <StyledSuffix error={error}>\n          <i className=\"et-calendar\" />\n        </StyledSuffix>\n      </StyledDiv>\n      <FieldError error={error} />\n    </div>\n  );\n};\n\nDateInput.propTypes = {\n  id: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  readOnly: PropTypes.bool,\n  label: PropTypes.string,\n  isValidDate: PropTypes.func,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  defaultValue: PropTypes.string,\n  error: PropTypes.string,\n  allowTyping: PropTypes.bool,\n};\n\nDateInput.defaultProps = {\n  id: '',\n  label: '',\n  readOnly: false,\n  isValidDate: () => true, // every date is valid\n  disabled: false,\n  required: false,\n  defaultValue: undefined,\n  error: '',\n  allowTyping: false,\n};\n\nexport default DateInput;\n"],"names":["Label","loadable","FieldError","StyledDiv","styled","div","_templateObject","_taggedTemplateLiteral","StyledDatetime","Datetime","_templateObject2","p","disabled","tc","ts","error","readOnly","tm","openAlignRightForMobile","StyledSuffix","_templateObject3","DateInput","props","id","name","label","isValidDate","required","defaultValue","allowTyping","inputEl","useRef","_jsxs","children","_jsx","htmlFor","open","undefined","inputProps","ref","placeholder","DATE_FORMAT","dateFormat","timeFormat","closeOnSelect","onFocus","handleScroll","current","scrollIntoView","behavior","className","defaultProps"],"sourceRoot":""}