[Dropdown] Add button-like attached variations

I use semantic-ui-react. My issue: attached button and dropdown. Button has attach prop, Dropdown hasn’t.

        <div>
          <DropdownSearch attached="left" {...getProps(7)} placeholder="Лицевой счет"/>
          <Button attached="right" primary>New Next</Button>
        </div>

[dlynchcodes]

I was able to do it using ui fluid action input and adding input do the dropdown div like this:

<div class="ui fluid action input">
    <div class="ui multiple search selection input dropdown" 
         style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
        <input value="default" type="hidden" />
        <i class="dropdown icon"></i>
        <div class="default text"></div>
        <div class="menu">
            <div class="item"></div>
        </div>
    </div>
    <button id="selectallbutton" class="ui basic blue right icon button" 
            onclick="$( this ).toggleClass( 'basic' );"             
            data-tooltip="Select All">
        <i class="asterisk icon"></i>
    </button>
    <button id="excludeselectedbutton" class="ui basic red right icon button" 
            onclick="$( this ).toggleClass( 'basic' );"
            data-tooltip="Exclude Selected">
        <i class="ban icon"></i>
    </button>
</div>

[larsbo]

@a-x- I built an attached dropdown version (vertical only) some time ago: https://github.com/Semantic-Org/Semantic-UI/pull/3542