JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<label> Date range <input type="date" id="dateCheck" min="2000-01-01" max="2016-07-06" value="2016-06-06"> <button id="out-range">OutRange</button></label>

CSS

:out-of-range {
  background: red;
}

:in-range {
  background: lightgreen;
}

:valid {
  color:blue;
}

:invalid {
  color: white;
}

JavaScript

$(function(){
	$('#out-range').click(function(){
  	$('#dateCheck').val('2016-08-06');
  })
})