Af:chooseDate always shows wrong selection (today's date)

Question

Hi,
I'm using 10.1.3.3. I think that the af:chooseDate component has a serious usability problem: it's always showing today's date as currently selected, although the related af:selectInputDate component is refreshed correctly. This is true even:
- after any number of clicks (selections),
- after changing the month back and forth,
- when using different types (Date, Calendar, String) of bound variables (e.g. in a session bean),
- when the bound variable has a default value,
- when triggering additional PPR refresh event for the component (just to be sure that it's refreshed).
Does anybody have any ideas how to make it work correctly? This behaviour is very confusing for the users and I really need to use this component instead of a popup window offered by af:selectInputDate.
Thanks in advance,
Patrik

Answer 1

Frank, I think that's just another description of the problem. Though it does not have a state, it knows about the input field - so the selection should be refreshed via PPR or JavaScript. In case anybody is interested, here is the JS i wrote to solve this.
// Mark clicked day as selected in an af:chooseDate component
function markClickedDayAsSelected(e) {
    var eventSourceElement;
    if(e==null) {
        eventSourceElement = event.srcElement; //IE
    else {
        eventSourceElement = e.target; //FF
    if (eventSourceElement.className != "x4r" && eventSourceElement.nodeName == "A") {
        var days = document.getElementById("formId:chooseDateId").getElementsByTagName("tbody")[0].getElementsByTagName("tr")[1].
getElementsByTagName("td")[0].getElementsByTagName("table")[0].getElementsByTagName("tbody")[0].getElementsByTagName("span");
        for (var i=0; i<days.length; i++) {
            var d = days;
if (d.className=="x4r") {
// Move innerHTML outside of SPAN.x4r (into A) and remove SPAN.x4r
var newInner = d.innerHTML;
var appendToNode = d.parentNode;
appendToNode.innerHTML=newInner;
break;
// Move innerHTML into a new SPAN.x4r inside A
var newSpan = document.createElement("span");
newSpan.className="x4r";
var inner = eventSourceElement.innerHTML;
newSpan.innerHTML=inner;
eventSourceElement.innerHTML="";
eventSourceElement.appendChild(newSpan);
Regards,
Patrik