JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />  
    </head>
    <body style="background-color:#000;color:#fff;margin: auto auto;">
        <!-- Datepicker -->
        <div id="datepicker"></div>
        <!-- Highlight / Error -->
        <p>Date Value: <input type="text" id="datepicker_value" /></p>
        <div id="page_output" style="text-align:center; margin-top:80px; margin-bottom:20px; "></div>
    </body>

JavaScript

$(document).ready(function(){
    // Datepicker
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        inline: true,
        minDate: new Date(2010, 1 - 1, 1),
        maxDate:new Date(2010, 12 - 1, 31),
        altField: '#datepicker_value',
        onSelect: function(){
            var day1 = $("#datepicker").datepicker('getDate').getDate();                 
            var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;             
            var year1 = $("#datepicker").datepicker('getDate').getFullYear();
            var fullDate = year1 + "-" + month1 + "-" + day1;
            var str_output = "<h1><center><img src=\"/images/a" + fullDate +".png\"></center></h1><br/><br>";
            page_output.innerHTML = str_output;
        }
    });             
    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
        function() { $(this).addClass('ui-state-hover'); }, 
        function() { $(this).removeClass('ui-state-hover'); }
    );          
    
    //var img_date = .datepicker('getDate');
    
});
// writing the results to the div element (page_out)