,\r\n suffix: '',\r\n includeThousandsSeparator: true,\r\n thousandsSeparatorSymbol: ',',\r\n allowDecimal: true,\r\n decimalSymbol: '.',\r\n decimalLimit: 2, \u002F\u002F how many digits allowed after the decimal\r\n integerLimit: 7, \u002F\u002F limit length of integer numbers\r\n allowNegative: false,\r\n allowLeadingZeroes: false,\r\n}\r\n\r\nconst CurrencyInput = ({ maskOptions, ...inputProps }) =\u003E {\r\n const currencyMask = createNumberMask({\r\n ...defaultMaskOptions,\r\n ...maskOptions,\r\n })\r\n\r\n return \u003CMaskedInput mask={currencyMask} {...inputProps} \u002F\u003E\r\n}\r\n\r\nCurrencyInput.defaultProps = {\r\n inputMode: 'numeric',\r\n maskOptions: {},\r\n}\r\n\r\nCurrencyInput.propTypes = {\r\n inputmode: PropTypes.string,\r\n maskOptions: PropTypes.shape({\r\n prefix: PropTypes.string,\r\n suffix: PropTypes.string,\r\n includeThousandsSeparator: PropTypes.boolean,\r\n thousandsSeparatorSymbol: PropTypes.string,\r\n allowDecimal: PropTypes.boolean,\r\n decimalSymbol: PropTypes.string,\r\n decimalLimit: PropTypes.string,\r\n requireDecimal: PropTypes.boolean,\r\n allowNegative: PropTypes.boolean,\r\n allowLeadingZeroes: PropTypes.boolean,\r\n integerLimit: PropTypes.number,\r\n }),\r\n}\r\n\r\nexport default CurrencyInput\r\n","directory_shortid":"GXOoy","id":"9587f046-88c6-4dec-91c9-22b0451f2d47","inserted_at":"2019-09-02T22:27:54","is_binary":false,"sha":null,"shortid":"Z6W98","source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","title":"CurrencyInput.js","updated_at":"2019-09-02T23:25:08","upload_id":null},{"code":"\u002F* This is unnecessary to functionality, just for fun! *\u002F\n\n@import url('https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=IBM+Plex+Mono&display=swap');\n\nhtml,\nbody,\n#root {\n margin: 0;\n height: 100%;\n}\n\n.App {\n font-family: 'IBM Plex Mono', monospace;\n height: 100%;\n background: #3f6c51;\n color: white;\n padding: 60px 0;\n text-align: center;\n}\n\nh3 {\n margin-bottom: 30px;\n}\n\ninput {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 28px;\n padding: 8px 15px;\n border: 0;\n border-radius: 4px;\n color: #333;\n}\n","directory_shortid":"GXOoy","id":"57d6ad85-db4d-43de-acee-3e6a58692c8c","inserted_at":"2019-09-02T22:27:54","is_binary":false,"sha":null,"shortid":"qZyB7","source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","title":"styles.css","updated_at":"2019-09-07T21:06:29","upload_id":null}],"room_id":null,"description":null,"pr_number":null,"git":null,"forked_template":null,"external_resources":[],"npm_dependencies":{"react":"16.0.0","react-dom":"16.0.0"},"alias":"react-currency-input-with-react-text-mask-4es23","base_git":null,"view_count":62812,"original_git_commit_sha":null,"privacy":0,"picks":[],"directories":[{"directory_shortid":null,"id":"ba7d6592-595c-4748-94a1-63b094d6e336","inserted_at":"2019-09-02T22:27:54","shortid":"rgkK4","source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","title":"public","updated_at":"2019-04-25T20:06:36"},{"directory_shortid":null,"id":"5caaf21d-1f58-4325-bb83-a74b55267836","inserted_at":"2019-09-02T22:27:54","shortid":"GXOoy","source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","title":"src","updated_at":"2019-04-25T20:06:36"}],"title":"React Currency Input with react-text-mask","preview_secret":null,"template":"create-react-app","author":{"avatar_url":"https:\u002F\u002Favatars2.githubusercontent.com\u002Fu\u002F5567838?v=4","id":"e12220d6-9492-4f4d-bb42-349586e58ff7","name":"Nick Nish","personal_workspace_id":"53c2134b-efc7-4bcd-a5c2-a6094c8d96c4","subscription_plan":null,"subscription_since":null,"username":"nicknish"},"screenshot_url":"https:\u002F\u002Fscreenshots.codesandbox.io\u002F4es23.png","source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","always_on":false,"tags":[],"is_frozen":false,"entry":"src\u002Findex.js","forked_template_sandbox":null,"version":50,"forked_from_sandbox":{"alias":null,"custom_template":null,"git":null,"id":"v65k48xkk5","inserted_at":"2019-04-25T20:06:36","privacy":0,"template":"create-react-app","title":"React Currency Input with react-text-mask","updated_at":"2019-09-02T07:32:39"},"permissions":{"prevent_sandbox_export":false,"prevent_sandbox_leaving":false}};