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 - отображение недели с понедельника