title: How to import 'bootstrap-datetimepicker' into Aurelia project
body: <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>