Ember Birth Date Picker Component Template

birth-date-picker.hbs

<!-- templates/components/split-date-selector.hbs -->

<div class="form-group">
  <label class=" col-sm-3 control-label">
    Birth Date
  </label>
  <div class="col-sm-5">
    <div class="date-field">
      {{input 'month' as='select'
        collection='monthOptions'
        value="month"
        optionValuePath="content.id"
        optionLabelPath="content.displayName"
        prompt="Select Month"
        onChange="change"
      }}

      {{input 'day' as='select'
        collection='dayOptions'
        value="day"
        prompt="Select Day"
        onChange="change"
      }}

      {{input 'year' as='select'
        collection='yearOptions'
        value="year"
        prompt="Select Year"
        onChange="change"
      }}
    </div>
  </div>
</div>