A React library without a dependency... Very simple to install and use. With only 1kb (gzip) code, IE Compatibility, it's also well accepted on mobile devices
Install npm Maskfy
npm i react-maskfy
import Maskfy from 'react-maskfy';
<Maskfy mask={'(99) 9999-99999'}>
<input id="Phone" name="Phone" />
</Maskfy>
or
<Maskfy mask={'(99) 9999-99999'}>
<TextField id="Phone" label="Phone" />
</Maskfy>
<Maskfy mask={'999.999.999,99'} reverse={true} minSize={3} defaultValue={'123'} letters={false} after={handleEvent}>
<input id="Money" name="Money" />
</Maskfy>
{String: undefined} (required) selector input
{Boolean: false} reverse typing
{Number: undefined} minimum digits
{String: undefined} initial value
{Boolean: false} allowed letters
{Function: undefined} after input event
Github | Vanilla npm | Example | @figuarnieri
The MIT License Copyright 2018 © Filipe Guarnieri