I just open sourced a currency masker for React!
Check it out:
It takes a normal number input, and converts the last two digits into cents.
Using the mask makes number inputting faster, since a user only has to input digits, not dots too. It works great on mobile, with pattern="\d*", which launches the numeric keypad. Bigger numbers means less typing errors.
I just added it into Farely. The speed and accuracy on a numeric keypad will keep the impatient and the creeps at bay when you're trying to refill your metrocard.
Source code is on Github.
And it's published to npm!
npm install react-currency-masked-input!