The code to put in an html snippet in an InfusionSoft web form to add a jQuery UI datepicker to a date field, in this case, inf_custom_Date.

infusionsoft-datepicker-snippet

<style>
#inf_custom_Date {
  width:160px !important;
	float:left !important;
	display:inline !important;
}

#inf_custom_ApptHour {
width:100px;
float:right;
display:inline;
position: relative;
top: -27px;
left: -112px;
}

</style>

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" media="all" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
    <script>
    jQuery(function() {
       jQuery('#inf_custom_Date').datepicker({
			changeMonth: true,
            changeYear: true,
			minDate: 0, 
			maxDate: +20,
			showOtherMonths: true,
	      	selectOtherMonths: true
			});
    });
</script>