# Aurelia-Webpack
```bash
git clone https://github.com/ghiscoding/Aurelia-Bootstrap-Plugins
cd client-wp
npm install
npm start
```

**There is currently a bug in `Aurelia-Validation` that is tracked under [issue #448](https://github.com/aurelia/validation/issues/448). After installation you need to do this:**
> if you are using webpack, you need to delete the node modules folder that is within the aurelia-validation package


## Plugin examples

### Aurelia-Bootstrap-Tagsinput

#### Usage
A quick example of the code in action. Note that the value is available under the `value.bind`.
```html
<abp-tags-input element.bind="tag" value.bind="post.categories"></abp-tags-input>
```

### Aurelia-Bootstrap-Datetimepicker

#### Usage
A quick example of the code in action. Note that the value is available under the `value.bind`.
```html
<abp-datetime-picker value.bind="post.dateEntered" format="YYYY-MM-DD"></abp-datetime-picker>
```

### Aurelia-Bootstrap-Select

#### Usage
A quick example of the code in action.

**Note**: We use the `collection.bind` attribute to pass the collection of all select options and the selection is available from `selected-value` (value) and `selected-item` (string/object)

```html
<abp-select collection.bind="allCampingStuff" selected-value.bind="camping" selected-item.bind="campingValue"></abp-select>
```
# Aurelia-Webpack
```bash
git clone https://github.com/ghiscoding/Aurelia-Bootstrap-Plugins
cd client-wp
npm install
npm start
```

## Plugin examples

### Aurelia-Bootstrap-Tagsinput

#### Usage
A quick example of the code in action. Note that the value is available under the `value.bind`.
```html
<abp-tags-input element.bind="tag" value.bind="post.categories"></abp-tags-input>
```

### Aurelia-Bootstrap-Datetimepicker

#### Usage
A quick example of the code in action. Note that the value is available under the `value.bind`.
```html
<abp-datetime-picker value.bind="post.dateEntered" format="YYYY-MM-DD"></abp-datetime-picker>
```

### Aurelia-Bootstrap-Select

#### Usage
A quick example of the code in action.

**Note**: We use the `collection.bind` attribute to pass the collection of all select options and the selection is available from `selected-value` (value) and `selected-item` (string/object)

```html
<abp-select collection.bind="allCampingStuff" selected-value.bind="camping" selected-item.bind="campingValue"></abp-select>
```
Remove unnecessary note for WebPack
Remove unnecessary note for WebPack

A bug exist in Aurelia-Validation and deleting the node_modules folder
under it fixes the issue. This patch was added to the NPM Scripts
section and so we can remove the note in README
