sfd
Date selector & Calendar
В прошлой статье я упоминала, что в интерфейсе может быть еще один тип ввода - ввод данных или выбор даты. С помощью этого ввода пользователь может выбрать дату в календаре или записать ее самостоятельно. Давайте посмотрим, как это выглядит и работает! Input types С иконкой календаря справа и только одной датой для выбора С иконкой календаря справа и двумя датами Типы компонентов по состоянию Default Hover Focus Typing Entered Disabled Error Error focus Это поле может быть с одним или двумя лейблами, как при обычном вводе...
🖥 DayPicker — компонент React для создания календарей и полей для ввода дат в веб-приложениях и т.д. — npm install react-day-picker date-fns Особенности DayPicker: — Минималистичный дизайн для легкой настройки. — Масса возможностей для настройки и конфигурирования календаря. — Поддерживает выбор 1 дня, нескольких дней и других временных диапазонов — Может быть локализован на любой язык. — Включает настраиваемые внутренние компоненты для сложных случаев использования. DayPicker написан на TypeScript и скомпилирован в CommonJS и ESM. Требует наличия date-fns в качестве зависимого компонента. 🖥 GitHub 🟡 Доки @javascript_react