React mask input with only last 4 digits visibles

Viewed 1264

I'm trying to create a custom input to mask SSN value but I want to hide first values and only show last 4 digits.

Expected behavior:

enter image description here

What I get when I use react-input-mask:

enter image description here

My code:

<InputMask maskPlaceholder={null} mask="9999-99-9999" value={value} onChange={onChange} />
1 Answers
function masking(data){
let output=data.toString().subString(7,10);

output="XXXXXXX"+output;
return output
}
masking(1234567890);
Related