add support for custom date formats via config

Modules/Clock.qml

@@ -3,7 +3,7 @@ import QtQuick
 import QtQuick.Layouts
 import qs.Config
 import qs.Modules
-import qs.Helpers as Helpers
+import qs.Helpers
 import qs.Components
 
 CustomRect {

Modules/Settings/Categories/General.qml

@@ -47,6 +47,15 @@ SettingsPage {
 			object: Config.general
 			setting: "desktopIcons"
 		}
+
+		Separator {
+		}
+
+		SettingInput {
+			name: "Date format"
+			object: Config.general
+			setting: "dateFormat"
+		}
 	}
 
 	SettingsSection {

Modules/Settings/SettingsIndex.mjs

@@ -30,6 +30,13 @@ export const settingsIndex = [
     section: "General",
     keywords: ["icons", "desktop", "show"],
   },
+  {
+    name: "Date format",
+    category: "general",
+    categoryName: "General",
+    section: "General",
+    keywords: ["date", "time", "format"],
+  },
   // Color section
   {
     name: "Scheme mode",

Modules/Time.qml

@@ -1,30 +0,0 @@
-pragma Singleton
-
-import Quickshell
-import QtQuick
-
-Singleton {
-	id: root
-
-	readonly property date date: clock.date
-	readonly property string dateStr: format("ddd d MMM - hh:mm:ss")
-	property alias enabled: clock.enabled
-	readonly property string hourStr: timeComponents[0] ?? ""
-	readonly property int hours: clock.hours
-	readonly property string minuteStr: timeComponents[1] ?? ""
-	readonly property int minutes: clock.minutes
-	readonly property string secondStr: timeComponents[2] ?? ""
-	readonly property int seconds: clock.seconds
-	readonly property list<string> timeComponents: timeStr.split(":")
-	readonly property string timeStr: format("hh:mm:ss")
-
-	function format(fmt: string): string {
-		return Qt.formatDateTime(clock.date, fmt);
-	}
-
-	SystemClock {
-		id: clock
-
-		precision: SystemClock.Seconds
-	}
-}