widgets PerformancePeriodWidget.tsx

0% Statements 0/30

0% Branches 0/1

0% Functions 0/1

0% Lines 0/30

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { memo } from 'react';
import { FormattedMessage } from 'react-intl';

import { FormattedWidgetDate } from './common/FormattedWidgetDate';
import { PlanInformationWidgetBase } from './PlanInformationWidgetBase';

type PerformancePeriodWidgetProps = {
  readonly startDate?: Date;
  readonly endDate?: Date;
};

export const PerformancePeriodWidget = memo(function PerformancePeriodWidget({
  endDate,
  startDate,
}: PerformancePeriodWidgetProps) {
  return (
    <PlanInformationWidgetBase
      title={<FormattedMessage defaultMessage="Performance period" />}
      value={
        <FormattedMessage
          defaultMessage="{startDate} - {endDate}"
          values={{
            endDate: <FormattedWidgetDate value={endDate} />,
            startDate: <FormattedWidgetDate value={startDate} />,
          }}
        />
      }
    />
  );
});