calendar done needs to do heuristic

src/app/components/user-input/user-input.scss

@@ -0,0 +1,22 @@
+.user-input {
+	display: flex;
+	flex-direction: column;
+	margin: 1rem;
+
+	label {
+		font-weight: bold;
+		margin-bottom: 0.5rem;
+	}
+
+	.error-message {
+		color: #ff0000;
+		font-size: 0.875rem;
+		margin-top: 0.25rem;
+	}
+}
+
+.form {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}