Частенько встречаю подобный вариант решения данной задачи:

Есть ли какие-нибудь альтернативы?
При учете того, что нужно проверять что поле заполнено, то есть нет начального значения
Думаю обычный слайдер диапазонов не подходит, ведь там есть начальное значение.