{{#if hasHeader}}

Select Dates

{{/if}}
{{#power-calendar-range center=center selected=range minRange=0 onCenterChange=(action (mut center) value="date" ) onSelect=(action "onSelectRange" value="date" ) as |calendar|}} {{calendar.nav}} {{calendar.days}} {{/power-calendar-range}}
{{!--bootstrap-datepicker changeDate="changeDateInAction" value=dateIn format='dd MM yyyy' class="form-control" autoclose=true placeholder="Set Start Date"--}} {{input type="text" class="form-control" placeholder="Enter Start Date" disabled=true value=start}} {{#if (not validations.attrs.start.isValid)}}{{validations.attrs.start.messages}}{{/if}}
{{time-field class="form-control" on-change=(action "timeInChanged") value=timeIn hour12=true}}
{{!--bootstrap-datepicker changeDate="changeDateOutAction" value=dateOut format='dd MM yyyy' class="form-control" autoclose=true placeholder="Set End Date"--}} {{input type="text" class="form-control" placeholder="Enter End Date" disabled=true value=end}} {{#if (not validations.attrs.end.isValid)}}{{validations.attrs.end.messages}}{{/if}}
{{time-field class="form-control" on-change=(action "timeOutChanged") format='h:mm' value=timeOut hour12=true}}
{{#if hasHeader}}
More details below
{{/if}}