Displays a year in the Date Picker widget.
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
xmlns:widget="http://www.volantis.com/xmlns/2006/05/widget"
xmlns:si="http://www.volantis.com/xmlns/2006/01/xdime2/si"
xmlns:xforms="http://www.w3.org/2002/xforms">
<head>
<title>widget:date-picker</title>
<xforms:model>
<xforms:instance>
<si:instance>
<si:item name="date"/>
</si:instance>
</xforms:instance>
</xforms:model>
</head>
<body>
<div>
<div>Click the field to unfold Date Picker</div>
<xforms:input id="date" ref="date">
<xforms:label>Date </xforms:label>
</xforms:input>
<widget:date-picker id="myDatePicker" inputField="date">
<widget:previous-year> << </widget:previous-year>
<widget:previous-month> < </widget:previous-month>
<widget:month-display/>
<widget:year-display/>
<widget:next-month> > </widget:next-month>
<widget:next-year> >> </widget:next-year>
<widget:calendar-display/>
<widget:set-today>today</widget:set-today>
<widget:button action="myDatePicker#dismiss">close</widget:button>
</widget:date-picker>
</div>
</body>
</html>