diff --git a/src/containers/FinancialStatements/FinancialStatementDateRange.tsx b/src/containers/FinancialStatements/FinancialStatementDateRange.tsx index 592a98cf0..fdb09cf35 100644 --- a/src/containers/FinancialStatements/FinancialStatementDateRange.tsx +++ b/src/containers/FinancialStatements/FinancialStatementDateRange.tsx @@ -1,14 +1,16 @@ // @ts-nocheck -import React from 'react'; +import React, { useMemo } from 'react'; import intl from 'react-intl-universal'; import moment from 'moment'; import { FastField, ErrorMessage } from 'formik'; import { HTMLSelect, FormGroup, Intent, Position } from '@blueprintjs/core'; +import { DateInput } from '@blueprintjs/datetime'; + import { Row, Col, Hint } from '@/components'; import { momentFormatter, parseDateRangeQuery } from '@/utils'; -import { DateInput } from '@blueprintjs/datetime'; import { dateRangeOptions } from './constants'; +const FINANCIAL_REPORT_MAX_DATE = moment().add(5, 'years').toDate(); /** * Financial statement - Date range select. @@ -19,10 +21,7 @@ export default function FinancialStatementDateRange() { - {({ - form: { setFieldValue }, - field: { value }, - }) => ( + {({ form: { setFieldValue }, field: { value } }) => ( } @@ -40,8 +39,14 @@ export default function FinancialStatementDateRange() { const dateRange = parseDateRangeQuery(newValue); if (dateRange) { - setFieldValue('fromDate', moment(dateRange.fromDate).toDate()); - setFieldValue('toDate', moment(dateRange.toDate).toDate()); + setFieldValue( + 'fromDate', + moment(dateRange.fromDate).toDate(), + ); + setFieldValue( + 'toDate', + moment(dateRange.toDate).toDate(), + ); } } setFieldValue('dateRange', newValue); @@ -78,6 +83,7 @@ export default function FinancialStatementDateRange() { canClearSelection={false} minimal={true} fill={true} + maxDate={FINANCIAL_REPORT_MAX_DATE} /> )} @@ -109,6 +115,7 @@ export default function FinancialStatementDateRange() { fill={true} minimal={true} intent={error && Intent.DANGER} + maxDate={FINANCIAL_REPORT_MAX_DATE} /> )}