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>