| 1111 | } |
| 1112 | |
| 1113 | private renderListbox() { |
| 1114 | const { disabled, inputId, isExpanded, required } = this; |
| 1115 | |
| 1116 | return ( |
| 1117 | <button |
| 1118 | disabled={disabled} |
| 1119 | id={inputId} |
| 1120 | aria-label={this.ariaLabel} |
| 1121 | aria-haspopup="dialog" |
| 1122 | aria-expanded={`${isExpanded}`} |
| 1123 | aria-describedby={this.hintTextId} |
| 1124 | aria-invalid={this.isInvalid ? 'true' : undefined} |
| 1125 | aria-required={`${required}`} |
| 1126 | onFocus={this.onFocus} |
| 1127 | onBlur={this.onBlur} |
| 1128 | ref={(focusEl) => (this.focusEl = focusEl)} |
| 1129 | ></button> |
| 1130 | ); |
| 1131 | } |
| 1132 | |
| 1133 | private getHintTextId(): string | undefined { |
| 1134 | const { helperText, errorText, helperTextId, errorTextId, isInvalid } = this; |