All files / src/shared/Tooltip GiveDateTooltip.tsx

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
 
 
 
263x
 
 
 
 
 
 
 
 
 
263x
1193x
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react";
import GiveTooltip from "./GiveTooltip";
 
const TIMEZONE_TOOLTIP_LABEL = "Eastern Time (ET)";
 
type GiveDateTooltipProps = {
  children: React.ReactElement;
};
 
/**
 * Wraps an event-timestamp date display with a tooltip indicating the
 * platform timezone. Do NOT use for calendar-date-only fields (DOB, due dates).
 */
const GiveDateTooltip = ({ children }: GiveDateTooltipProps) => (
  <GiveTooltip
    title={TIMEZONE_TOOLTIP_LABEL}
    placement="top"
    isArrow
    fluidWidth
    alignment="start"
  >
    {children}
  </GiveTooltip>
);
 
export default GiveDateTooltip;