momento-mori-calender v2.2.3

momento-mori-calender

Your life is made up of 4160 weeks, and this tool will help you make the most of them.

Fill in a new square with each passing week, and you'll quickly experience improved focus, a heightened perspective on life, and a rush of motivation to take consistent action

UI Design

Momento Mori Calender Design Prototype and specification, click to view.

Installation

Momento Mori is available as an npm package.

npm i momento-mori-calender --save

or if you prefer Yarn

yarn add momento-mori-calender

Props

1. yearLabel

An array of years that should be shown on the right side of the calendar

2. dateOfBirth

The user's date of birth, in the format of "YYYY-MM-DD"

3. events

An array of events to be highlighted on the calendar

4. showStartingOfYear

A boolean that determines whether or not the starting of each year should be indicated on the calendar

5. defaultColor

It provides default box color

Usage

Here's a simple example

import MomentoMoriCalendar from "momento-mori-calender";

const App = () => {
  return (
    <MomentoMoriCalendar
      yearLabel={[2020, 2021, 2022]}
      dateOfBirth={"1999-10-16"}
      events={[
        {
          startingDate: "2021-07-01",
          endDate: "2021-07-07",
          color: "red",
          description: "Vacation to Hawaii",
        },
        {
          startingDate: "2022-02-14",
          endDate: "2022-02-15",
          color: "pink",
          description: "Valentine's Day",
        },
      ]}
      showStartingOfYear={true}
      defaultColor="pink"
    />
  );
};