I have the following rich:calendar component:
<rich:calendar inputClass="dateField"
required="true"
tabindex="3"
disabled="#{pageaction == 'view'}"
value="#{cardBillingAndSettlementEditorUI.chargebacksEffectiveDate}"
datePattern="MM/dd/yyyy"
enableManualInput="true"
onchanged="checkDateRange(this, 90, 90);"
oninputkeypress="return restrictDate(this, event);"
oninputchange="checkDateRange(this, 90, 90);"
label="#{messages['/restricted/merchant/chargebacks.xhtml/field.effectiveDate']}" />
When I tab thru a few input fields, the focus sets to the input for the rich:calendar. If I hit tab again, the focus sets to the calendar icon/control in the page. How can I get it to skip the calendar icon and go to the next input control with tabindex=4?