<table class="scheduleTag">
  <tr>
    <td>
      h:
    </td>
    <td>
      <input
        type="number"
        min="0"
        max="23"
        id="hours"
        name="hours"
        ng-value="form.schedule.hours"
        class="form-control"
        ng-model="form.schedule.hours"
        ng-disabled="form.disabled">
    </td>
    <td>
      m:
    </td>
    <td>
      <input
        type="number"
        min="0"
        max="59"
        id="mins"
        name="mins"
        ng-value="form.schedule.mins"
        class="form-control"
        ng-model="form.schedule.mins"
        ng-disabled="form.disabled">
    </td>
    <td>
      s:
    </td>
    <td>
      <input
        type="number"
        min="0"
        max="59"
        id="secs"
        name="secs"
        ng-value="form.schedule.secs"
        class="form-control"
        ng-model="form.schedule.secs"
        ng-disabled="form.disabled">
    </td>
  </tr>
</table>

<div ng-form="scheduleForm">
  <table class="scheduleTag">
    <div class="form-group" ng-class="{'has-error': scheduleForm.hours.$invalid && !scheduleForm.hours.$pristine}">
      <tr>
        <td>
          h:
        </td>
        <td>
          <input
            type="number"
            min="0"
            max="23"
            id="hours"
            name="hours"
            ng-pattern="form.schedule.pattern.hours"
            ng-value="form.schedule.hours"
            class="form-control"
            ng-model="form.schedule.hours"
            ng-disabled="form.disabled">
        </td>
        <td>
          m:
        </td>
        <td>
          <input
            type="number"
            min="0"
            max="59"
            id="mins"
            name="mins"
            ng-pattern="form.schedule.pattern.minsAndSecs"
            ng-value="form.schedule.mins"
            class="form-control"
            ng-model="form.schedule.mins"
            ng-disabled="form.disabled">
        </td>
        <td>
          s:
        </td>
        <td>
          <input
            type="number"
            min="0"
            max="59"
            id="secs"
            name="secs"
            ng-pattern="form.schedule.pattern.minsAndSecs"
            ng-value="form.schedule.secs"
            class="form-control"
            ng-model="form.schedule.secs"
            ng-disabled="form.disabled">
        </td>
      </tr>
    </div>
    <p ng-show="scheduleForm.hours.$invalid && !scheduleForm.hours.$pristine ||
      scheduleForm.mins.$invalid && !scheduleForm.mins.$pristine ||
      scheduleForm.secs.$invalid && !scheduleForm.secs.$pristine" class="text-danger">
      Time is invalid.
    </p>
  </table>
</div>

Add validation to schedule tag.
Add validation to schedule tag.
