title: How to remove JQuery's Ui-Datepicker-Year select arrows
body: <p>I am using jquery's ui-date-picker and have modified the css.
  I am having trouble removing the arrows from beside the year. I just want to be able to click on the year then the drop down shows and lets me select the year. How can I go from</p>
  
  <p>This </p>
  
  <p><a href="https://i.stack.imgur.com/QoRdH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QoRdH.png" alt="Dropdown with arrows"></a></p>
  
  <p>To This</p>
  
  <p><a href="https://i.stack.imgur.com/aq1L6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aq1L6.png" alt="Dropdown without arrows"></a></p>
  
  <p>I know I am able to select the year with .ui-datepicker-year and have tried accessing the element that comes after but I am not able to target the arrows...and turn off the display. </p>