EmberDatePickerComponent.coffee

App.DatetimePickerComponent = Em.Component.extend
  $picker: null
  picker_format: 'dd/mm/yy'
  placeholder: Em.computed.alias('format')

  # Init function
  didInsertElement: ->
    $picker = @$('input').datepicker
      dateFormat: @get('picker_format')
    @set('$picker', $picker)

    $picker.datepicker('setDate', @get('value')) if @get('value')

    $picker.on 'change', =>
      @set('value', $picker.datepicker('getDate'))
      $picker.blur()
  # Model Observer
  datetimeChanged: (->
    # get model datetime
    modelDatetime = @get('value')
    # get picker datetime
    $picker = @get('$picker')
    pickerDatetime = $picker.datepicker('getDate')
    # Overwrite picker date if modelDatetime and pickerDatetime are not the same.
    unless Em.isEqual(modelDatetime, pickerDatetime)
      $picker.datepicker('setDate', modelDatetime)
  ).observes('value')