implemented editing of times

frontend/src/Components/DateTimeEditor.svelte

@@ -0,0 +1,24 @@
+<script>
+
+    let { onSet = (dateTime) => {}, value = ' ' } = $props();
+
+    let date = $state(value.split(' ')[0]);
+    let time = $state(value.split(' ')[1]);
+
+    console.log({date:date,time:time,value:value});
+
+    function handleSubmit(e){
+        e.preventDefault();
+        onSet(`${date} ${time}`);
+    }
+</script>
+
+<style>
+    button{ display: none }
+</style>
+
+<form onsubmit={handleSubmit} >
+    <input type="date" bind:value={date} />
+    <input type="time" bind:value={time} />
+    <button type="submit">ok</button>
+</form>

frontend/src/Components/LineEditor.svelte

@@ -3,14 +3,15 @@
     import { t } from '../translations.svelte.js';
 
     let {
-        editable = false,
+        simple   = false,
+        editable = simple,
         onclick  = evt => { startEdit() },
         onSet    = newVal => {return true;},
         type     = 'div',
         value    = $bindable(null)
     } = $props();
 
-    let editing   = $state(false);
+    let editing   = $state(simple);
     let editValue = value;
     let start     = 0;
 
@@ -64,6 +65,7 @@
     }
 
     activeField.subscribe((val) => resetEdit());
+    if (simple) startEdit();
 </script>
 
 <style>