<div class="date-row col-md-12" ng-repeat="(key, scheduleDate) in step.scheduledDates">
    <label class="col-md-5">{{'orders.tables.extra.DATE' | translate}}</label>
    <input ng-model="scheduleDate.scheduledDate"
    element-data="{step, scheduleDate}"
    class="col-md-3"
    on-date-selected="updateScheduledDates"
    ng-disabled="canNotEditDate(scheduleDate)"
    datepicker
    id="schedule-date-{{scheduleDate.idPackage}}-{{scheduleDate.idProcessStep}}-{{key}}"/>

    <div class="col-md-12" ng-repeat="userConfirmation in scheduleDate.confirmations">
        <div class="col-md-5">
            {{userConfirmation.username}} ({{userConfirmation.userType}})
        </div>
        <div class="col-md-2 confirmation-{{userConfirmation.status}}">
            <span class="glyphicon glyphicon-{{getIcon(userConfirmation.status)}}"></span>
            {{userConfirmation.status}}
        </div>
    </div>
</div>

<div class="col-md-12">
    <div class="col-md-3 btn btn-primary" ng-click="addNewSchedule(step)">
        <span class="glyphicon glyphicon-plus"></span>
        <span class="add-new-schedule">{{'orders.buttons.ADD_OPTIONAL_DATE' | translate}}</span>
    </div>
</div>
