,\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","id":"9587f046-88c6-4dec-91c9-22b0451f2d47","is_binary":false,"title":"CurrencyInput.js","sha":null,"inserted_at":"2019-09-02T22:27:54","updated_at":"2019-09-02T23:25:08","upload_id":null,"shortid":"Z6W98","source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","directory_shortid":"GXOoy"},{"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","id":"57d6ad85-db4d-43de-acee-3e6a58692c8c","is_binary":false,"title":"styles.css","sha":null,"inserted_at":"2019-09-02T22:27:54","updated_at":"2019-09-07T21:06:29","upload_id":null,"shortid":"qZyB7","source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","directory_shortid":"GXOoy"}],"like_count":16,"permissions":{"prevent_sandbox_export":false,"prevent_sandbox_leaving":false},"base_git":null,"fork_count":3655,"custom_template":null,"collection":false,"forked_from_sandbox":null,"git":null,"pr_number":null,"source_id":"fbfdcb2f-2c19-4e00-aa67-e91f874f3762","title":"React Currency Input with react-text-mask","inserted_at":"2019-09-02T22:27:54","owned":false,"description":null,"ai_consent":false,"view_count":381068,"forked_template":null,"restricted":false};