JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont_occupant">
                        <h3 class="header_cont_occupant">
                            <div class="titre_occupant">occupants de votre hébergement</div>
                            <div class="supprimer_occupant"><a class="suppr_person" href="#" title="Cliquez pour supprimer un occupant">sup</a></div>
                            <div class="ajouter_occupant"><a class="ajout_person" href="#" title="Cliquez pour ajouter un occupant">ajo</a></div>
                        </h3>
                        <div class="middle_cont_occupant">
                            <div class="bloc_occupant">
                                <div class="header_bloc_occupant">
                                    <h3 class="num_occupant">occupant</h3>
                                </div><!--fin header_bloc_occupant--> 
                                <div class="milieu_bloc_occupant">
                                    <label class="nom_occupant">Nom</label>
                                    <input name="champ_nom" type="text"/>
                                    <label class="prenom_occupant">Prénom</label>
                                    <input name="champ_prenom" type="text"/>
                                    <label class="datenaissance_occupant">Date de Naissance</label>
                                    <input name="champ_date" type="text" id="datenaissance" />
                                </div><!--fin header_bloc_occupant-->
                            </div><!--fin bloc_occupant--> 
                            
                        </div><!--fin middle_bloc_occupant--> 
                    </div><!--fin cont occupant-->

JavaScript

$(document).ready(function(){
    $('.ajout_person').click(function(){
        $('<div class="ajout_bloc_occupant"><div class="ajout_header_bloc_occupant"><h3 class="ajout_num_occupant">occupant</h3></div><div class="ajout_milieu_bloc_occupant"><label class="ajout_nom_occupant">Nom</label><input name="champ_nom" type="text"/><label class="ajout_prenom_occupant">Prénom</label><input name="champ_prenom" type="text"/><label class="ajout_datenaissance_occupant">Date de Naissance</label><input name="champ_date" type="text" id="ajout_datenaissance"/></div>').insertAfter('.bloc_occupant');
        $('.suppr_person').click(function(){
        $('.ajout_bloc_occupant').remove();
        });
        
    });
    });



$(function() {
        $( "#datenaissance, #ajout_datenaissance" ).datepicker({
            showButtonPanel: true,
            closeText: 'Fermer',
            prevText: '&#x3c;Préc',
            nextText: 'Suiv&#x3e;',
            currentText: 'Courant',
            dateFormat: "dd/mm/yy",
            buttonText: "Choisissez votre date de naissance",
            defaultDate: +7,
            showOn: "both", 
            buttonImage: "styles/page/images/calendar.png",
            buttonImageOnly: true,
            numberOfMonths: 1,
            changeMonth: true,
            changeYear: true,
            showOtherMonths: true,
            selectOtherMonths: true,
            firstDay: 1,
            monthNames: ["Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],
            monthNamesShort: ["Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],
            dayNamesMin: ["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"],
            dayNamesShort: ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"],
            yearRange: "1920:2012"
        });
        
    });