title: Remove arrows from form element select in Bootstrap 3
body: <p>I would like to remove the up/down arrows that show up next to the clock icon on right. Here is the image:</p>
  
  <p><img src="https://i.stack.imgur.com/Djx8i.png" alt="enter image description here"></p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="control-label"&gt;Date:&lt;/label&gt;
      &lt;div class="right-inner-addon "&gt;
          &lt;i class="glyphicon glyphicon-time"&gt;&lt;/i&gt;
          &lt;select class="form-control input-lg"&gt;
              &lt;option value="01"&gt;01&lt;/option&gt;
              &lt;option value="02"&gt;02&lt;/option&gt;
              &lt;option value="03"&gt;03&lt;/option&gt;
              &lt;option value="04"&gt;04&lt;/option&gt;
              &lt;option value="05"&gt;05&lt;/option&gt;
              &lt;option value="06"&gt;06&lt;/option&gt;
              &lt;option value="07"&gt;07&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p><br/>
  After applying the suggest css change below this is the result:</p>
  
  <p><img src="https://i.stack.imgur.com/F6DCS.png" alt="enter image description here"></p>