JSFiddle - React, Tailwind, and code Playground

by TheFiddler

HTML

<div class="page">
    <div>
        <div class="add-row">ADD ROW</div>
        <h3>Row Header</h3>
    </div>
    
</div>

JavaScript

function createRow(){
     var scheduleDate = '<input type="text" name="txtScheduleDate" class="date" />'; 
    var row = $("<div><div class='div-table-col'>" + scheduleDate + "</div><div>").addClass("div-table-row"); 
    $('.page').append(row); 
    $(".date").datepicker();
    
    return false; 
}

$(document).ready(function(){
   //init
    createRow();
    
    $(".page").on("click", ".add-row", function(event){

        createRow();
    });
    
});