JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ctl">
    <span>Início:</span>
    <input type="text"/>
    <select>
        <option>inc até inc</option>
        <option>exc até inc</option>
        <option>inc até exc</option>
        <option>exc até exc</option>
    </select>
    <span>Fim:</span>
    <input type="text" />
</div>

JavaScript

var fncDoSomethingWithCtl = function ($ctl) {
    
    var $inputIni = $("input:first-child", $ctl),
        $inputFim = $("input:last-child", $ctl),
        $select = $("select", $ctl);
    
    $inputIni.css({"border-color": "#C1E0FF", 
                   "border-width":"4px", 
                   "border-style":"solid"});
    
    $inputFim.css({"border-color": "#E0C1FF", 
                   "border-width":"4px", 
                   "border-style":"solid"});
    
    $select.css({"border-color": "#C1FFE0", 
                 "border-width":"4px", 
                 "border-style":"solid"});
    
}

$(function () {
    
    var $ctlDiv = $("#ctl");
    fncDoSomethingWithCtl($ctlDiv);
    
});