html5 input type time without AM-PM and with min-max

Question

How can i remove the AM=PM part at this input

<input type='time' min='1:30' max='2:30'>

Also, As you can see i tried to add the min and max as the time itself but didn't work, How can i make it work? And it keeps telling me "Enter a valid value" each time i try to submit it without AM-PM

Answer 1

.without_ampm::-webkit-datetime-edit-ampm-field {
   display: none;
 }
 input[type=time]::-webkit-clear-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -ms-appearance:none;
   appearance: none;
   margin: -10px; 
 }

<!--use step="1" to show seconds-->
   <input type="time" class="without_ampm"  />