Primeface p:calendar css change child css class with form-control from bootstrap

This is the primefaces xhtml p:clendar

here is the p:calendar usage

1
 

and on the bottom of the pages add this to update when the browser is ready 😀

we are using widgetVar to modify this css class 😀

1
2
3
<script type="text/javascript">// <![CDATA[
$(document).ready(function () { PrimeFaces.widgets.german4.jq.children("input").addClass("form-control"); PrimeFaces.widgets.german5.jq.children("input").addClass("form-control"); });
// ]]></script>

Happy coding 😀