Cannot find module 'jquery-ui' when using Aurelia with Webpack
<p>Im trying to get a simple datepicker to work in aurelia but I think I have missed something really basic here.</p>

<p>Im using the aurelia skeleton with webpack here</p>

<p><a href="https://github.com/aurelia/skeleton-navigation/tree/master/skeleton-typescript-webpack" rel="nofollow noreferrer">https://github.com/aurelia/skeleton-navigation/tree/master/skeleton-typescript-webpack</a></p>

<p>After this I assume its installing Jquery-ui that is next.</p>

<p><a href="http://ilikekillnerds.com/2016/02/using-jquery-ui-widgets-in-aurelia/" rel="nofollow noreferrer">http://ilikekillnerds.com/2016/02/using-jquery-ui-widgets-in-aurelia/</a></p>

<p>Looking here it all seems simple. But no matter what I do I keep getting 
"[ts] Cannot find module 'jquery-ui'" on this row</p>

<pre><code>import { datepicker } from "jquery-ui";
</code></pre>

<p>I cant figure out how to get the module working correctly.</p>

<pre><code>npm install jquery
npm install jquery-ui 
tsd install jquery
tsd install jqueryui
</code></pre>

<p>Anything else missing here? </p>

<p>Since I use webpack I dont need any jspm magic? Or so I thought?</p>

<p>Edit:
<a href="https://stackoverflow.com/questions/36579305/adding-a-module-dependency-in-aurelia-with-webpack">Adding a module dependency in Aurelia with Webpack</a></p>

<p>Here it looks like </p>

<pre><code>npm install jquery-ui --save
</code></pre>

<p>is all I need. Still same problem</p>

<p>Edit: Complete datepicker.ts code</p>

<pre><code>import { customElement, bindable, inject } from "aurelia-framework";

import "jquery";
import { datepicker } from "jquery-ui";

@customElement('jquery-ui-datepicker')
@inject(Element)
export class JqueryUiDatepicker {
    @bindable id = '';
    @bindable name = '';
    @bindable options = {};

    constructor(Element) {
        this.element = Element;

        if (!this.id &amp;&amp; this.name) {
            this.id = this.name;
        }

        if (!this.name &amp;&amp; this.id) {
            this.name = this.id;
        }
    }

    attached() {
        $(`#${this.id}`).datepicker(this.options)
            .on('change', e =&gt; {
                let changeEvent = new CustomEvent('input', {
                    detail: {
                        value: e.val
                    },
                    bubbles: true
                });

                this.element.dispatchEvent(changeEvent);
            });
    }

    detached() {
        $(`#${this.id}`).datepicker('destroy').off('change');
    }
}
</code></pre>