<script type="text/ng-template" id="clients/modals/report_period.html">
	<div class="modal-header">
		<h3>Period to Report:</h3>
	</div>
	<div class="modal-body">

		<div class="text-center" id="reportrange" ng-model="helpers.dates" ng-daterangepicker data-ranges="ranges" data-format="MMMM D, YYYY">
			<i class="fa fa-calendar fa-lg"></i>
			<span>{[{ helpers.dates.startDate.format('MMMM D, YYYY') }]} - {[{ helpers.dates.endDate.format('MMMM D, YYYY') }]}</span> <b class="caret"></b>
		</div>

	</div>
	<div class="modal-footer">
		<button class="btn btn-primary" ng-click="cancel()">Report full time</button>
		<button class="btn btn-primary" ng-disabled="! isValidPeriod()" ng-click="ok()">Report selected Perdiod</button>
	</div>
</script>