datepicker submit my form

[zerr0s]

Hello,

I'm new in using nebular. I have a reactive form and the datepicker is in a formgroup:

<form [formGroup]="subscriptionForm" (ngSubmit)="onSubmit(subscriptionForm)">
<p>
<input nbInput fullWidth formControlName="birthday" placeholder="Date de naissance" [nbDatepicker]="dateTimePicker" />
</p>
<nb-datepicker #dateTimePicker format="DD-MM-yyyy"></nb-datepicker>

When I use the buttons on top of the datepicker component (month/year selection), the component is submiting my form. How shoud I disable this behaviour ?

Thanks

[EmreAka]

Hello, would you like to try by adding $event.preventDefault() to the ngSubmit?

<form [formGroup]="subscriptionForm" (ngSubmit)="$event.preventDefault(); onSubmit(subscriptionForm)">
<p>
<input nbInput fullWidth formControlName="birthday" placeholder="Date de naissance" [nbDatepicker]="dateTimePicker" />
</p>
<nb-datepicker #dateTimePicker format="DD-MM-yyyy"></nb-datepicker>