title: Can't prevent bootstrap dropdown from hiding with datepicker in Meteor 0.8
body: <p>I'm aiming to have bootstrap datepicker <a href="https://atmospherejs.com/package/bootstrap3-datepicker" rel="nofollow">https://atmospherejs.com/package/bootstrap3-datepicker</a> be inline in a bootstrap dropdown. I found this to be the slickest ux for what I'm looking to do.</p>
  
  <p>I got it working just fine before upgrading to 0.8, but now whenever a date is selected the dropdown hides. I don't want it to hide, because I've got a button in the dropdown to save the date selection.  Besides that, now I can't get anything to write to the console on click. I've tried setting up click events on every aspect of the date picker I can think of. The 'click' test below fires if you click on the month arrows or somewhere around the dates, but not on the dates themselves.</p>
  
  <p>Any help would be very appreciated. I'm developing an unhealthy obsession.</p>
  
  <p>Here is what I had that was working.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>              &lt;div class="btn-group form-control-static field no-print"&gt;
                  &lt;div class="dropdown-toggle" data-toggle="dropdown" style="" title="Schedule New Call"&gt;
                      &lt;a&gt;&lt;i class="fa fa-calendar"&gt;&lt;/i&gt; Schedule New Call&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li class="picker-wrapper"&gt;
                          &lt;div class="schedule-calls-day-picker"&gt;&lt;/div&gt;
                          &lt;input id="schedule-calls-day-holder" type="hidden" value="{{date}}"&gt;
                          &lt;div class="schedule-calls-time-picker"&gt;
                              &lt;div class="col-lg-3"&gt;
                                  &lt;i class="fa fa-clock-o fa-2x"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="col-lg-9"&gt;
                                  &lt;input type="text" class="form-control" id="schedule-calls-time-input" value='{{time}}'&gt;    
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="btn-group col-lg-12" style="margin-top:5px;"&gt;
                              &lt;div class="btn btn-primary col-lg-12 set-schedule-calls"&gt;Schedule Call&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p><strong>Template Events</strong></p>
  
  <pre><code>  'click .picker-wrapper' : function (e) {
          console.log('clicked');
          e.stopPropagation();    
      }
  </code></pre>
  
  <p><strong>Template.rendered</strong></p>
  
  <pre><code>$('.schedule-calls-day-picker').datepicker()
      .on('changeDate', function(e){
          var tryDate = moment(e.date).format("YYYY-MM-DD")
          $('#schedule-calls-day-holder').val(tryDate);
      });
  </code></pre>