dateOfBirth = dateOfBirth; } Run the application, go to the Registration page, and you will see the new control on it: Advanced Components [ 146 ] Click on the small icon to the right, and in the beautiful calendar that opens you will be able to choose a date: However, by default the selected date will be displayed in the American format, like 10/31/07 for the 31st of October. What if you would rather prefer to see it in the European format, 31/10/07? We can use the format property of the DateField component to display the date how we like: t:format="%d/%m/%y"/> You can also construct a completely different date format. For example, %b %e, %Y will produce the result Oct 31, 2007. For the complete list of formatting characters check http://www.dynarch.com/demos/jscalendar/doc/html/reference. html#node_sec_5.3.1, but the following are a few that might be most useful: Chapter 5 [ 147 ] Formatting character Its meaning %a Abbreviated weekday name %A Full weekday name %b Abbreviated month name %B Full month name %d The day of the month (00...31) %e The day of the month (0...31) %m Month (01...12) %y Year without the century (07) %Y Year including the century (2007) We can use the DateField component everywhere we need to edit a property of the java.