title: Date input not working in firefox
body: <p>I have the following date input:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="start_date"&gt;Start Date&lt;/label&gt;
      &lt;input type="date" class="form-control" name="start_date" id="start_date" placeholder="mm/dd/yyyy"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I click on it in chrome, a date picker pops up:</p>
  
  <p><a href="https://i.stack.imgur.com/BEih4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BEih4.png" alt="datepicker in chrome"></a></p>
  
  <p>However, if I click it in firefox, the datepicker does not pop <a href="https://i.stack.imgur.com/g6YT5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/g6YT5.png" alt="datepicker in firefox"></a>up:</p>
  
  <p>Does anyone know why this is happening and/or how I can fix it in firefox so it is consistent?</p>
  
  <p>Note - I am using bootstrap 3</p>
  
  <p>Thanks in advance!!</p>