<tr>
    <td>
        <input type="text" class="form-control  datepicker updateElement" data-colName="care_plan_date"
            data-tableName="{$tableName}" data-itr="{$itr}" data-id="{$data->id}" />
    </td>
    <td>
        <input type="text" class="form-control updateElement" data-colName="needs" value=""
            data-tableName="{$tableName}" data-itr="{$itr}" data-id="{$data->id}" />
    </td>
    <td>
        <input type="text" class="form-control updateElement" data-colName="intervention" value=""
            data-tableName="{$tableName}" data-itr="{$itr}" data-id="{$data->id}" />
    </td>
    <td>
        <input type="text" class="form-control updateElement" data-colName="outcome" value=""
            data-tableName="{$tableName}" data-itr="{$itr}" data-id="{$data->id}" />
    </td>
    <td>
        <input type="text" class="form-control updateElement" data-colName="timeframe" value=""
            data-tableName="{$tableName}" data-itr="{$itr}" data-id="{$data->id}" />
    </td>
    <td>
        <a class="btn grey-cascade btn-xs deletemsgEX" data-itr="{$itr}" data-id="{$data->id}"
            data-tableName="{$tableName}" style=" float: left;" href="#" data-link="heart_reports" data-fn="del">
            <i class="fa fa-close"></i>
        </a>
    </td>
</tr>

{literal}
<script type="text/javascript">
    $(".datepicker").datepicker({
        autoclose: true
    });
</script>
{/literal}