title: Remove the arrow and cross that appears for TextField type=“time” material-ui React
body: <p>I am using the material-ui react textField with type time , I want to remove the  arrow and cross that appears on the right on hover and focus.</p>
  
  <p><a href="https://github.com/mui-org/material-ui/blob/master/docs/src/pages/demos/pickers/DatePickers.js" rel="noreferrer">https://github.com/mui-org/material-ui/blob/master/docs/src/pages/demos/pickers/DatePickers.js</a></p>
  
  <p><a href="https://i.stack.imgur.com/uyUyF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/uyUyF.png" alt="enter image description here"></a></p>