How to import 'bootstrap-datetimepicker' into Aurelia project
<p>I'm trying to add 'Eonasdan/bootstrap-datetimepicker' into an Aurelia with typescript project and call <code>this.birthDateDatePicker.datetimepicker();</code> in the "attached" method from the Aurelia life-cycle.</p>

<p>I added:</p>

<pre><code>import $ from 'jquery'; 
import {datepicker} from 'Eonasdan/bootstrap-datetimepicker';
</code></pre>

<p>and there was no error,
but when I try to inject like this <code>@inject(HttpClient, json, datepicker)</code> I get the following error:</p>

<blockquote>
  <p>GET <a href="http://127.0.0.1:8080/jquery.js" rel="nofollow">http://127.0.0.1:8080/jquery.js</a> 404 (Not Found)</p>
</blockquote>

<p>I'm not sure the two libraries are loaded because I cannot find them in the sources on the browser debugger.</p>

<p>What am I doing wrong?</p>

<p>EDIT:</p>

<p><a href="http://i.stack.imgur.com/NRZFj.gif" rel="nofollow">image with more info</a></p>

<p>The error on that line is </p>

<blockquote>
  <p>"Unhandled promise rejection TypeError:
  this.birthDateDatePicker.datetimepicker is not a function"</p>
</blockquote>

<p>SOLUTION:</p>

<p>I've added the following imports:</p>

<pre><code>import $ from 'jquery';
import 'Eonasdan/bootstrap-datetimepicker';
</code></pre>

<p>and manually added in the config.js the fallowing map:</p>

<pre><code>"jquery":"github:components/jquery@2.2.0",
</code></pre>

<p>Comment/Question: I'm not sure if it's a good idea to manually add it there but I could not use it from bootstrap like in the skeleton application and I saw it was present in the global dependencies of the package.json file and found it under "jspm_packages/github/components".</p>

<p>Is this a correct approach?</p>

<p>Thanks</p>