Form Validation and jQueryUI Datepicker

fiddle.css

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

fiddle.html

<form id="jQueryValidateTest">
    <input type="date" required>
</form>​

fiddle.js

$(function() {

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

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

fiddle.manifest

name: jQuery Validation with jQueryUI Datepicker
description: Making date fields validate on datepicker close
authors:
  - Rob Tarr
resources:
  - https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js
  - http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js

normalize_css: no