Implement calendar for csv viewing

web/src/fileManager/FileManager.tsx

@@ -1,4 +1,6 @@
+import moment from "moment";
 import { createSignal } from "solid-js";
+
 import "../css/FileManager.css"
 import { DateList } from "./DateList";
 import { FetchFiles } from "./FetchFiles";
@@ -6,19 +8,21 @@ import { FileContent } from "./FileContent";
 import { FileNameList } from "./FileNameList";
 
 export function FileManager() {
-    const [getDate, setDate] = createSignal("");
+    const [getDate, setDate] = createSignal(new Date());
     const [getFileName, setFileName] = createSignal("");
 
+    const stringDate = () => moment(getDate()).format("YYYYMMDD");
+
     return (
         <div class="fileManager">
             <h2>File manager</h2>
             <div class="container">
                 <div class="column">
+                    <DateList getDate={getDate} setDate={setDate} />
                     <FetchFiles />
-                    <DateList setDate={setDate} />
                 </div>
                 <div class="column">
-                    <h3>{getDate()}</h3>
+                    <h3>{stringDate()}</h3>
                     <FileNameList getDate={getDate} setFileName={setFileName} />
                 </div>
                 <div class="column">