title: How to get rid of x and up/down arrow elements of a input date?
body: <p><img src="https://i.stack.imgur.com/JTLii.png" alt="enter image description here"></p>
  
  <p>The only thing that I need showing up in the box there is the orange triangle, and I am not sure if I need CSS or something else to get rid of the two elements to the left of the triangle. </p>
  
  <p>Is there a way to do so? I am just using the input type <code>date</code>.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/5M2PD/1/" rel="noreferrer">http://jsfiddle.net/5M2PD/1/</a></p>