Fix deprecated use of Ember.$()

Author: m-adler

addon/components/bs-datetimepicker.js

@@ -41,7 +41,7 @@ export default Component.extend(DynamicAttributeBindings, {
       up: this.getWithDefault('config.icons.up', defaults.icons.up)
     };
 
-    this.$().datetimepicker({
+    $(this.element).datetimepicker({
       allowInputToggle: this.getWithDefault('allowInputToggle', defaults.allowInputToggle),
       calendarWeeks: this.getWithDefault('calendarWeeks', defaults.calendarWeeks),
       date: this.getWithDefault('date', null),
@@ -117,7 +117,7 @@ export default Component.extend(DynamicAttributeBindings, {
   },
 
   picker() {
-    return this.$().data('DateTimePicker');
+    return $(this.element).data('DateTimePicker');
   },
 
   updateDate() {

tests/integration/components/bs-datetimepicker-test.js

@@ -1,3 +1,4 @@
+import $ from 'jquery';
 import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
 import { render, focus } from '@ember/test-helpers';
@@ -41,7 +42,7 @@ module('Integration | Component | bs datetimepicker', function(hooks) {
     });
     await render(hbs`{{bs-datetimepicker date="1970-01-01" change=callback}}`);
     // Set a new Date to trigger the dp.change event
-    this.$('.input-group.date')
+    $('.input-group.date', this.element)
       .data('DateTimePicker')
       .date(new Date('2016-01-01'));
   });