JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.web.min.js"></script>
<script src="https://raw.github.com/andrewplummer/Sugar/master/release/1.2.5/minified/sugar-1.2.5.min.js"></script>
<h4>It is now  
<script type="text/javascript">
<!--
   
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10){
minutes = "0" + minutes
}
document.write(hours + ":" + minutes + " ")
if(hours > 11){
    document.write("PM")
    }
    else 
    {
    document.write("AM")
    }

    document.write(" on ")

var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
document.write(month + "/" + day + "/" + year)
//-->
</script>
</h4>

JavaScript

var objToday = new Date();

var weekday = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');

var dayOfWeek = weekday[objToday.getDay()];

var dayOfMonth = (objToday.getDate() < 10) ? '0' + objToday.getDate() : objToday.getDate());

var months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');

var curMonth = months[objToday.getMonth()];
var curYear = objToday.getFullYear();
var curHour = (objToday.getHours() < 10 ? "0" + objToday.getHours() : objToday.getHours())
var curMinute = objToday.getMinutes() < 10 ? "0" + objToday.getMinutes() : objToday.getMinutes();
var curSeconds = objToday.getSeconds() < 10 ? "0" + objToday.getSeconds() : objToday.getSeconds();
var today = curHour + ":" + curMinute + "." + curSeconds + " " + dayOfWeek + " " + dayOfMonth + " of " + curMonth + ", " + curYear;

document.write(today );
document.write("<br><br>");