A large skin for Dateinput
Because the calendar is an overlayed element it is possible to use a large layout and the user experience won't suffer - quite the contrary.
The initialization of the dateinput is identical to the minimal setup, only a different CSS file has been used for the look and feel of the calendar control. It uses only two very (0.28 Kb) small (1.30 Kb) background gradient images and some of the latest CSS techniques. For example:
Obviously all these nice CSS tricks won't work in every browser. It is up to you to decide what kind of compromises you want to make. Take a look at the skinning documentation for the details of CSS id and class names.