JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js"></script>
<div id="TextBoxesGroup2"></div>
<button id="addButton2" >AddButton</button>
<table width='1200' border='0' cellspacing='0' cellpadding='0' class="t-table">
  <tr>
    <td>Date</td>
    <td>
      <li class='demo'>
        <div class='box'>
          <input type='text' class='from-input' maxlength='10'>
        </div>
      </li>
    </td>
  </tr>
</table>
<div class="other-inputs"></div>

JavaScript

$(function() {
//$(".from-input").multiDatesPicker();
   $('.from-input').on('load', '.from-input',function(){
  $(this).multiDatesPicker();
  });
        
        $("#addButton2").click(function () {
        
        
    $('.t-table:first').clone().appendTo('.other-inputs');
  
  
        

    /*var newTextBoxDiv2 = $(document.createElement('div')).attr("id", 'TextBoxDiv2' + counter);

    newTextBoxDiv2.after().html("<table width='1200' border='0' cellspacing='0' cellpadding='0'><tr><td>Date</td><td><li class='demo'><div class='box'><input class='multi' type='text' id='from-input_"+counter+"' maxlength='10'></div><div class='code-box' style='display:none;'>$('#from-input').multiDatesPicker();<pre class='code prettyprint'></pre></div></li></td></tr></table>");

newTextBoxDiv2.appendTo("#TextBoxesGroup2");
            $("#from-input_"+counter).multiDatesPicker();
    counter++;*/
            
    });
    
  });