timeselector.html

<div class="time-selector choose-one">
	<div class="choose-time">
		<button class="choice btn btn-danger" chooseone="choosetime">
			<timepicker time="time" ng-click="selectOption('TIME')"></timepicker>
		</button>
	</div>
	<div class="choose-period">
		<button class="choice btn btn-choice" ng-click="selectOption('MRNG')" 
			chooseone="choosetime">Morning</button>
		<button class="choice btn btn-choice" ng-click="selectOption('AFTN')" 
			chooseone="choosetime">Afternoon</button>
		<button class="choice btn btn-choice" ng-click="selectOption('EVNG')" 
			chooseone="choosetime">Evening</button>
		<button class="choice btn btn-choice" ng-click="selectOption('NGHT')" 
			chooseone="choosetime">Night</button>
		<button class="choice btn btn-choice fullday" ng-click="selectOption('FLDY')"
			chooseone="choosetime">Full Day</button>
		<button class="choice btn btn-choice fullday chosen" ng-click="selectOption('NONE')"
			chooseone="choosetime">None</button>
	</div>
	<div class="choose-all">
		<button class="choice btn btn-choice" ng-click="selectOption('FLDY')"
			chooseone="choosetime">Full Day</button>
		<button class="choice btn btn-choice chosen" ng-click="selectOption('NONE')"
			chooseone="choosetime">None</button>
	</div>
</div>