Kendo ui 尝试创建带有附加按钮的文本输入

我正在尝试创建一个带有附加按钮的文本框，该按钮看起来类似于剑道日期选择器或NumericTextBox。这很接近，但并不完全一致。如果您能帮忙解决这个问题，我们将不胜感激

<style>
    .unselectable
    {
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
</style>

<span class="k-widget k-datepicker k-header" style="width: 136px">
    <span class="k-picker-wrap k-state-default">
    <input class="k-input" type="text" name="searchParam" id="searchParam" placeholder="Name ..." />
        <span class="unselectable k-button k-select">
            <img class="unselectable" src="~/Images/search_flashlight_16.png" />
        </span>
    </span>
</span>

.不可选择
{
-moz用户选择：-moz无；
-khtml用户选择：无；
-webkit用户选择：无；
-ms用户选择：无；
用户选择：无；
}

您需要的一切是： 看

. 

编辑：
由于提问者真的希望它表现为按钮（即点击效果），只需将k-button类添加到外部跨度。
我知道这是一个老问题，但我觉得这不是我想要的。因此，经过一点实验，我想出了一个不会让你的按钮闪烁的方法：

<span class="k-picker-wrap k-state-default">
  <input style="width: 100%;" type="text" class="k-input">
  <span unselectable="on" class="k-select" aria-label="select" role="button">
    <span class="k-icon k-i-filter"></span>
  </span>
</span>



实例：
谢谢！我错过了文档中的那一部分。这几乎是完美的。我真的希望它像一个按钮。如果你点击这个按钮，它不会像按钮一样改变颜色。如此接近。单击文本时，按钮也会单击。
<span class="k-picker-wrap k-state-default">
  <input style="width: 100%;" type="text" class="k-input">
  <span unselectable="on" class="k-select" aria-label="select" role="button">
    <span class="k-icon k-i-filter"></span>
  </span>
</span>