v2.3.1
This commit is contained in:
32
demos/custom/MyTooltipContent.jsx
Normal file
32
demos/custom/MyTooltipContent.jsx
Normal file
@@ -0,0 +1,32 @@
|
||||
import { format } from 'date-fns';
|
||||
import './MyTooltipContent.css';
|
||||
|
||||
function MyTooltipContent(props) {
|
||||
const { data } = props;
|
||||
|
||||
const mask = 'yyyy.MM.dd';
|
||||
return (
|
||||
<>
|
||||
{data ? (
|
||||
<div className="wx-SfydHtKO data">
|
||||
<div className="wx-SfydHtKO text">
|
||||
<span className="wx-SfydHtKO caption">{data.type}: </span>
|
||||
{data.text}
|
||||
</div>
|
||||
<div className="wx-SfydHtKO text">
|
||||
<span className="wx-SfydHtKO caption">start: </span>
|
||||
{format(data.start, mask)}
|
||||
</div>
|
||||
{data.end ? (
|
||||
<div className="wx-SfydHtKO text">
|
||||
<span className="wx-SfydHtKO caption">end: </span>
|
||||
{format(data.end, mask)}
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
) : null}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default MyTooltipContent;
|
||||
Reference in New Issue
Block a user