# \[SOLVED\] How to add to project @aurelia-ux/datepicker 0.11.1?

**URL:** <https://discourse.aurelia.io/t/solved-how-to-add-to-project-aurelia-ux-datepicker-0-11-1/1504>\
**Category:** Help Requests\
**Created:** [August 6, 2018, 12:03pm UTC](https://discourse.aurelia.io/t/solved-how-to-add-to-project-aurelia-ux-datepicker-0-11-1/1504 "2018-08-06T12:03:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![meshuggahner](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/meshuggahner/32/973_2.png) [@meshuggahner](https://discourse.aurelia.io/u/meshuggahner)\
**Post date:** [August 6, 2018, 12:03pm UTC](https://discourse.aurelia.io/t/solved-how-to-add-to-project-aurelia-ux-datepicker-0-11-1/1504/1 "2018-08-06T12:03:32Z")

</div>

First of all, thanks for great aurelia ux, I use the latest available version.

My `aurelia.json` (Aurelia CLI, SystemJS, Sass) was updated several times with sections like this:

```
     {
        "name": "@aurelia-ux/button",
        "main": "index",
        "path": "../node_modules/@aurelia-ux/button/dist/amd",
        "resources": [
          "**/*.{css,html}"
        ]
      }

```

Furthermore, the nested dependencies for every ux component were added. It was a necessary step because of dependency errors in browser console. Looks like messy workaround but it works, correct me if I do it wrong:

```
      {
        "name": "@aurelia-ux/button/ux-button",
        "path": "../node_modules/@aurelia-ux/button/dist/amd",
        "main": "ux-button"
      } 

```

The **[datepicker](https://www.npmjs.com/package/@aurelia-ux/datepicker)** component is more complicated, its nested (sub)dependecies  
`@aurelia-ux/datepicker/ux-calendar/resources/datetime-utility`,  
`@aurelia-ux/datepicker/ux-datepicker/resources/datetime-utility` and some others are actually aliases with the same path.

Aurelia CLI traces first entry in `aurelia.json` and ignores others. So datepicker resources cannot be injected.

Any idea how to fix it?

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [August 6, 2018, 11:01pm UTC](https://discourse.aurelia.io/t/solved-how-to-add-to-project-aurelia-ux-datepicker-0-11-1/1504/2 "2018-08-06T23:01:38Z")

</div>

Use unreleased (but going to be) [auto-tracing cli](https://discourse.aurelia.io/t/call-for-testing-cli-auto-tracing-it-is-going-to-be-released-in-next-2-or-3-months/1469)

1. update your package.json to use the branch: `"aurelia-cli": "huochunpeng/cli#at23",`
2. remove datepicker config from your aurelia.json.
3. just load the plugin in main.js `aurelia.use.plugin('@aurelia-ux/datepicker');`

It just works.

1. optional but recommended. Read the test guide in the PR, trim off your dependencies (including ux button) in aurelia.json, you will rarely need to touch them again.

---

<div class="post-metadata">

**Author:** ![meshuggahner](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/meshuggahner/32/973_2.png) [@meshuggahner](https://discourse.aurelia.io/u/meshuggahner)\
**Post date:** [August 7, 2018, 5:15am UTC](https://discourse.aurelia.io/t/solved-how-to-add-to-project-aurelia-ux-datepicker-0-11-1/1504/3 "2018-08-07T05:15:18Z")

</div>

Thank you, @huochunpeng, I’ll try  
PS Yes, now it works