JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fh375286.bget.ru/mask.js"></script> 
<input type="text" id="phone">

JavaScript

$(function()
  	  {
  	    $('#phone').mask("+7 (9999) 99-99-99",
  	      {completed: function()
  	        {
  	          $(this).css({'border': '3px solid #fdc100', 'color': '#f00'});
  	        }
  	      }
  	    ).on('blur.mask', function ()
  	      {
  	        this.value == '' && $(this).css({'border': '3px solid #FF0066'});
  	      }
  	    ).on('focus.mask', function ()
  	      {
  	        this.value == '' && $(this).css({'border': ''});
  	      }
  	    );
  	  }
  	);