Для input type="range", type="number" и type="date" псевдокласс :out-of-range активен, если значение вне атрибутов min/max.
Удобно в фильтре каталога «от–до» на лендинге без отдельного state в React.
- [:out-of-range — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:out-of-range) — Стили и примеры.
- [:in-range — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:in-range) — Допустимый диапазон.
---
## Сервер
Повторно проверяйте диапазон на бэкенде — CSS не заменяет валидацию API.