2023-02-02 11:42:19 +00:00
|
|
|
import React, { useEffect, useState } from "react";
|
2019-09-10 11:28:56 +00:00
|
|
|
import PropTypes from "prop-types";
|
2023-02-02 09:30:50 +00:00
|
|
|
import moment from "moment";
|
2019-08-23 12:23:22 +00:00
|
|
|
|
2023-02-02 09:30:50 +00:00
|
|
|
import { Container } from "./styled-components";
|
|
|
|
import { Days, Months, Years } from "./sub-components";
|
2019-08-28 12:53:38 +00:00
|
|
|
|
2023-01-30 14:27:58 +00:00
|
|
|
const Calendar = () => {
|
2023-02-02 09:30:50 +00:00
|
|
|
const [selectedDate, setSelectedDate] = useState(moment());
|
2019-08-23 12:23:22 +00:00
|
|
|
|
2023-01-30 14:27:58 +00:00
|
|
|
return (
|
|
|
|
<Container>
|
2023-02-02 09:30:50 +00:00
|
|
|
{/* <Days selectedDate={selectedDate} setSelectedDate={setSelectedDate} /> */}
|
2023-02-02 11:42:19 +00:00
|
|
|
{/* <Months selectedDate={selectedDate} setSelectedDate={setSelectedDate} /> */}
|
2023-02-02 13:26:26 +00:00
|
|
|
<Years selectedDate={selectedDate} setSelectedDate={setSelectedDate} />
|
2023-01-30 14:27:58 +00:00
|
|
|
</Container>
|
|
|
|
);
|
2019-09-10 11:28:56 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default Calendar;
|