Simple, No jQuery dependency
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
<link rel="stylesheet" href="calendar.css">
<script src="calendar.js"></script>
<calendar></calendar>
<calendar></calendar>
<calendar calendar-month="11" calendar-year="2014"></calendar>
$scope.calendarContent =
{"2013":{"8":{"29":
["Google it:<a href=\"http://google.com\" target="_blank" > Open Tab </a>"]
}}]);
<calendar calendar-content="calendarContent" calendar-month="8" calendar-year="2013"></calendar>