JSF :: Using Jquery Date Picker With Input Field In Bean

I have an bean vacationRequestBean with startdate and enddate of date field. I used jquery date picker in my index.xhtml for those fields. format is MM-dd-yyyy for date picker

<script>
$(function() {
$("#datepicker").datepicker();
});
</script>

and in xhtml

<h:inputText id="date" class="datepicker" value="#{vacationRequestBean.startdate }" >
<f:convertDateTime pattern="MM-dd-yyyy" type="date />
</h:inputText>

<h:inputText id="date" class="datepicker" value="#{vacationRequestBean.enddate }" >
<f:convertDateTime pattern="MM-dd-yyyy" type="date />
</h:inputText>

I am getting error as "<f:convertDateTime > Parent not an instance of ValueHolder". How to store the value selected using jquery date picker to bean on submitting the form.