test2.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

	<xp:div>
		<xp:this.styleClass><![CDATA[#{javascript:return "col-sm-" + compositeData.xCol}]]></xp:this.styleClass>
<!-- 		<xp:inputText id="inputText1" value="#{mainDoc[compositeData.dataField]}"> -->
		<xp:inputText id="inputText1"
			value="#{viewScope[compositeData.dataField]}" maxlength="0">
			<xp:this.attrs>

				<xp:attr name="timepicker" value="yes"></xp:attr>
				<xp:attr name="data-inputmask">

					<xp:this.value><![CDATA[#{javascript:return "'mask': '99:99'"}]]></xp:this.value>
				</xp:attr>





			</xp:this.attrs>
			<xp:this.styleClass><![CDATA[#{javascript:return "form-control timepick " +compositeData.xStyleClass}]]></xp:this.styleClass>
		</xp:inputText>
	</xp:div>
	
	<xp:scriptBlock>
		<xp:this.value><![CDATA[ 



//$("[datepicker^='yes']").datepicker({todayHighlight: true , format: "dd/mm/yyyy", language: 'tr'}); //içerisinde datepic
$('.timepick').clockpicker( {placement: 'bottom', align: 'left', autoclose: true, 'default': 'now', 'vibrate': false});
$(function() { $('.mask').inputmask(); });

	  



]]></xp:this.value>
	</xp:scriptBlock>
</xp:view>