<div class="flex__item mg-r-1">
  <div class="form__label mg-b-0">{{i18n 'View data from:'}}</div>
</div>
<div class="flex__item mg-r-1">
  <select class="vod-upload__selectbox js-stats-range-picker" onchange={{action 'setDateRange' value='target.value'}}>
    {{#if isCustomRange}}
      <option selected disabled>{{i18n 'Custom Range'}}</option>
    {{/if}}
    {{#each dateRangeOptions as |option|}}
      <option value={{option.value}}>{{option.text}}</option>
    {{/each}}
  </select>
</div>
<div class="flex__item">
  {{pikaday-input
    class='pika-input mg-b-0 js-videostats-startDate'
    onSelection=(action 'setStartDate')
    value=startDate
    minDate=(safe-date minimumDate)
    maxDate=(safe-date endDate)
    readonly=true
    format='MMM D, YYYY'}}
</div>
<div class="flex__item">&nbsp;&mdash;&nbsp;</div>
<div class="flex__item mg-r-1">
  {{pikaday-input
    class='pika-input mg-b-0 js-videostats-endDate'
    onSelection=(action 'setEndDate')
    value=endDate
    minDate=(safe-date startDate)
    maxDate=(safe-date endDate)
    readonly=true
    format='MMM D, YYYY'}}
</div>
