JSFiddle - React, Tailwind, and code Playground

HTML

<!--jQuery References-->
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.17/jquery-ui.min.js" type="text/javascript"></script>
<!--Wijmo Widgets JavaScript-->
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.2.3.2.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-complete.all.3.20132.9.min.js" type="text/javascript"></script>
<!--Theme-->
<link href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui" />
<!--Wijmo Widgets CSS-->
<link href="http://cdn.wijmo.com/jquery.wijmo-complete.all.2.3.2.min.css" rel="stylesheet" type="text/css" />

<div id="calendar1"></div>

JavaScript

$(function () {
    $("#calendar1").wijcalendar({
        customizeDate: function ($daycell, date, dayType, hover, preview) {
            var $dateprice = $('<a href="#" onclick="return false;">'+date.getDate()+'</div><div style="text-align: right; color: #006400; font-size: 9px;">$123</div>');
            $daycell.attr('align', 'right').empty().append($dateprice);
            
            if ($daycell.hasClass('ui-datepicker-current-day')) {
                $daycell.css('background-color', '#aaa');
            } else {
                $daycell.css('background-color', hover ? 'lightgray' : '');
            }
        }
    });
});