JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>

<input name="phone" class="phone" placeholder="Ваш контактный номер" required>

JavaScript

$(".phone").mask("+7(999)999-9999");