DateField - css style

How to set the style of the textfield of DateField ?
Where the user types in the date in the textbox of the DateField

I tried using setStyleName("mybold")

where the css mybold is font-weight: bold;

but it does not work

Try looking at the DOM tree with a tool like Firebug. With it you will see which DOM elements actually got your css, there may be a child div that overrides your font-weight attribute, so you might have to adjust your css to apply to that exact div.

Use the following selector:

.mybold .v-datefield-textfield {
   font-weight: bold;
}