JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
<button id="new-fields">Load New Fields</button>

<div id="ajax-fields">
    <label>Date</label>
    <input class="date" value="12345678"/>
    <label>Time</label>
    <input class="time" value="010203"/>
</div>

CSS

label {display: block}

JavaScript

// all mask's definition goes inside of this method below.
var handleMasks = function (){
  $('.date').mask('00/00/0000');
  $('.time').mask('00:00:00');
};

// cloning html elements
var addNewFieldsWithMasks = function (){
    var newInputs = $('#ajax-fields').clone();
    newInputs.find('input').val('');
    newInputs.appendTo('#ajax-fields');
};

// adding the button some functionality
$('#new-fields').on('click', function(){
    addNewFieldsWithMasks();
    
    // call mask-it event
    $(this).trigger('mask-it');
});

// this event should be triggered everythime you want to redefine masks
// and search for new HTML elements.
$(document).on('mask-it', function(){
    handleMasks();
}).trigger('mask-it');