title: How to replace PM & AM in html input-time with icons or words
body: <p>I want to translate <strong>PM</strong> A&amp; <strong>AM</strong> in input time type to arabic or any other language or replace it with icons as example change PM=X and AM=Y</p>
  <p>html</p>
  <pre><code> &lt;label for=&quot;first&quot; class=&quot;&quot;&gt;{{__('From Hour')}}&lt;/label&gt;
     &lt;input type=&quot;time&quot; class=&quot;form-control input-md&quot;name=&quot;&quot; id=&quot;from_hour&quot; value=&quot;&quot;&gt;
  </code></pre>
  <p>This Image to be more understandable  :</p>
  <p><a href="https://i.stack.imgur.com/BOjJJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BOjJJ.png" alt="enter image description here" /></a></p>