Highlight the first day of each month in jQuery-ui Datepicker

by jquerybyexample

HTML

<input type="text" name="date" id="txtDate">

CSS

body {
    font-size: 10pt;
}
.firstDay a{
    background-color : #00FF00 !important;
   background-image :none !important;
   color: #000 !important;
}

JavaScript

$(document).ready(function () {
    $("#txtDate").datepicker({
        beforeShowDay: function (date) {
            return [true, date.getDate() == 1 ? "firstDay" : ""];
        }
    });
});