[Input] supports actions on both sides

[layershifter]

Feature Request

Comes from Semantic-Org/Semantic-UI-React#3944.

Currently it's possible to have an action on left/right for inputs and even multiple actions. However, it's not possible to have actions on both sides. I tried to find previous conversations about this in FUI/SUI repo to link issues, but haven't found them.

Example (if possible)

https://jsfiddle.net/ed6sbn50/4/

Screenshot (if possible)

[layershifter]

IMHO, I don't think that this should be implemented as it allows to create to complex UIs. A single use case that I see is a control with minus/plus:

<div class="ui action input">
  <button class="ui icon button">
    <i class="icon minus"></i>
  </button>
  <input placeholder="Search..." type="text" />
  <button class="ui icon button">
    <i class="icon plus"></i>
  </button>
</div>

https://jsfiddle.net/zcjka4g3/4/

[jamessampford]

I believe related to #536