Tooltip calendar

by whoamiwho

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<div id="calendar"></div>

JavaScript

$("#calendar").kendoCalendar({
    month: {
        // template for dates in month view
        content: '<div class="tool_tip">#=data.value#</div>'
    },
    footer: false,
    navigate : function () {
        $(".tool_tip").kendoTooltip({
            autoHide: false,
            showOn: "click",
            position: "top",
            content: 'Hello'
        });                }
});