fix: date picker improvements (#793)

* use vue component for date picker

* zero out database fields even when set to 0001-xx-xx

* fix wrong datetime display + improved datepicker

* fix ts error

* zero out times

* add date-fns to dependencies

frontend/composables/use-formatters.ts

@@ -37,7 +37,7 @@ function ordinalIndicator(num: number) {
   }
 }
 
-export function fmtDate(value: string | Date, fmt: DateTimeFormat = "human", fmtType: DateTimeType): string {
+export function fmtDate(value: string | Date, fmt: DateTimeFormat = "human"): string {
   const months = [
     "January",
     "February",
@@ -62,11 +62,6 @@ export function fmtDate(value: string | Date, fmt: DateTimeFormat = "human", fmt
     return "";
   }
 
-  if (fmtType === "date") {
-    // Offset local time
-    dt.setHours(dt.getHours() + dt.getTimezoneOffset() / 60);
-  }
-
   switch (fmt) {
     case "relative":
       return useTimeAgo(dt).value + useDateFormat(dt, " (YYYY-MM-DD)").value;

frontend/composables/use-theme.ts

@@ -38,3 +38,27 @@ export function useTheme(): UseTheme {
 
   return { theme, setTheme };
 }
+
+export function useIsDark() {
+  const theme = useTheme();
+
+  const darkthemes = [
+    "synthwave",
+    "retro",
+    "cyberpunk",
+    "valentine",
+    "halloween",
+    "forest",
+    "aqua",
+    "black",
+    "luxury",
+    "dracula",
+    "business",
+    "night",
+    "coffee",
+  ];
+
+  return computed(() => {
+    return darkthemes.includes(theme.theme.value);
+  });
+}