diff --git a/README.md b/README.md
index 82a90a3..711a31b 100644
--- a/README.md
+++ b/README.md
@@ -22,7 +22,20 @@ Then use as a custom element anywhere throughout your application:
 ```html
   <aurelia-flatpickr config.bind="config" value.bind="value"></aurelia-flatpickr>
   ```
+### Using Custom Input Groups
+The default template for the input element can be replaced to customise the buttons available. Here's an example:
 
+```html
+<aurelia-flatpickr config.bind="{wrap:true}">
+  <div class="input-group aurelia-flatpickr">
+      <input type="text" class="form-control" placeholder="Select date" data-input>
+      <span class="input-group-btn">
+          <button class="btn btn-default" type="button" data-clear>Clear</button>
+          <button class="btn btn-default" type="button" data-toggle>Show</button>
+      </span>
+  </div>
+</aurelia-flatpickr>
+   ```
 ## Running The Tests
 
 To run the unit tests, first ensure that you have followed the steps above in order to install all dependencies and successfully build the library. Once you have done that, proceed with these additional steps:
diff --git a/dist/amd/aurelia-flatpickr.html b/dist/amd/aurelia-flatpickr.html
index 750c66e..528831f 100644
--- a/dist/amd/aurelia-flatpickr.html
+++ b/dist/amd/aurelia-flatpickr.html
@@ -1,4 +1,6 @@
 <template>
     <require from="flatpickr/dist/flatpickr.css"></require>
-    <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
+        <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
 </template>
diff --git a/dist/commonjs/aurelia-flatpickr.html b/dist/commonjs/aurelia-flatpickr.html
index 750c66e..528831f 100644
--- a/dist/commonjs/aurelia-flatpickr.html
+++ b/dist/commonjs/aurelia-flatpickr.html
@@ -1,4 +1,6 @@
 <template>
     <require from="flatpickr/dist/flatpickr.css"></require>
-    <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
+        <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
 </template>
diff --git a/dist/es2015/aurelia-flatpickr.html b/dist/es2015/aurelia-flatpickr.html
index 750c66e..528831f 100644
--- a/dist/es2015/aurelia-flatpickr.html
+++ b/dist/es2015/aurelia-flatpickr.html
@@ -1,4 +1,6 @@
 <template>
     <require from="flatpickr/dist/flatpickr.css"></require>
-    <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
+        <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
 </template>
diff --git a/dist/system/aurelia-flatpickr.html b/dist/system/aurelia-flatpickr.html
index 750c66e..528831f 100644
--- a/dist/system/aurelia-flatpickr.html
+++ b/dist/system/aurelia-flatpickr.html
@@ -1,4 +1,6 @@
 <template>
     <require from="flatpickr/dist/flatpickr.css"></require>
-    <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
+        <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
 </template>
diff --git a/src/aurelia-flatpickr.html b/src/aurelia-flatpickr.html
index 750c66e..528831f 100644
--- a/src/aurelia-flatpickr.html
+++ b/src/aurelia-flatpickr.html
@@ -1,4 +1,6 @@
 <template>
     <require from="flatpickr/dist/flatpickr.css"></require>
-    <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
+        <input  class="aurelia-flatpickr" type="text" placeholder="Select Date..">
+    <slot>
 </template>