import React, { useState, useEffect } from "react"; import { calendarHelper, currentMonthAndDay } from "./calendarHelper"; import ellipse from "assets/icons/ellipse.png"; import rectangle from "assets/images/rectangle__calendar.png"; import calendarIcon from "assets/icons/calendar.svg"; import moment from "moment"; import "moment/locale/ru"; import "./calendarComponent.scss"; const CalendarComponent = ({ onSelect }) => { const [value, setValue] = useState(moment()); const [calendar, setCalendar] = useState([]); useEffect(() => { setCalendar(calendarHelper(value)); }, [value]); function beforeToday(day) { return day.isBefore(new Date(), "day"); } function isToday(day) { return day.isSame(new Date(), "day"); } function dayStyles(day) { if (beforeToday(day)) return `before`; if (isToday(day)) return `today`; if (day.day() === 6 || day.day() === 0) return `selected`; return ""; } function prevMonth() { return value.clone().subtract(1, "month"); } function nextMonth() { return value.clone().add(1, "month"); } return (
Пн
Вт
Ср
Чт
Пт
Сб
Вс