JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.7/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.7/themes/black-tie/jquery-ui.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<form action="#">
  <input name="birthdate" id="birthdate" />
  <input type="submit" value="Submit" />
</form>

JavaScript

$.validator.addMethod("validDate", function(value) {
  var d = new Date(value);

  return d && d.getFullYear() == '2011';
}, jQuery.validator.messages.date);

$("form").validate({
  rules: {
    birthdate: {
      required: true,
      validDate: true
    }
  }
});
$("#birthdate").datepicker({
  onClose: function() {
    /* Validate a specific element: */
    $("form").validate().element("#birthdate");
  }
});