calendar-panel.html

<div class="calendar-panel">
	<div class="inputfield">
		<label class="input-title">Title</label>
		<input class="input-value" type="text" ng-model="calendar.title">
	</div>
	<div class="inputfield">
		<label class="input-title">Start & End Date</label>
		<calendar-dual dates="calendar.dates"></calendar-dual>
	</div>
	<div class="inputfield" on-action="'CLICK, optional, true'" scope-obj="calendar._.isVisible">
		<label class="input-title">Choose Time</label>
		<totaltimeselector times="calendar.times"></totaltimeselector>
	</div>
	<div class="inputfield" ng-show="calendar._.isVisible.optional == true">
		<label class="input-title">Repeatition</label>
		<repetition repetition="calendar.repetition" defaults="calendar.defaults"></repetition>
	</div>
	<div class="inputfield" ng-show="calendar._.isVisible.optional == true">
		<label class="input-title">Where</label>
		<autocomplete choices="calendar._.places" enteredtext="calendar.placetext" 
            minlength="1" result="calendar.placeobj" type="'WHERE'"></autocomplete>
	</div>
	<div class="inputfield" ng-show="calendar._.isVisible.optional == true">
		<label class="input-title">Attendees</label>
		<tags-autocomplete choices="calendar._.attendees" enteredtext="calendar.attendees.text"
            minlength="1" placeholder="" result="calendar.attendees.attendeesobj" type="'WHOM'" 
            tags="calendar.attendees.taglist"></tags-autocomplete>
	</div>
</div>