Header clipped when month has 6 lines of weeks

[tometzky]

On your demo page http://www.vissit.com/projects/eventCalendar/ when you switch month to 2015-03, which start on Sunday, and therefore has 6 lines of weeks, an expected header "March events:" is clipped.

This is caused by this line in your Javascript:

$eventsCalendarSlider.css('height',$eventsCalendarMonthWrap.height()+'px');

This does not work because in Javascript there's delay after changing element dimensions and before they're visible to code.

I've resolved this problem on my page http://www.ngofund.org.pl/spotkania-i-warsztaty/ by using
.eventsCalendar-monthWrap { position: static; }
.eventsCalendar-list-wrap { clear:both; padding-top: 5px; }

Which eliminate a need to set .eventsCalendar-slider size with Javascript.

This problem is also visible on 4 week-lines months, like 2010-02, but to a much lesser extent - there's only too much margin after .eventsCalendar-monthWrap.

PS.
Thanks for your plugin - this is a decent, very simple and easy to use calendar. The best I have found. I'm reporting some issues with it, but it just means I want to help you make it even better.