jquery - Display Kendo datepicker icon on the left -

The condo datapicator adds a calendar icon to the right of the control input. Normally, it's okay, and it looks great .

However, in my style guide, there are icons on the left of my form input. For example:

  & lt; Div class = "input-prepaid" & gt; & Lt; Span class = "add-on" & gt; & Lt; I class = "fa-fs-USD" & gt; & Lt; / I & gt; & Lt; / Span & gt; @ Html.TextBoxFor (m = & gt; m.PayContribution, "{0: 0.00}", new {@class = "span10", value = @model.peccontent == 0m? "": @models. Contribution. Toaster ()}) & lt; / Div & gt;  

This is the effect of most users "25.00 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; For some looking silly, "$$" instead of "$ 25.00"

I did not want to leave my datepickers with the right-handed icons and do all my input with left-handed icons. There is no way to change the icon of the candoos on the other side of the box? Such a thing is not trivial in the telerk's documentation, but self The response to the response shows that there can be no documentary options. In the final dedication, hacking on DOM or CSS is another option.

The trick performed in the following CSS:

  duration [ram = button] K-select {left: 0; border-left: 0; border-right: 1 px solid RGB (231, 231, 231); boundary-radius: 0;} .k-picker-wrap {padding-left: 26px; padding-right: 0;}