ｊquery-ui の DatePicker のサイズを調整

jquery-ui の DatePicker のサイズを調整する場合は、CSSを追記する。

my.css　を用意して以下を記述

.ui-datepicker{
    font-size: 80%;
}


フォントサイズを指定することで全体的にサイズが変わる。
Wicket でのCSSの適用は、、

public class BasePage extends WebPage{

   public BasePage(){
   
   }
   @Override
   public void renderHead(IHeaderResponse response){
      super.renderHead(response);
      response.render(CssHeaderItem.forReference(new CssResourceReference(
            com.jqueryui.css.ReferJqueryUICss.class, "jquery-ui-1.10.3.custom.min.css"
      )));
      response.render(JavaScriptHeaderItem.forReference(new JavaScriptResourceReference(
            com.jqueryui.js.ReferJqueryUI.class, "jquery-ui-1.10.3.custom.js"
      )));
      // jquery-ui CSS の後ろに置く
      response.render(CssHeaderItem.forReference(new CssResourceReference(BasePage.class, "my.css")));
   }
}


しかし、デフォルトサイズの方が、見た目は綺麗に見える。