Basic usage

This is basic usage. You can configure react-fold-calendar without any additional options.

1import ReactFoldCalendar from "react-fold-calendar";
2import "react-fold-calendar/css";
3
4const App = () => {
5  return <ReactFoldCalendar />;
6};

Option usage

This is a usage with additional options.

1<ReactFoldCalendar
2  options={{
3  useInitWeekType: true,
4  useShowContent: true,
5  data: [
6    {
7      startDate: new Date()?.getTime(),
8      endDate: new Date()?.getTime() + 1000 * 60 * 60 * 24,
9      period: 1,
10      title: "Regular Event",
11      description: "This is a regular event.",
12    },
13  ],
14}}
15/>