43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
import {Tooltip} from "antd";
|
|
import dayjs from "../utils/day";
|
|
import React from "react";
|
|
|
|
export function DateFormatter(props) {
|
|
return props.children
|
|
? dayjs(props.children).format(
|
|
props.includeDay ? "ddd MM/DD/YYYY" : "MM/DD/YYYY"
|
|
)
|
|
: null;
|
|
}
|
|
|
|
export function DateTimeFormatter(props) {
|
|
return props.children
|
|
? dayjs(props.children).format(
|
|
props.format ? props.format : "MM/DD/YYYY hh:mm a"
|
|
)
|
|
: null;
|
|
}
|
|
|
|
export function DateTimeFormatterFunction(date) {
|
|
return dayjs(date).format("MM/DD/YYYY hh:mm a");
|
|
}
|
|
|
|
export function TimeFormatter(props) {
|
|
return props.children
|
|
? dayjs(props.children).format(props.format ? props.format : "hh:mm a")
|
|
: null;
|
|
}
|
|
|
|
export function TimeAgoFormatter(props) {
|
|
const m = dayjs(props.children);
|
|
return props.children ? (
|
|
<Tooltip placement="top" title={m.format("MM/DD/YYY hh:mm A")}>
|
|
{m.fromNow()}
|
|
</Tooltip>
|
|
) : null;
|
|
}
|
|
|
|
export function DateTimeFormat(value) {
|
|
return dayjs(value).format("MM/DD/YYYY hh:mm A");
|
|
}
|