Требовать ввода диапазона данных, чтобы разрешить запуск кнопки отключения

Question

У меня есть средство выбора диапазона данных, которое помогает моей таблице указывать диапазон:

HTML:

<form name="reportTable">
     <div class="form-group">
        <label for="daterange"
               class="col-lg-1 col-sm-1 col-xs-1 control-label no-padding-right">Date Range:
        </label>
        <div class="col-lg-2 col-sm-2 col-xs-2 no-padding-right">
            <div class="input-group date">
                <input class="form-control date-picker" type="text"
                       id="daterange" name="daterange"
                       required/>
                <span class="input-group-addon">
                  <i class="glyphicon glyphicon-calendar"></i>
                </span>
            </div>
        </div>
        <div class="col-lg-2 col-sm-2 col-xs-2 no-padding-right">
            <button class="btn btn-blue" ng-disabled="reportTable.$invalid"
                    ng-click="outputReport()">
                Run
            </button>
        </div>
    </div>
</div>

Контекст в настоящее время, когда вы запустите его, он автоматически получит информацию, связанную с датами. С указанием или без указания фактического диапазона дат, поскольку он, кажется, делает это автоматически. Я хотел бы предотвратить это, поэтому пользователь должен ввести диапазон для поиска. Тем не менее, я также подумал, что им нужно ввести диапазон дат, прежде чем нажимать кнопку запуска, отсюда и идея его отключения.

Независимо от того, как я это делаю, мне кажется, что кнопка не может быть отключена. Я просматривал примеры в Интернете, и я предполагаю, что в нем чего-то не хватает, но я не могу решить это. Любая помощь будет оценена.