To achieve this you have two possibilities: Create a custom component or set the inputmask manually via jQuery. I implemented the second method this way:
Use the normal Autocomplete Widget
<h:form id="myPanel"> <p:autoComplete id="number" value="#{myBean.number}" completeMethod="#{myBean.complete}" /> </h:form>
Activate Inputmask via this little Javascript
<script> //<![CDATA[ $(document).ready(function() { $(':input[id="myPanel:number_input"]').inputmask("mask", {"mask": "(999) 999-9999"}); }); //]]> </script>
(3. Make sure you have included the inputmask jquery library:)
<script src="jquery.inputmask.js" type="text/javascript"/>
Although this solution does what it should do, i think the custom component would be the more cleaner way. Hope my Snippet helps you anyway.