refactor: move components/elements to elements/ (#22091)

2025-09-16 14:31:22 -04:00
parent 2bf484c91c
commit 7ce1d73c20
105 changed files with 157 additions and 158 deletions
@@ -0,0 +1,37 @@
+<script lang="ts">
+  interface Props {
+    type: 'date' | 'datetime-local';
+    value?: string;
+    min?: string;
+    max?: string;
+    class?: string;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    autofocus?: boolean;
+    onkeydown?: (e: KeyboardEvent) => void;
+  }
+
+  let { type, value = $bindable(), max = undefined, onkeydown, ...rest }: Props = $props();
+
+  let fallbackMax = $derived(type === 'date' ? '9999-12-31' : '9999-12-31T23:59');
+
+  // Updating `value` directly causes the date input to reset itself or
+  // interfere with user changes.
+  let updatedValue = $derived(value);
+</script>
+
+<input
+  {...rest}
+  {type}
+  bind:value
+  max={max || fallbackMax}
+  oninput={(e) => (updatedValue = e.currentTarget.value)}
+  onblur={() => (value = updatedValue)}
+  onkeydown={(e) => {
+    if (e.key === 'Enter') {
+      value = updatedValue;
+    }
+    onkeydown?.(e);
+  }}
+/>