JSFiddle - React, Tailwind, and code Playground

HTML

<input calendar="True" dateformat="mm/dd/yy" id="DueDate" name="DueDate" style="font-size: 12px;" type="text" />

CSS

#DueDate{
    height: 20px;
    width: 200px;
    border: 1px solid Black;
    left: 10px;
    top: 10px;
}

JavaScript

$("#DueDate").datepicker();

//$( "#DueDate" ).datepicker( "option", "dateFormat", "mm/dd/yy" + " 9:16 A.M." );
//$( "#DueDate" ).datepicker( "option", "dateFormat", "mm/dd/yy" + " 9:16 AM" );
$( "#DueDate" ).datepicker( "option", "dateFormat", "mm/dd/yy" + " " + getCurrentTime() );

function getCurrentTime() {
    var CurrentTime = "";
    try {
        var CurrentDate = new Date();
        var CurrentHours = CurrentDate.getHours();
        var CurrentMinutes = CurrentDate.getMinutes();
        var CurrentAmPm = "AM";
        if (CurrentMinutes < 10) { CurrentMinutes = "0" + CurrentMinutes; }

        if (CurrentHours == 12) {
            CurrentHours = 12;
            CurrentAmPm = " PM";
        }
        else if (CurrentHours == 0) {
            CurrentHours = 12;
            CurrentAmPm = " AM";
        }
        else if (CurrentHours > 12) {
            CurrentHours = CurrentHours - 12;
            CurrentAmPm = " PM";
        }
        else {
            CurrentAmPm = " AM";
        }
        CurrentTime = "" + CurrentHours + ":" + CurrentMinutes + CurrentAmPm + "";
    }
    catch (ex) {
    }
    return CurrentTime;
}