Qt: Fix typo and place them in same line + remove Time: and Date: notation

Currently typo fixed and instead of Time and Date being on seperate lines and then speedline, use a pipe for divider for same line. Also got rid of Time: and Date: being displayed it is kinda redudant.

Author: RedDevilus

pcsx2-qt/Settings/GraphicsSettingsWidget.cpp

@@ -806,7 +806,7 @@ GraphicsSettingsWidget::GraphicsSettingsWidget(SettingsWindow* dialog, QWidget*
 			tr("Shows the current system time in the top-right corner of the display currently with Hour:Minute:Second (HH:MM:SS) format."));
 
 		dialog->registerWidgetHelp(m_ui.osdShowSystemDate, tr("Show System Date"), tr("Unchecked"),
-			tr("Shows the current system date in the top-right corner of the display currerntly with Year-Month-Day (YYYY-MM-DD) format."));
+			tr("Shows the current system date in the top-right corner of the display currently with Year-Month-Day (YYYY-MM-DD) format."));
 
 //		dialog->registerWidgetHelp(m_ui.osdShowUTCOffset, tr("Show UTC Offset"), tr("Unchecked"),
 //			tr("Shows the current UTC/GMT offset in the top-right corner of the display."));

pcsx2/ImGui/FullscreenUI.cpp

@@ -3641,7 +3641,7 @@ void FullscreenUI::DrawInterfaceSettingsPage()
 		FSUI_CSTR("Shows the current system date on the OSD currently with Year-Month-Day (YYYY-MM-DD) format.."), "EmuCore/GS", "OsdShowSystemDate", false);
 //	DrawToggleSetting(bsi, FSUI_ICONSTR(ICON_FA_CLOCK, "Show UTC Offset"),
 //		FSUI_CSTR("Shows the UTC offset on the OSD."), "EmuCore/GS", "OsdShowUTCOffset", false);
-	DrawToggleSetting(bsi, FSUI_ICONSTR(ICON_FA_EXCLAMATION, "Warn About Unsafe Settings"),
+	DrawToggleSetting(bsi, FSUI_ICONSTR(ICON_FA_TRIANGLE_EXCLAMATION, "Warn About Unsafe Settings"),
 		FSUI_CSTR("Displays warnings when settings are enabled which may break games."), "EmuCore", "WarnAboutUnsafeSettings", true);
 
 	MenuHeading(FSUI_CSTR("Operations"));

pcsx2/ImGui/ImGuiOverlays.cpp

@@ -1,4 +1,4 @@
-// SPDX-FileCopyrightText: 2002-2025 PCSX2 Dev Team
+// SPDX-FileCopyrightText: 2002-2025 PCSX2 Dev Team
 // SPDX-License-Identifier: GPL-3.0+
 
 #include "BuildVersion.h"
@@ -46,6 +46,9 @@
 #include <span>
 #include <tuple>
 #include <unordered_map>
+#include <iomanip>
+#include <sstream>
+#include <ctime>
 
 std::string GetSystemDate()
 {
@@ -148,33 +151,45 @@ __ri void ImGuiManager::DrawPerformanceOverlay(float& position_y, float scale, f
 	{
 		bool first = true;
 		// --- Display System Time and Date First + Second Line in Imgui or most top-right by default ---
-		if (GSConfig.OsdShowSystemTime)
+		if (GSConfig.OsdShowSystemTime || GSConfig.OsdShowSystemDate)
 		{
-			std::string systemTimeStr = GetSystemTime();
+			text.clear(); // Clear for this new line
 
-			// Extract hours, minutes, and seconds from the host time string to prepare easier visuals such as HH:MM:SS
-			std::string systemhours = systemTimeStr.substr(0, 2);
-			std::string systemminutes = systemTimeStr.substr(3, 2);
-			std::string systemseconds = systemTimeStr.substr(6, 2);
+			if (GSConfig.OsdShowSystemTime)
+			{
+				std::string systemTimeStr = GetSystemTime();
 
-			text.clear(); // Clear for this new line
-			text.append_format("Time: {}:{}:{} (HH:MM:SS)", systemhours, systemminutes, systemseconds); // Example: Time: 04H:48M:30S combination possible or just 04:48:30 as well or combined with what format it is with that and say HH:MM:SS but perhaps best in tooltip instead.
-			if (!text.empty() && !systemTimeStr.empty()) // Ensure GetSystemTime returns the string
-				DRAW_LINE(fixed_font, text.c_str(), IM_COL32(255, 255, 255, 255)); // Default White color
-		}
+				// Extract hours, minutes, and seconds from the host time string to prepare easier visuals such as HH:MM:SS
+				std::string systemhours = systemTimeStr.substr(0, 2);
+				std::string systemminutes = systemTimeStr.substr(3, 2);
+				std::string systemseconds = systemTimeStr.substr(6, 2);
 
-		if (GSConfig.OsdShowSystemDate)
-		{
-			std::string systemDateStr = GetSystemDate();
+				// Append formatted time using text.append_format (no icon used here)
+				// TODO ICON_FA_CLOCK
+				text.append_format("{}:{}:{}", systemhours.c_str(), systemminutes.c_str(), systemseconds.c_str()); // Currently: 04:48:30   other examples: 04:48:30 or Time: 04H:48M:30S combination possible or just 04:48:30 as well or combined with what format it is with that and say HH:MM:SS but perhaps best in tooltip instead.
+				first = false; // After the first item is added, set 'first' to false to handle pipe separator correctly.
+			}
 
-			// Extract year, month, and day from the date string to prepare easier visuals such as YYYY-MM-DD
-			std::string year = systemDateStr.substr(0, 4);
-			std::string month = systemDateStr.substr(5, 2);
-			std::string day = systemDateStr.substr(8, 2);
+			if (GSConfig.OsdShowSystemDate)
+			{
+				std::string systemDateStr = GetSystemDate();
 
-			text.clear(); // Clear for this new line
-			text.append_format("Date: {}-{}-{} (YYYY-MM-DD)", year, month, day); // Example: Date: 2025 Y - 10 M - 05 D but can do 2025-10-05 as well or combined with what format it is or even look at the locale of user but perhaps best in tooltip instead.
-			if (!text.empty() && !systemDateStr.empty()) // Ensure GetSystemDate returns the string
+				// Extract year, month, and day from the date string to prepare easier visuals such as YYYY-MM-DD
+				std::string year = systemDateStr.substr(0, 4);
+				std::string month = systemDateStr.substr(5, 2);
+				std::string day = systemDateStr.substr(8, 2);
+
+				// Append formatted date with pipe separator if not the first item
+				if (!first) // If this is not the first item, add the pipe separator before appending the date
+					text.append(" | "); // Add pipe separator if this isn't the first item
+
+				// Append formatted date using text.append_format (no icon used here)
+				// TODO ICON_FA_CALENDAR
+				text.append_format("{}-{}-{}", year.c_str(), month.c_str(), day.c_str()); // Currently: 📅 2025-10-05    other examples: 2025-10-05 or Date: 2025 Y - 10 M - 05 D but can do 2025-10-05 as well or combined with what format it is or even look at the locale of user but perhaps best in tooltip instead.
+			}
+
+			// Only draw if there's any text to display
+			if (!text.empty())
 				DRAW_LINE(fixed_font, text.c_str(), IM_COL32(255, 255, 255, 255)); // Default White color
 		}