jQuery ui datepicker: Remove yellow highlight on (unhighlight) today's

css, datepicker, javascript, jquery, jquery-ui-datepicker

Solution

try this DEMO

.ui-state-highlight{
    border:1px solid #d3d3d3/*{borderColorDefault}*/ !important;
    background:#e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/!important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
     border:1px solid #aaaaaa/*{borderColorActive}*/ !important;
    background:#ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/!important;
}

Problem

How do you remove the yellow highlight on datepicker's today's date? I was able to do it when my datepicker is called via an input field (got it from here: Jquery datepicker: highlight 'today' when clicked?), but cannot when it is called via div (inline = true) My reason for this is I am using custom timezone and if I have a different today's date based on the timezone it still highlights the today's date of my local computer. Here is the code that worked using an input field: HTML: ``` <p>Date: <input type="text" id="datepicker" /></p> ``` Javascript: ``` $(function() { $("#datepicker").datepicker({ beforeShow: function (input, inst) { setTimeout(function() { inst.dpDiv.find('a.ui-state-highlight').removeClass('ui-state-highlight'); }, 100); } }); }); ```

Original source