title: How to restrict user to enter date manually in date field
body: <p>I am working on an application in which i want to restrict user to manually enter the date in the type=date field in html page.
  I want to restrict the user to select the date only from the calender display which is MM/DD/YYYY.</p>
  
  <p>Below is the code in html page :</p>
  
  <pre class="lang-js prettyprint-override"><code> &lt;input type="date" name="bankTrans" ng-model="orderAstro.paymentDate" 
          class="form-control" id="bankTrans"
          ng-disabled="isDisabled" required /&gt;
  </code></pre>
  
  
  
  <p>Also attaching the image for error clarity :
  <a href="https://i.stack.imgur.com/snWJc.png" rel="nofollow noreferrer">Image for error clarity</a></p>
  
  <p><img src="https://i.stack.imgur.com/snWJc.png" alt=""></p>