components DateRange.tsx

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 2/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  
 
 
 
 
 
 
 
1x
2x
 
 
 
 
 
 
 
 
  import React from "react";
import { format } from "date-fns";
 
interface DateRangeProps {
  startDate: Date;
  endDate: Date;
}
 
export const DateRange: React.FC<DateRangeProps> = ({ startDate, endDate }) => (
  <div className="mt-4 pt-4 border-t border-gray-200">
    <div className="flex items-center gap-2 text-xs text-gray-500">
      <span>📅</span>
      <span className="font-medium">
        {format(startDate, "d MMM, yyyy")} - {format(endDate, "d MMM, yyyy")}
      </span>
    </div>
  </div>
);