2008-08-08

This sample contains an input widget bound to 3 date widgets with different appearances.

Simple input control

Change date with an input (mm/dd/yyyy):

Bound to 3 date widgets with different appearances

"minimal": Same as xf:input
<xf:input ref="date" appearance="minimal" datatype="xf:date">
  <xf:label>Choose date:</xf:label>
</xf:input>
Choose date:
"compact" (default): Popup calendar
<xf:input ref="date" appearance="compact" datatype="xf:date">
  <xf:label>Choose date:</xf:label>
</xf:input>
Choose date:
"full": Static calendar
<xf:input ref="date" appearance="full" datatype="xf:date">
  <xf:label>Choose date:</xf:label>
</xf:input>
Choose date: