Custom Ember view for the jQuery PickADate plugin.

PickADate.js

App.PickADate = Ember.View.extend({
  attributes: ['monthsFull', 'monthsShort', 'weekdaysFull', 'weekdaysShort',
  'monthPrev', 'monthNext', 'showMonthsFull', 'showWeekdaysShort', 'today',
  'clear', 'format', 'formatSubmit', 'hiddenSuffix', 'firstDay', 'monthSelector',
  'yearSelector', 'dateMin', 'dateMax', 'datesDisabled', 'disablePicker'],
  events: ['onOpen', 'onClose', 'onSelect', 'onStart'],
  attributeBindings: ['type', 'value', 'placeholder'],

  type: 'text',
  tagName: 'input',
  classNames: 'pickadate',

  didInsertElement: function() {
    var options = {}
    var self = this

    this.get('events').forEach(function(event) {
      var callback = self[event];
      if(callback) {
        callback.call(this);
      }
    });

    this.get('attributes').forEach(function(attr) {
      if (self[attr] != undefined) {
        options[attr] = self[attr];
      }
    });

    var onSelectCallback = options.onSelect
    options.onSelect = function() {
      Ember.set(self, 'value', this.getDate(true));
      if (onSelectCallback) {
        onSelectCallback.call(this);
      }
    };
    this.$().pickadate(options);
  },
});