From ab9be7b96f53ffd38b8acd5e58f1217de5b59b69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Reinhard=20X=2E=20F=C3=BCrst?= <rexfue@gmail.com>
Date: Mon, 11 May 2026 20:41:54 +0200
Subject: [PATCH] =?UTF-8?q?v1.6.2:=20Zeiteingabe=20=E2=80=93=20Auto-Doppel?=
 =?UTF-8?q?punkt=20nach=202=20Ziffern,=20Endzeit=20leer=20bei=20Fokus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/LogbuchForm.tsx |  1 +
 components/TimeInput.tsx   | 30 ++++++++++++++++++++++++++++--
 package.json               |  2 +-
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/components/LogbuchForm.tsx b/components/LogbuchForm.tsx
index 0b05494..52c12f6 100644
--- a/components/LogbuchForm.tsx
+++ b/components/LogbuchForm.tsx
@@ -250,6 +250,7 @@ export default function LogbuchForm({ kuppel, currentUserBeo, editEntry, onSaved
           <TimeInput
             value={ende.slice(11, 16)}
             onChange={(t) => setEnde(ende.slice(0, 10) + 'T' + t)}
+            clearOnFocus
             className="w-24"
           />
         </div>
diff --git a/components/TimeInput.tsx b/components/TimeInput.tsx
index 91e9408..73696ed 100644
--- a/components/TimeInput.tsx
+++ b/components/TimeInput.tsx
@@ -6,6 +6,7 @@ interface Props {
   value: string; // "HH:MM"
   onChange: (value: string) => void;
   className?: string;
+  clearOnFocus?: boolean;
 }
 
 function isValid(t: string): boolean {
@@ -19,7 +20,7 @@ function normalize(t: string): string {
   return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`;
 }
 
-export default function TimeInput({ value, onChange, className = '' }: Props) {
+export default function TimeInput({ value, onChange, className = '', clearOnFocus = false }: Props) {
   const [local, setLocal] = useState(value);
   const [error, setError] = useState(false);
 
@@ -28,7 +29,29 @@ export default function TimeInput({ value, onChange, className = '' }: Props) {
     setError(false);
   }, [value]);
 
+  function handleChange(raw: string) {
+    setError(false);
+    // Auto-insert colon after the 2nd digit (only when adding, not deleting)
+    if (/^\d{2}$/.test(raw) && /^\d$/.test(local)) {
+      setLocal(raw + ':');
+      return;
+    }
+    setLocal(raw);
+  }
+
+  function handleFocus() {
+    if (clearOnFocus) {
+      setLocal('');
+      setError(false);
+    }
+  }
+
   function handleBlur() {
+    if (local === '') {
+      setLocal(value);
+      setError(false);
+      return;
+    }
     if (isValid(local)) {
       const norm = normalize(local);
       setLocal(norm);
@@ -43,10 +66,13 @@ export default function TimeInput({ value, onChange, className = '' }: Props) {
     <div className={`relative ${className}`}>
       <input
         type="text"
+        inputMode="numeric"
         value={local}
-        onChange={(e) => { setLocal(e.target.value); setError(false); }}
+        onChange={(e) => handleChange(e.target.value)}
+        onFocus={handleFocus}
         onBlur={handleBlur}
         placeholder="HH:MM"
+        maxLength={5}
         className={`w-full px-2 py-1 border-2 rounded-lg bg-white text-sm text-gray-900 font-mono text-center focus:outline-none ${
           error ? 'border-red-500 focus:border-red-500' : 'border-gray-400 focus:border-blue-500'
         }`}
diff --git a/package.json b/package.json
index 5143c86..2891e35 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "logbuch",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "private": true,
   "scripts": {
     "dev": "next dev",