jQuery Validation with jQueryUI Datepicker

Making date fields validate on datepicker close author(s): Rob Tarr

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form id="jQueryValidateTest">
    <input type="date" required>
</form>​

CSS

.valid {
  background: green;
  color: #fff;
}
.error {
  background: red;
  color: #fff;
}

JavaScript

$(function() {

  $( "#jQueryValidateTest" ).validate();

  $( "[type=date]" ).datepicker({
    onClose: function() {
      $( this ).valid();
    }
  });
});