adds support for multidate and multidateSeparator options of bootstrap-datepicker

if multidate is true, value is an array

Author: jelhan

addon/components/datepicker-support.js

@@ -20,6 +20,8 @@ export default Ember.Mixin.create({
         keyboardNavigation: this.get('keyboardNavigation'),
         language: this.get('language'),
         minViewMode: this.get('minViewMode'),
+        multidate: this.get('multidate'),
+        multidateSeparator: this.get('multidateSeparator'),
         orientation: this.get('orientation'),
         startDate: this.get('startDate'),
         startView: this.get('startView'),
@@ -46,7 +48,15 @@ export default Ember.Mixin.create({
     var isoDate = null;
 
     if (event.date) {
-      isoDate = this.$().datepicker('getUTCDate').toISOString();
+      if (this.get('multidate')) {
+         // set value to array if multidate
+         isoDate = this.$().datepicker('getUTCDates').map(function(date) {
+           return date.toISOString();
+         });
+      }
+      else {
+         isoDate = this.$().datepicker('getUTCDate').toISOString();
+      }
     }
 
     this.set('value', isoDate);

tests/dummy/app/templates/index.hbs

@@ -248,6 +248,46 @@ ember generate bootstrap-datepicker</pre>
     </div>
   </div>
 
+  <h3>multidate</h3>
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <pre><code>&#123;&#123;bootstrap-datepicker multidate=true placeholder="Click to play" class="form-control"&#125;&#125;</code></pre>
+    </div>
+    <div class="panel-body">
+      <p>
+        Type: <code>Boolean</code> or <code>Number</code><br>
+        Default: <code>false</code></code>
+      </p>
+      <p>If multidate is <code>true</code>, <code>value</code> is an array.</p>
+      <p>Please, read more about possible values <a href="http://bootstrap-datepicker.readthedocs.org/en/release/options.html#multidate">here</a>.</p>
+    </div>
+    <div class="panel-footer">
+      {{bootstrap-datepicker multidate=true
+                             placeholder="Click to play"
+                             class="form-control"}}
+    </div>
+  </div>
+
+  <h3>multidateSeparator</h3>
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <pre><code>&#123;&#123;bootstrap-datepicker multidate=true multidateSeparator=";" placeholder="Click to play" class="form-control"&#125;&#125;</code></pre>
+    </div>
+    <div class="panel-body">
+      <p>
+        Type: <code>String</code><br>
+        Default: <code>,</code></code>
+      </p>
+      <p>Please, read more about possible values <a href="https://bootstrap-datepicker.readthedocs.org/en/release/options.html#multidateseparator">here</a>.</p>
+    </div>
+    <div class="panel-footer">
+      {{bootstrap-datepicker multidate=true
+                             multidateSeparator=";"
+                             placeholder="Click to play"
+                             class="form-control"}}
+    </div>
+  </div>
+
   <h3>orientation</h3>
   <div class="panel panel-default">
     <div class="panel-heading">