github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/ui/dashboard/src/components/DateTime/index.tsx (about)

     1  import dayjs from "dayjs";
     2  import { classNames } from "../../utils/styles";
     3  
     4  interface DateTimeProps {
     5    className?: string;
     6    date: dayjs.Dayjs | Date | string | number;
     7    dateClassName?: string;
     8    dateFormat?: string;
     9    timeClassName?: string;
    10    timeFormat?: string;
    11  }
    12  
    13  const DateTime = ({
    14    className,
    15    date,
    16    dateClassName,
    17    dateFormat = "D-MMM-YYYY",
    18    timeClassName,
    19    timeFormat = "HH:mm:ss",
    20  }: DateTimeProps) => {
    21    const d = dayjs(date);
    22    return (
    23      <div className={classNames("tabular-nums space-x-1", className)}>
    24        <span className={classNames("text-foreground-lighter", dateClassName)}>
    25          {d.format(dateFormat)}
    26        </span>
    27        <span className={timeClassName}>{d.format(timeFormat)}</span>
    28      </div>
    29    );
    30  };
    31  
    32  export default DateTime;