display tooltip in jQuery UI datePicker

by Arun Unnikrishnan

HTML

<input type="text" id="txtDate"/>

CSS

.Highlighted a{
	   background-color : Green !important;
	   background-image :none !important;
	   color: White !important;
	   font-weight:bold !important;
	   font-size: 12pt;
}

JavaScript

var dates = {}
dates[new Date('02/13/2015').getTime()]='Holiday1';
dates[new Date('02/14/2015').getTime()]='Holiday2';
dates[new Date('02/19/2015').getTime()]='Holiday3';

$('#txtDate').datepicker({
    beforeShowDay: function(date) {
	  var hlText = dates[date.getTime()];
      return (hlText)?[false, "Highlighted", hlText]: [true, '', ''];
	}
});