<table>
  <tbody>
    <tr>
      <td class="form-group">
        <input
          type="text"
          class="form-control text-center bs-timepicker-field"
          [disabled]="disabled"
          [placeholder]="'HH`HOURS`' | translate"
          [(ngModel)]="hours"
          (input)="parseValue('hours', 'lastValidHours', 23); initializeMinutes()"
          (change)="emitValue()"
          (wheel)="handleHourScroll($event)"
          (focus)="markAsTouched()"
        />
      </td>
      <td>&nbsp;:&nbsp;</td>
      <td class="form-group">
        <input
          type="text"
          class="form-control text-center bs-timepicker-field"
          [disabled]="disabled"
          [placeholder]="'MM`MINUTES`' | translate"
          [(ngModel)]="minutes"
          (input)="parseValue('minutes', 'lastValidMinutes', 59); initializeHours()"
          (change)="emitValue()"
          (wheel)="handleMinuteScroll($event)"
          (focus)="markAsTouched()"
        />
      </td>
    </tr>
  </tbody>
</table>