{ dateInput.select(); states.date.valid = true; } } onfocusout={ (_) => { states.date.valid = validateDate(dateInput); states.date.value = dateInput.value; } } onkeydown={ (event) => { if (event.key == "Enter") { states.date.valid = validateDate(dateInput); states.date.value = dateInput.value; } } } disabled={!enabled} {autofocus} required> {inWeekDay} { startInput.select(); states.start.valid = true; } } onfocusout={ (_) => { states.start.valid = validateTime(startInput); states.start.value = startInput.value; } } onkeydown={ (event) => { if (event.key == "Enter") { states.start.valid = validateTime(startInput); states.start.value = startInput.value; } } } disabled={!enabled} required> { endInput.select(); states.end.valid = true; } } onfocusout={ (_) => { states.end.valid = validateTime(endInput); states.end.value = endInput.value; } } onkeydown={ (event) => { if (event.key == "Enter") { states.end.valid = validateTime(endInput); states.end.value = endInput.value; } } } disabled={!enabled} required> {inDuration} {@render children?.()}