Fancy Input

Unfortunately, I was not able to replicate the effect of whatever I typed into the field that was showing in the input box for the search filter. However, it does show it binded just for whatever reason just not to the value in the search filter? just as you typed it.

function handleInput(e) {
    value = type.match(/^(number|range)$/) ? +e.target.value : e.target.value;
}

    <input on:input={handleInput} {type} {value} {placeholder} />

<input on:input={handleInput} {type} {value} {placeholder} />

Field Component