JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dateTime"></div>

JavaScript

var day_names = new Array("SUN", "MON", "TUE", "WED", 
    "THU", "FRI", "SAT");

var month_names = new Array("JAN", "FEB", "MAR", "APR", "MAY", 
    "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");

var date = new Date();
var curr_day = date.getDay();
var curr_date = date.getDate();
var curr_month = date.getMonth();
var curr_year = date.getFullYear();
var cur_hour = date.getHours();
var minutes = date.getMinutes();
var AMorPM = cur_hour >= 12 ? AMorPM = "PM" : AMorPM = "AM";
cur_hour = cur_hour > 12 ? cur_hour -= 12 : cur_hour;

if (cur_hour < 10) cur_hour = "0" + cur_hour;
if (minutes < 10) minutes = "0" + minutes;

var finalDate = "<b>" + day_names[curr_day] + "&nbsp;" + 
    month_names[curr_month] + "&nbsp;" + curr_date + ", " + 
    curr_year + "&nbsp;" + cur_hour + ":" + minutes + "&nbsp;" + 
    AMorPM + "</b>";

document.getElementById('dateTime').innerHTML = finalDate;