JSFiddle - React, Tailwind, and code Playground

HTML

<div class="line">
        <label class="control-label">Tipo</label>
        <select class="input-xxlarge idTipo" name="idTipo" id="idTipo" style="width: 715px !important;">
        <option value="">Selecione o Tipo</option>
        <option value="819">Faltas</option>
        <option value="60">Atrasos</option>
        <option value="69">Saída Antecipada</option>
        </select>
    </div>

<div class="line">
    <label class="control-label">Data Solicitado</label>
    <input id="dp1" class="input-small" style="width: 135px" name="data" type="date" required="required">

    <label class="control-label">Data Cadastro</label>
    <input id="dp1" class="input-small" style="width: 135px" name="data" type="date" required="required">

    <label class="control-label" style="width: 58px !important">Horários</label>
    <input id="dp1" class="input-small" name="hora_inicio" type="time" disabled>
    <input id="dp1" class="input-small" name="hora_final" type="time" disabled>
</div>

JavaScript

var inputs = $('input[name="hora_inicio"], input[name="hora_final"]');
$('#idTipo').on('change', function(){
    if (this.value == '60') inputs.removeAttr('disabled');
    else inputs.attr('disabled', 'true');
});