Skip to main content

Record Recurrency

This section describes the BfmRecordRecurrencyComponent component.

Composition​

The BfmRecordRecurrencyComponent has no any composition components.

Usage​

But if you need more customization, you need to import it in your module and use it in your template.

record-recurrency.component.ts
import { BfmRecordRecurrencyComponent } from '@celerofinancas/ui-cash-flow';

@Component({
standalone: true,
selector: 'record-recurrency',
imports: [BfmRecordRecurrencyComponent],
templateUrl: './record-recurrency.component.html',
})
export class CustomRecordRecurrencyComponent {}

Then, in your template, you can use the component like this:

record-recurrency.component.html
<bfm-record-recurrency 
[amounts]="amounts"
[installments]="installments"
[isRecurring]="isRecurring"
[recordDueAt]="recordDueAt"
(areInstallmentsValid)="handleAreInstallmentsValid($event)"
(installmentsChanged)="handleInstallmentsChanged($event)"
/>

Inputs​

The BfmRecordRecurrencyComponent component has the following inputs:

amounts​

Total value to be repeated or split between the recurrent or progress installments

TypeDefault
number[][]

installments​

Installments to fill the fields with

TypeDefault
literal type[][]

isRecurring​

Whether the financial record is a recurring or progress billing/payment

TypeDefault
booleanfalse

recordDueAt​

Financial record current due_at to get a base date to installments

TypeDefault
string''

Events​

The BfmRecordRecurrencyComponent component has the following events:

areInstallmentsValid​

Whether the installments are valid

Type
EventEmitter<any>

installmentsChanged​

Emits when any of the installments has had one of its parameters (value or date) changed

Type
EventEmitter<any>