Remove the listener for input events.

We won't be needing this listender anymore since the bootstrap-datepicker offers an clearDate-event. We can just listen to that event instead of checking for an empty input ourselves. And instead of triggering the changeDate action with a null value we will trigger a clearDate action.

Author: octronic

addon/components/datepicker-support.js

@@ -48,11 +48,6 @@ export default Ember.Mixin.create({
           self._didChangeDate(event);
         });
       }).
-      on('input', function() {
-        if (!self.$().val()) {
-          self._applyDateValue(null);
-        }
-      }).
       on('focusout', function(event) {
         self.sendAction('focus-out', self, event);
       }).
@@ -83,10 +78,6 @@ export default Ember.Mixin.create({
     }
 
     this.set('mustUpdateInput', false);
-    this._applyDateValue(value);
-  },
-
-  _applyDateValue: function(value) {
     this.set('value', value);
     this.sendAction('changeDate', value);
   },

tests/integration/components/bootstrap-datepicker-integration-test.js

@@ -1,55 +1,10 @@
-import Ember from 'ember';
 import hbs from 'htmlbars-inline-precompile';
 import { moduleForComponent, test } from 'ember-qunit';
 
 moduleForComponent('bootstrap-datepicker', 'BootstrapDatepickerComponent', {
   integration: true
 });
 
-test('resets date when input is cleared', function (assert) {
-  assert.expect(2);
-
-  this.set('myDate', new Date());
-
-  this.render(hbs`
-    {{bootstrap-datepicker value=myDate}}
-  `);
-  
-  var datepicker = this.$('input.ember-text-field').datepicker();  
- 
-  datepicker.val('');
-  Ember.run(() => {
-    datepicker.trigger('input');
-  });
-
-  assert.equal(this.get('myDate'), null, 'value is reset');
-  assert.equal(this.$('input.ember-text-field').datepicker('getDate'), null, 'datepicker is updated');
-});
-
-test('triggers changeDate action when input field is cleared', function (assert) {
-  assert.expect(1);
-
-  this.set('myDate', new Date());
-
-  var actionIsTriggered = false;
-  this.on('myAction', () => {
-    actionIsTriggered = true;
-  });
-
-  this.render(hbs`
-    {{bootstrap-datepicker value=myDate changeDate="myAction"}}
-  `);
-
-  var datepicker = this.$('input.ember-text-field').datepicker();  
-  
-  datepicker.val('');
-  Ember.run(() => {
-    datepicker.trigger('input');
-  });
-
-  assert.ok(actionIsTriggered, 'action is triggered');
-});
-
 test('triggers specified action on focusout event', function (assert) {
   assert.expect(1);