My Code looks as follows.
<script>
var yahoo_yui=YUI();
yahoo_yui.use('calendar', 'datatype-date', 'cssbutton', function (G) {
minimum_date="2016-10-7";
calendar = new G.Calendar({
contentBox: "#yahoo-calendar",
width:'340px',
showPrevMonth: false,
showNextMonth: true,
minimumDate: new Date(minimum_date),
date:new Date(minimum_date.split(",").join("/"))
}).render();
var dtdate = G.DataType.Date;
calendar.on("selectionChange", function (ev) {
var newDate = ev.newSelection[0];
G.one(".yahoo_date_selected").set('value',dtdate.format(newDate));
G.one("#yahoo-calendar").toggleView();
});
G.all("#toggleCalendar,.yahoo_date_selected").on('click', function (ev) {
G.one('#yahoo-calendar').toggleView();
ev.preventDefault();
calendar.set('showPrevMonth', !(calendar.get("showPrevMonth")));
});
}); // G use ends here.
</script>
The code works nicely in all browsers except Internet Explorer where it is not disabling the dates which are older than the minimum date. Is there any customized or hacked version available for calendar api with proper working style of minimum date for IE, any help would be appreciated.