JSFiddle - React, Tailwind, and code Playground

by Gert Vaartjes

HTML

<script src="https://github.highcharts.com/28fb76fdf2/highcharts.js"></script>
<script src="https://github.highcharts.com/28fb76fdf2/highcharts-more.js"></script>
https://cdn.jsdelivr.net/gh/highcharts/highcharts@28fb76fdf2/samples/highcharts/demo/packed-bubble-split/demo.js
<input type="text" id="date" name="date" value="CurrentDate">
<input type="text" id="time" name="time" value="CurrentTime">

JavaScript

// Set the date field to the current date
document.getElementById("date").value = Highcharts.dateFormat(
	'%B %e, %Y',
    Date.now()
);

// Set the value of the "time" field
document.getElementById("time").value = Highcharts.dateFormat(
	'%H:%M',
    Date.now()
);