38 lines
930 B
JavaScript
38 lines
930 B
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 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");
|
|
}
|