Ember component for datepicker

birthdate-picker-component.js.coffee

# components/split-date-selector.js.coffee

Teleborder.SplitDateSelectorComponent = Ember.Component.extend
  change: ->
    selects = @$().find('select')
    month = selects.filter('[name="month"]').val()
    day = selects.filter('[name="day"]').val()
    year = selects.filter('[name="year"]').val()
    currentDate = moment(new Date(year, month, day))
    @set('date', new Date(currentDate.toISOString())) if currentDate

  month: ( (key, value) ->
    Number (moment(@get('date')).format('MM') - 1) if @get('date')
  ).property('date')

  day: ( (key, value) ->
    Number moment(@get('date')).format('DD') if @get('date')
  ).property('date')

  year: ( (key, value) ->
    Number moment(@get('date')).format('YYYY') if @get('date')
  ).property('date')

  monthOptions: (->
    [0..11].map (i) ->
      {displayName: moment.months(i), id: i}
  ).property()

  dayOptions: [1..31]

  yearOptions: ( ->
    thisYear = moment().years()
    [thisYear..(thisYear - 120)]
  ).property()