Also here is the code for the time picker
:-)
<ui:composition>
<t:dojoInitializer require="dojo.widget.DropdownTimePicker" />
<t:inputText value="#{entity[fieldName]}" id="#{id}" forceId="true" >
<s:convertDateTime pattern="HH:mm" />
</t:inputText>
<script type="text/javascript">
var #{id}_value = dojo.byId("#{id}").value;
if(!#{id}_value)
#{id}_value = "";
dojo.widget.createWidget("DropdownTimePicker",{widgetId:
"#{id}_dojoWidget", inputId: "#{id}", inputName: "#{id}",
timeFormat:"%H:%M" },dojo.byId('#{id}'));
dojo.widget.byId("#{id}_dojoWidget").inputNode.value = #{id}_value;
</script>
</ui:composition>