title: Disable or modify input[date] default buttons/controls and datepicker
body: <p>I have an <code>input</code> field of type <code>date</code> (for validation using <code>ngMessages</code>):</p>
  
  <pre><code>&lt;input type="date" ng-model="info.date" id="datefield" class="input-field datepicker"&gt;
  </code></pre>
  
  <p>I am using my own Bootstrap datepicker.</p>
  
  <p>I want to get rid of the default datepicker calendar and also the default buttons/controls that <code>input[date]</code> has: </p>
  
  <p><a href="https://i.stack.imgur.com/y2LHo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y2LHo.png" alt="enter image description here"></a></p>
  
  <p>How do I get rid of these? </p>
  
  <p>In case I can't get rid of these, I am ok with using the default calendar datepicker that comes from AngularJS but how do I style these elements (calendar and buttons/controls)?</p>