CreditCardNumber is built on top of Material-UI's OutlinedInput and provides an
<input> element that will format the 4 groups of digits of a credit-card number automatically for you.
This component was extended using styled() from styled-components.
This component extends Material's UI
<OutlinedInput> so you can use all its props as well. Check out its Api.
ref will be forwarded to the html root element, as well as any other props.