Как реализовать date picker?

Senior
146 просмотров
AFK Offer AI

Календарная сетка: 7 столбцов (дни недели), 5-6 строк. Генерация дней: первый день месяца, количество дней, padding для начала недели. Навигация: prev/next месяц, выбор года. State: viewDate (отображаемый месяц), selectedDate. Range picker: startDate + endDate, hover preview. Accessibility: role="grid", aria-label на днях, keyboard navigation (Arrow keys, Enter для выбора). Локализация: Intl.DateTimeFormat для названий месяцев/дней. Disabled dates: min/max, weekends, holidays. Библиотеки: react-day-picker, date-fns.

Следующий вопрос

Как скринридер воспринимает страницу?