Function DateTimeText

src/renderer/src/components/common/DateTimeText.tsx:13–42

({
  value,
  className,
  style,
  tooltip = true,
  emptyText = '-'
}: DateTimeTextProps)

}

export function DateTimeText({
  value,
  className,
  style,
  tooltip = true,
  emptyText = '-'
}: DateTimeTextProps): React.JSX.Element {
  const date = parseDateLike(value)
  const mergedStyle = { whiteSpace: 'nowrap', ...style }

  if (!date) {
    return (
      <span className={className} style={mergedStyle}>
        {emptyText}
      </span>
    )
  }

  const content = (
    <span className={className} style={mergedStyle}>
      {formatSemanticDateTime(date)}
    </span>
  )

  if (!tooltip) {
    return content
  }

  return <Tooltip title={formatLongDateTime(date)}>{content}</Tooltip>
}