VKUI Horizontal Calendar
Компонент VK UI, позволяющий отображать даты на неделю вперед
Установка
npm i vkui-horizontal-calendar
Скриншоты
Использование
<HorizontalCalendar
date={new Date("2020-9-17")}
choosed={choosed}
onClick={({ choosedDay, dayNumber }) => {
setChoosed(dayNumber);
}}
/>
Атрибуты
-
date
- дата(по умолчанию будет отображаться сегодняшний день и далее) -
choosed
- выбранный день по порядку[1 - 7] -
isDarkWeekend
- затемнение выходных(по умолчанию включено) -
onClick({choosedDay, dayNumber})
- choosedDay - выбранная дата, dayNumber - порядковый номер выбранной даты -
mondayFirst
- отображение недели с понедельника