JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0/css/bootstrap-datepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0/css/bootstrap-datepicker.css.map"></script>
<button type="button" onClick="agregarItem()">
AGREGAR
</button>
<table>
<tbody id="lista">
<tr>
  <td>
    <input type="text" class="calendario">
  </td>
</tr>  
</tbody>
</table>

JavaScript

$(function(){
 $(".calendario").datepicker({
 		changeMonth: true,
		changeYear: true
 });
 
});

function agregarItem(){
	$("#lista").append('<tr><td><input type="text" class="calendario"></td></tr>');
  $(".calendario").datepicker({
  	changeMonth: true,
		changeYear: true
  });
}