GXT 4 custom date picker and custom date picker selection styles

DateFieldWithCustPickerFocus.java

import java.util.Date;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.datepicker.client.CalendarUtil;
import com.sencha.gxt.cell.core.client.form.DateCell;
import com.sencha.gxt.widget.core.client.DatePicker;
import com.sencha.gxt.widget.core.client.event.ExpandEvent;
import com.sencha.gxt.widget.core.client.event.ExpandEvent.ExpandHandler;
import com.sencha.gxt.widget.core.client.form.DateField;
import com.sencha.gxt.widget.core.client.menu.DateMenu;

public class DateFieldWithCustPickerFocus implements EntryPoint {


  @Override
  public void onModuleLoad() {
    final Date minValue = new Date();
    CalendarUtil.addDaysToDate(minValue, 30);

    final Date maxValue = new Date();
    CalendarUtil.addDaysToDate(maxValue, 70);

    DatePicker picker = new DatePicker();

    DateMenu dateMenu = new DateMenu(picker);

    DateCell cell = new DateCell();
    cell.setMenu(dateMenu);

    DateField field = new DateField(cell);
    field.setMinValue(minValue);
    field.setMaxValue(maxValue);

    field.addExpandHandler(new ExpandHandler() {
      @Override
      public void onExpand(ExpandEvent event) {

        final Date futureDate = new Date();
        CalendarUtil.addDaysToDate(futureDate, 30);

        picker.setValue(futureDate, false);
      }
    });

    // field.setValue(future);

    RootPanel.get()
        .add(field);
  }

}