title: JavaScript date-time max/min not working when the user types in values manually
body: <p>I'm currently using the JavaScript built in date-time. The max/min constraints, however, seem to only apply when the user uses the graphical arrows to change the values. For example, if I change the day in this code using the arrows, and try to increase the day past <code>06-14</code>, it will automatically reset to <code>06-07</code>. However, if I set the day manually using my keyboard, I can set it to any number, disregarding the max/min (i.e. I can set the date to <code>06-01</code> if I type in 1). Is there any way to fix this?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;label for="meeting-time"&gt;Choose a time for your appointment: &lt;/label&gt;
  
      &lt;input type="datetime-local" id="meeting-time"
         name="meeting-time" value="2018-06-12T19:30"
         min="2018-06-07T00:00" max="2018-06-14T00:00"&gt;</code></pre>
  </div>
  </div>
  </p>