CLASSROOMIO-T-4: Add deadline and show it was late or early

src/components/Form/DateTime.svelte

@@ -3,16 +3,17 @@
   export let placeholder;
   export let value;
   export let className = '';
-  export let onChange = () => {}; // This is to know if element is 'dirty'
+  export let onInput = () => {};
+  $: console.log(`value`, value);
 </script>
 
 <label class="block {className}">
   <span class="text-gray-700">{label}</span>
   <input
     bind:value
+    on:input={onInput}
     {placeholder}
     type="datetime-local"
     class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
-    on:blur={onChange}
   />
 </label>