JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.12/dataRender/datetime.js"></script>
<h1>Table 1</h1>
<table id="t1">
  <thead>
    <tr>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2019-04-01T00:00:00</td>
    </tr>
  </tbody>
</table>

<h1>Table 2</h1>
<table id="t2">
  <thead>
    <tr>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2019-04-01T00:00:00</td>
    </tr>
  </tbody>
</table>

JavaScript

$(document).ready(function(){

	$('#t1').DataTable();

	$('#t2').DataTable({
		columnDefs: [{
      	targets: 1,
      	render: $.fn.dataTable.render.moment( 'Do MMM YYYYY' )
    	}]
  	});
});