JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <input type="text">
</div>

CSS

.parent {
    border: 1px solid blue;
}
.parent.focused {
    border-color: red;
}

JavaScript

$("input").focus(function(){
    $(this).parent().addClass("focused");
});
$("input").blur(function(){
    $(this).parent().removeClass("focused");
});