Function title

apps/webapp/app/components/runs/TimeFrameFilter.tsx:86–110

(
  from: number | undefined,
  to: number | undefined,
  relativeTimeSeconds: number | undefined
)

}

function title(
  from: number | undefined,
  to: number | undefined,
  relativeTimeSeconds: number | undefined
): string {
  if (!from && !to) {
    return "All time periods";
  }

  if (relativeTimeSeconds !== undefined) {
    return timeFrameValues.find((t) => t.value === relativeTimeSeconds)?.label ?? "Timeframe";
  }

  let fromString = from ? formatDateTime(new Date(from), "UTC", ["en-US"], false, true) : undefined;
  let toString = to ? formatDateTime(new Date(to), "UTC", ["en-US"], false, true) : undefined;
  if (from && !to) {
    return `From ${fromString} (UTC)`;
  }

  if (!from && to) {
    return `To ${toString} (UTC)`;
  }

  return `${fromString} - ${toString} (UTC)`;
}

function RelativeTimeFrame({
  value,