Ember PickADate Component

README.md

Ember PickADate Component Ember Component for pickadate.js

Usage

{{pick-a-date value=yourDateField}}

pick-a-date.js.coffee

App.PickADateComponent = Ember.Component.extend
  value: ''
  tagName: 'input'
  classNames: 'pickadate'

  didInsertElement: ->
    value = @get('value')

    options =
      onStart: ->
        @set('select', new Date(value)) if value

    @$().pickadate options
    picker = @$().pickadate 'picker'
    @set 'picker', picker
    picker.on(
      set: (e) =>
        @userSelectedDate(e)
    )

  userSelectedDate: (e) ->
    if e.select
      @set 'value', new Date(e.select)
    else
      @set 'value', ''
    @$().blur