Extract out the custom datetime formatting to utils

src/components/docs/DocsList.jsx

@@ -1,6 +1,8 @@
 "use client";
 
 import { useState } from "react";
+import { useRouter } from "next/navigation";
+
 import {
   Paper,
   Table,
@@ -14,31 +16,16 @@ import {
   Grid,
 } from "@mui/material";
 import DocItem from "./DocItem";
-import dayjs from "dayjs";
-import customParseFormat from "dayjs/plugin/customParseFormat";
 
 import Icon from "components/Icon";
-
-import { useRouter } from "next/navigation";
-
-dayjs.extend(customParseFormat);
+import { formatDateTimeCustom } from "utils/formatTime";
 
 export const formatDate = (dateString) => {
-  try {
-    const date = dayjs(
-      dateString.replace(" IST", ""),
-      "YYYY-MM-DD HH:mm:ss",
-      true,
-    );
-    if (!date.isValid()) {
-      console.error("Invalid date parsing for:", dateString);
-      return dateString; // Return original string if parsing fails
-    }
-    return date.format("hh:mm A, DD MMMM YYYY IST");
-  } catch (error) {
-    console.error("Date formatting error:", error);
-    return dateString; // Return original string if there's an error
-  }
+  return formatDateTimeCustom(
+    dateString,
+    "YYYY-MM-DD HH:mm:ss",
+    "hh:mm A, DD MMMM YYYY IST"
+  );
 };
 
 export default function DocsList({ allFiles, priviliged = false }) {

src/utils/formatTime.jsx

@@ -1,5 +1,9 @@
 "use client";
 
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+dayjs.extend(customParseFormat);
+
 const LOCALE = "en-IN";
 
 // get datetime components from ISO string
@@ -30,3 +34,21 @@ export const formatDateTime = (dateTimeString) => {
   const timeString = date.toTimeString().substring(0, 5); // HH:MM
   return { dateString, timeString };
 };
+
+export const formatDateTimeCustom = (dateString, inputFormat, outputFormat) => {
+  try {
+    const date = dayjs(
+      dateString.replace(" IST", ""),
+      inputFormat,
+      true,
+    );
+    if (!date.isValid()) {
+      console.error("Invalid date parsing for:", dateString);
+      return dateString; // Return original string if parsing fails
+    }
+    return date.format(outputFormat);
+  } catch (error) {
+    console.error("Date formatting error:", error);
+    return dateString; // Return original string if there's an error
+  }
+};