I have a custom component that contains an input and a button like this

```
<div class="input-group">
    <input type="text" class="form-control form-control-sm"
        (input)="change($event)"
        ngbDatepicker #d="ngbDatepicker" required
        #datef />
    <div class="input-group-append">
        <button type="button" class="btn btn-sm btn-success" (click)="d.toggle()" type="button">
            <i class="fa fa-calendar"></i>
        </button>
    </div>
</div>

```

I'd like it to have some funcionality so when the user press enter on the input it should emit a pseudo event

```
<custom-datepicker (keyup.enter)="handleKeyboard($event)"></custom-datepicker>

```

I've tried with @HostListener, but I'm getting errors about too much recursion, please, help me