JSFiddle - React, Tailwind, and code Playground

HTML

<label>Month:</label><input type="text" id="month" name="month" value="" />
<br><label>Day:</label><input type="text" id="day" name="day" value="" />
<br><br><label class="small">Hour:</label><input type="text" id="hour" name="hour" value="" />
<label class="small">Minute:</label><input type="text" id="minute" name="minute" value="" />

CSS

label
{
    width:200px;
    display:block;
}

label.small
{
    display:inline;
    width:200px;
    margin-right:10px;
}
label.small ~ input
{
    width:20px;
}

JavaScript

var months = ["January",
              "February",
              "March",
              "April",
              "May",
              "June",
              "July",
              "August",
              "September",
              "October",
              "November",
              "December"]

$("#month").val(months[new Date().getMonth()])
$("#day").val(new Date().getDate())
$("#hour").val(new Date().getHours())
$("#minute").val(new Date().getMinutes())