Jquery Datepicker Remove Current Day Highlight Class

I want to completely remove the current day highlight class from my instance of jquery datepicker. I am using datepicker inline as a div, so all the prescribed methods I have found

Solution 1:

You can use its attribute like this:

$('#dp1').datepicker({
    beforeShowDay: bansingle,
    todayHighlight: false,// make this parameter to false. It will not highlight then.altField:'#alternate1',
        altFormat: 'm-d-yy',
        fielddateFormat: 'm-d-yy',
    minDate: "+0d",
    //maxDate: "+1m", // set latest selectable date
});

Solution 2:

The best way is to edit CSS source. For example:

.ui-state-highlight, .ui-widget-content.ui-state-highlight, .ui-widget-header.ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88url(images/ui-bg_flat_55_fbec88_40x100.png) 50%50% repeat-x;
    color: #363636;
}

... and now you can add a style to be like other cells!

Solution 3:

You can override css as below.

.ui-state-default, .ui-widget-content.ui-state-default, .ui-widget-header.ui-state-default
{
    border: 1px solid #c5dbec;
    background: #dfeffcurl(images/ui-bg_glass_85_dfeffc_1x400.png) 50%50% repeat-x;
    color: #2e6e9e;
}