> ## Documentation Index
> Fetch the complete documentation index at: https://docs-beta.layerfi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cash Flow Statement

> The Cash Flow Statement report

The statement of cashflows component is an interactive table displaying cash changes broken out into investing, financing, and operational activities. It is shown calculated via the standard indirect method.

![Statement of Cash Flows](https://github.com/Layer-Fi/layer-react/assets/1592431/39d92340-405b-46e4-873d-175b6c75f96b)

```tsx theme={null}
import { CashFlowStatement } from "@layerfi/components";
…

<CashFlowStatement/>
```

### Properties

<ParamField body="defaultDatePickerMode" type="enum">
  Date picker mode for the Profit and Loss report. Defaults to 'monthPicker'.
  Available values: `['dayRangePicker', 'monthPicker']`.
</ParamField>

<ParamField body="allowedDatePickerModes" type="array">
  If more than one value is specified, users will be able to switch between them in the date picker.
  Available values: `['dayRangePicker', 'monthPicker']`.
</ParamField>

<ParamField body="customDateRanges" type="array">
  Custom date ranges to show in the date picker.

  <Expandable title="CustomDateRange properties">
    <ParamField body="label" type="string">
      Label to show in the date picker.
    </ParamField>

    <ParamField body="startDate" type="Date">
      Start date of the custom date range.
    </ParamField>

    <ParamField body="endDate" type="Date">
      End date of the custom date range.
    </ParamField>
  </Expandable>
</ParamField>