Disable past dates in input type date and also in inner-spin arrows
<p>I have disabled the past dates using the below script. But I'm unable to disable the past dates in inner-spin arrows. </p>

<p>Many search results show to hide the inner-spin arrows only; I don't want to hide the inner-spin arrows. Is it possible to disable the past dates in inner-spin arrows? </p>

<pre><code> //disable past dates
 var today = new Date().toISOString().split('T')[0];
 document.getElementsByName("dateField")[0].setAttribute('min', today);

 //hide inner-spin arrows
 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
 -webkit-appearance: none; margin:0;
 }
</code></pre>