:in-range и :out-of-range для слайдеров цены и дат
Визуальная подсказка, когда значение вне min/max без JS.
Для `input type="range"`, `type="number"` и `type="date"` псевдокласс `:out-of-range` активен, если значение вне атрибутов `min`/`max`.
Удобно в фильтре каталога «от–до» на лендинге без отдельного state в React.
- :out-of-range — MDN — Стили и примеры.
- :in-range — MDN — Допустимый диапазон.
Сервер
Повторно проверяйте диапазон на бэкенде — CSS не заменяет валидацию API.