lecollectionist-ember-bootstrap-datepicker/addon/components/bootstrap-datepicker.js

Datepicker component for Ember CLI based on bootstrap-datepicker. It doesn't have any external dependency except bootstrap-datepicker, supports popup and inline modes.

import Ember from 'ember';
import DatepickerSupport from 'lecollectionist-ember-bootstrap-datepicker/components/datepicker-support';

export default Ember.Component.extend(DatepickerSupport, {
  instrumentDisplay: '{{input type="text"}}',

  classNames: ['ember-text-field'],

  tagName: 'input',

  attributeBindings: [
    'accesskey',
    'autocomplete',
    'autofocus',
    'contenteditable',
    'contextmenu',
    'dir',
    'disabled',
    'draggable',
    'dropzone',
    'form',
    'hidden',
    'id',
    'lang',
    'list',
    'max',
    'min',
    'name',
    'placeholder',
    'readonly',
    'required',
    'spellcheck',
    'step',
    'tabindex',
    'title',
    'translate',
    'type'
  ],

  type: 'text',

  forceParse: true,

  focusOut() {
    let day = $('.day:hover').data('date');
    if (this.get('forceParse')) {
      this._forceParse(day);
    }

    if(this.get('autoclose') && day) {
      $('.datepicker').hide();
    }
  },

  _forceParse(data) {
    let date = new Date(data);

    if (!isNaN(date)) {
      this.set('value', date);
      this.sendAction('changeDate', date);
    }
  }
});