calendar.html

<div class="calendar">
	<div class="display-info" ng-click="toggleCalendar()">
		<span ng-show="options.isShowDate && options.isShowBefore"
			class="show-date">{{chosendate.date | date:'d MMM yyyy'}}</span>
		<span class="calendar-icon">
			<span class="glyphicon glyphicon-calendar"></span>
		</span>
		<span ng-show="options.isShowDate && !options.isShowBefore"
		 	class="show-date">{{chosendate.date | date:'d MMM yyyy'}}</span>
	</div>
	<div class="calendarwidget" ng-show="isCalendarVisible">
		<div class="calendar-head">
			<span class="btn back" ng-click="setDateMonth($event, -1)">&lt;&lt;</span>
			<span class="date">{{ tempDate | date:'d MMM yyyy'}}</span>
			<span class="btn frwd" ng-click="setDateMonth($event, 1)">&gt;&gt;</span>
		</div>
		<div class="week-title">
			<span class="day-title" ng-repeat="title in weekTitle">{{title}}</span>
		</div>
		<div class="week" ng-repeat="week in weeks">
			<span class="day {{selectionDay == day ? 'highlight' : 'regular'}}"
			ng-repeat="day in week track by $index"
			ng-click="dateClicked($event, day)">{{day}}</span>
		</div>
	</div>
</div>