How to Remove Hover effect of Today button in GXT DatePicker

Question

I'm using the DateField in Gxt 3.1.1, please help me how can I customize/remove the hover effect when the mouse hovered on 'Today' button as in the example. I've tried to write a wrapper of DatePickerCustom as below to access todayBtn behavior,

public class DatePickerCustom extends DatePicker {
    public DatePickerCustom() {
        super();
    }
    public TextButton getTodayButton() {
        return this.todayBtn;
    }
}

which is used by DateField internally, and wrote a wrapper for DateField as below to access DatePickerCustom as below to override the existing behavior of getDatePicker() in DateField

public class DateFieldCustom extends DateField {
    private DatePickerCustom myPicker;
    public DateFieldCustom(){
        super();
        myPicker = new DatePickerCustom();
    }
    @Override
    public DatePickerCustom getDatePicker(){
        return myPicker;
    }
    public init(){
        myPicker.getTodayButton().removeToolTip(); //line 1
        myPicker.getTodayButton().setToolTipConfig(null) //line 2
    }
}

Surprisingly the code at //line 1 or 2 has no effect to remove hover effect on 'Today' hover of DateField.

Please help.

Answer 1

TodayButton defined with protected access modifier to access and control the behavior of Today button you have have to extend the class and handle it.

1. Subclass the Datepicker
2. Expose the Today button through public method.
3. Now you have full access to today button. So you can manage as you want.
4. Set the setToolTipConfig to null to hide the tooltip. Eg: picker.getTodayButton().removeToolTip(); or picker.getTodayButton().setToolTipConfig(null)

public class DatePickerCustom extends DatePicker {

public DatePickerCustom() {
    super();
}

public TextButton getTodayButton() {
    return this.todayBtn;
}

}

---

Update for DateField, I haven't tried but It is going to be bit complex DatePicker attached to DateMenu then DateMenu attached to DateField through DateCell. You have to extend these class to set customised DatePicker behaviour. Pass the extented DateCell instance to create DateField object.