'accessibility issue in rc-time-picker - not able to access the popup select control by key board

I am not able to access the select popup using tab/arrow keys in rc-time-picker react component.

<div className="input-group">
    <div id={id}>
        <TimePicker
            defaultValue={value}
            value={value}
            format={this.state.displayformat}
            showSecond={false}
            minuteStep={5}
            disabled={this.props.readonly}
            onChange={this.handleValueChange}
            use12Hours
            inputReadOnly
        />
    </div>
    <div className="input-group-addon"><span className="glyphicon glyphicon-time"></span></div>
</div>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source