classroomio/src/components/Form/DateTime.svelte

<script>
  export let label;
  export let placeholder;
  export let value;
  export let className = '';
  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"
  />
</label>