2011-09-07

CSS
Hover the classes to see matching element(s) in the example
xfInput matches an Element that represents a XForms input element
xsdDate matches an Element that is bound to a node widht datatype date
xfControl matches an Element that represents a XForms control
xfLabel matches the label part of an XForms control
xfValue matches the widget part of an XForms control
xfReadOnly matches a xforms control that is currently readonly
xfReadWrite matches a xforms control that is currently writable
xfRequired matches a xforms control that is currently required
xfOptional matches a xforms control that is currently optional
xfEnabled matches a xforms control that is currently relevant (enabled)
xfDisabled matches a xforms control that is currently disabled (can't be visualized here as the control gets hidden)
xfValid matches a xforms control that is currently valid
xfInvalid matches a xforms control that is currently invalid

# Calendar input control

This form control enables free-form data entry or a user interface component appropriate to the datatype of the bound node.

An input which binds to a Node of type 'date' is rendered as a popup calendar control. The value may also be be typed in directly.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

a calendar Hint for this date control help for input1 invalid
CurrentValue:
readonly required relevant valid today

## XForms Markup

    <xf:input id="input1" ref="input1/value" incremental="true">
        <xf:label>a calendar</xf:label>
        <xf:hint>Hint for this date control</xf:hint>
        <xf:help>help for input1</xf:help>
        <xf:alert>invalid</xf:alert>
    </xf:input>

## Limitations

The date control is currently not fully accessible esp. keyboard navigation is not working in the current version of Dojo.