Nested components and switching focus between them

I have this structure:

ParentComponent
    nestedComponent1(contains input)
    nestedComponent2(contains input)

When user enters a character in nestedComponent1 I want the focus to jump to nestedComponent2, is this possible?

How can I achieve this? should I listen to actions in the parents?

nestedComponent1:

{{input class="form-control meterReadingDial" maxlength=1 type=number}}

ParentComponent:

  {{#each dial in arrayForDials}}
    {{reading-dial isLast = dial.isLast}}
  {{/each}}