Align input text icon to the right

Issue

I'm trying to add an icon to the end of the field input that, regardless of the width of INPUT, the icon always stays on the right, with a small offset from the edge. I tried this:

<div class='span6'>
    <i class="icon-calendar icon-large"></i>
     <input type="text" class="datepicker span12 dats" id="dpd2" placeholder="Choose Depart Date">
</div>

.icon-calendar {      
    display: inline-block;
    position:absolute;
    z-index:3;
    line-height: 42px;
    text-indent: 106px;
}

and does not work. Help me, please. Using the bootstrap and font awesome

all code here

Solution

This code will work.

 .span6 { position: relative; }

.icon-calendar { right: 5px; }

Answered By - Chad