All files / src/shared/DatePicker/components CustomToolbar.tsx

50% Statements 1/2
100% Branches 0/0
0% Functions 0/1
50% Lines 1/2

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                38x                                
import { Box } from "@mui/material";
import GiveText from "@shared/Text/GiveText";
import { format } from "date-fns";
 
type TCustomToolbarProps = {
  date: any;
};
 
const CustomToolbar = ({ date }: TCustomToolbarProps) => {
  return (
    <Box width="100%" padding="24px" paddingBottom="0">
      <GiveText
        variant="h3"
        sx={{
          fontWeight: 300,
        }}
      >
        {format(new Date(date), "EEE, MMM d")}
      </GiveText>
    </Box>
  );
};
 
export default CustomToolbar;