Example of Usage

<div class="field-group">
    <label for="projectdoc-duration-from">{getText('projectdoc.doctype.iteration.duration.from')}</label>
    <input id="projectdoc-duration-from" class="datepicker-field date-field text" 
           type="text" name="projectdoc-duration-from" size="10" autocomplete="off">
</div>
<div class="field-group">
    <label for="projectdoc-duration-to">{getText('projectdoc.doctype.iteration.duration.to')}</label>
    <input id="projectdoc-duration-to" class="datepicker-field date-field text" 
           type="text" name="projectdoc-duration-to" size="10" autocomplete="off">
</div>

<input id="projectdoc-adjustVarValues-toDatePicker" type="hidden"
          name="projectdoc-adjustVarValues-toDatePicker"
          value="projectdoc-duration-from, projectdoc-duration-to">

<at:var at:name="projectdoc-duration-from" at:rawxhtml="true"/>
<at:var at:name="projectdoc-duration-to" at:rawxhtml="true"/>