Function attachDateInputBehavior

src/ui/dateInputBehavior.ts:70–125

(
	inputEl: HTMLInputElement,
	options: DateInputBehaviorOptions = {}
)

}

export function attachDateInputBehavior(
	inputEl: HTMLInputElement,
	options: DateInputBehaviorOptions = {}
): () => void {
	let digitBuffer = "";
	let lastDigitAt = 0;
	const now = options.now ?? (() => Date.now());
	const resetMs = options.typeBufferResetMs ?? DEFAULT_TYPE_BUFFER_RESET_MS;

	const handleKeydown = (event: KeyboardEvent) => {
		if (!isPlainDigitKey(event)) return;

		const eventTime = now();
		if (eventTime - lastDigitAt > resetMs) {
			digitBuffer = "";
		}

		lastDigitAt = eventTime;
		digitBuffer = `${digitBuffer}${event.key}`.slice(-8);

		const normalized = normalizeDateEntryValue(digitBuffer);
		if (!normalized) return;

		event.preventDefault();
		digitBuffer = "";
		commitDateInputValue(inputEl, normalized, options);
	};

	const handlePaste = (event: ClipboardEvent) => {
		const pastedText = event.clipboardData?.getData("text") ?? "";
		const normalized = normalizeDateEntryValue(pastedText);
		if (!normalized) return;

		event.preventDefault();
		digitBuffer = "";
		commitDateInputValue(inputEl, normalized, options);
	};

	const handleInput = () => {
		const normalized = normalizeDateEntryValue(inputEl.value);
		if (!normalized || normalized === inputEl.value) return;

		digitBuffer = "";
		commitDateInputValue(inputEl, normalized, options);
	};

	inputEl.addEventListener("keydown", handleKeydown);
	inputEl.addEventListener("paste", handlePaste);
	inputEl.addEventListener("input", handleInput);

	return () => {
		inputEl.removeEventListener("keydown", handleKeydown);
		inputEl.removeEventListener("paste", handlePaste);
		inputEl.removeEventListener("input", handleInput);
	};
}