ember-pickaday to paper-pickaday step by step implementation (ember-paper pickaday google material design)

components.paper-pikaday.components.js

import Ember from 'ember';
import PikadayMixin from 'ember-pikaday/mixins/pikaday';
import PaperInput from 'ember-paper/components/paper-input';
import layout from 'ember-paper/templates/components/paper-input';

export default PaperInput.extend(PikadayMixin, {
  layout,
  format: 'YYYY-MM-DD',
 
  didInsertElement() {
    this._super(...arguments);
    this.set('field', this.element.children[1]);
    this.setupPikaday();
  },

  onPikadayOpen: function() {
    this.get('onOpen')();
  },

  onPikadayClose: function() {
    if (this.get('pikaday').getDate() === null || Ember.isEmpty(this.$().val())) {
      this.set('value', null);
      this.get('onSelection')(null);
    }

    this.get('onClose')();
  },
});