diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..827cc07
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "name": "Wails: Debug myproject",
+        "type": "go",
+        "request": "launch",
+        "mode": "exec",
+        "program": "${workspaceFolder}/build/bin/vscode",
+        "preLaunchTask": "build",
+        "cwd": "${workspaceFolder}",
+        "env": {}
+      }
+    ]
+  }
\ No newline at end of file
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
new file mode 100644
index 0000000..3360ab3
--- /dev/null
+++ b/.vscode/tasks.json
@@ -0,0 +1,23 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+   
+      {
+        "label": "build",
+        "type": "shell",
+        "options": {
+          "cwd": "${workspaceFolder}"
+        },
+        "command": "go",
+        "args": [
+          "build",
+          "-tags",
+          "dev",
+          "-gcflags",
+          "all=-N -l",
+          "-o",
+          "build/bin/vscode"
+        ],
+      }
+    ]
+  }
\ No newline at end of file
diff --git a/README.md b/README.md
index fc4eaa2..ccc491c 100644
--- a/README.md
+++ b/README.md
@@ -63,3 +63,60 @@ if err != nil {
   required
 />
 ```
+
+### File Selector:
+```go
+import (
+    "os"
+    "github.com/wailsapp/wails/v2/pkg/runtime"
+)
+func (a *App) MakeFile() {
+    dirname, _ := os.UserHomeDir()
+	str, err := runtime.SaveFileDialog(a.ctx, runtime.SaveDialogOptions{DefaultDirectory: dirname, DefaultFilename: "filename.csv"})
+	if err != nil {
+		panic(err)
+	}
+	file, err := os.Create(str)
+	if err != nil {
+		return
+	}
+	defer file.Close()
+}
+```
+
+### Radio button for bool
+
+
+``` svelte
+<script lang="ts">
+  let isTeam: bool = $state(0)
+  let _isTeam:int = $state(0)
+  $effect(() => {
+    if (isTeam) {
+      _isTeam = 1;
+    } else {
+      _isTeam = 0;
+    }
+  });
+  $effect(() => {
+    if (isTeam != (_isTeam === 1)) {
+      isTeam = _isTeam === 1;
+    }
+  });
+
+</script>
+
+
+
+<div class="m-5 grid grid-cols-3">
+<Label>Type:</Label>
+<Radio
+  required
+  value={0}
+  bind:group={_isTeam}
+>Single Player</Radio
+>
+<Radio required value={1} bind:group={_isTeam}>Team</Radio>
+</div>
+
+```
diff --git a/frontend/src/components/TimeInput.svelte b/frontend/src/components/TimeInput.svelte
new file mode 100644
index 0000000..f3fc2e5
--- /dev/null
+++ b/frontend/src/components/TimeInput.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { Input } from "flowbite-svelte";
+
+  let { value }: { value: Date } = $props();
+
+  const formatDateTimeLocal = (date: Date) => {
+    const pad = (num) => num.toString().padStart(2, "0");
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+  };
+</script>
+
+<Input
+  type="datetime-local"
+  value={formatDateTimeLocal(value)}
+  onchange={(e) => {
+    // @ts-ignore
+    value = new Date(e.target.value);
+  }}
+  required
+/>