JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gauche largeur640px" style="padding: 10px 0;">
    <div class="gauche gras" style="width: 150px;">
      Lundi
    </div>
    <div class="gauche centrer" style="width: 340px;" id="tabs_01">
        <input type="hidden" name="tabs_[0][1][jour]" value="1">
		De <input type="time" name="tabs_[0][1][from_h]" id="tabs_[0][1][from_d]" 
            step="1" min="00:00" max="23:59" value="00:00" class="margeHautMoins4px"> Ă  
		<input type="time" name="tabs_[0][1][from_f]" id="tabs_[0][1][from_f]" 
            step="1" min="00:00" max="23:59" value="00:00" class="margeHautMoins4px">
	</div>
    <div class="gauche" style="margin-left: 50px;">
      <div onclick="addRow(0,1);" class="gauche contentBulle marge0_5">
        <div class="bulle">
            <div class="contentBulleFleche">
                
            </div>
          <div class="contentBulleDescription" 
                    style="font-weight: normal;font-size: 13px;">
                       Ajouter une tranche horaire.
          </div>
        </div>
                
      <img src="https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519691-199_CircledPlus-16.png" 
                width="16&quot;" height="16" alt="">
                    
      </div>
          
	  <div onclick="delRow(0,1);" class="gauche contentBulle marge0_5">
        <div class="bulle">
            <div class="contentBulleFleche">
                
            </div>
            <div class="contentBulleDescription" style="font-weight: normal;font-size: 13px;">
                Supprimer une tranche horaire.
            </div>
        </div>
          
        <img src="https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519643-144_Forbidden-16.png" 
          width="16&quot;" height="16" alt="">
	  </div>
    </div>  
</div>

JavaScript

function addRow(num_tab, num_jour) {
    $( "<div>TEST</div>" ).insertAfter( "#tabs_01" );
}