JSFiddle - React, Tailwind, and code Playground

HTML

<input type="datetime-local" onblur="formatDate(this.value)" />
<p id="para"></p>

JavaScript

function formatDate(date) {
	if(date){

		date = new Date(date);

  var hours = date.getHours();
  var minutes = date.getMinutes();
  var format = hours < 12 ? 'AM' : 'PM';
  hours = hours % 12;
  hours = hours ? hours : 12; // making 0 a 12
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var time = hours + ':' + minutes + ' ' + format;
  var output = date.getMonth()+1 + "/" + date.getDate() + "/" + date.getFullYear() + " " + time;

  document.querySelector('#para').value = output;

}
    }