ar-design
Version:
AR Design is a (react | nextjs) ui library.
28 lines (27 loc) • 1.1 kB
JavaScript
"use client";
import React, { useState } from "react";
import Body from "./Body";
import Header from "./Header";
import "../../../assets/css/components/data-display/calendar/styles.css";
const Calendar = function ({ trackedBy, data, renderItem, config }) {
// states
const [currentDate, setCurrentDate] = useState(new Date());
const [view, setView] = useState("Week");
return (React.createElement("div", { className: "ar-calendar" },
React.createElement(Header, { states: {
currentDate: { get: currentDate, set: setCurrentDate },
view: {
get: view,
set: setView,
},
}, config: config }),
React.createElement(Body, { trackedBy: trackedBy, data: data, renderItem: renderItem, states: {
currentDate: { get: currentDate, set: setCurrentDate },
view: {
get: view,
set: setView,
},
}, config: config })));
};
Calendar.displayName = "DatePicker";
export default Calendar;