Callendly NPM | npm.io

CALLENDLY

Overview

The Callendly component is a React/Next.js component that displays a calendar and allows users to interact with it by clicking on dates and using next/previous month buttons.

callendlyCalendar

Features

simple to use component
light weight
easily customizable
get access to the data easily
just to the point library

Installation

Callendly can be easily installed using npm

Install callendly by running the following commands.

npm install callendly

Example

simple calendar display

To display the calendar with its default behaviour.

import styles from "./page.module.css";
import { Calendar } from "callendly";

  return (
        <div style={{width:"300px"}}>
            <Calendar />
        <div>
  );
}

Import the calendar from Callendly Then use the component inside your preferrable wrapper. Its advisable to give a width to the parent wrapper for better display.

Note: By default Callendly doesn't take any props.

Example

simple calendar display

To display the calendar with its default behaviour.

import styles from "./page.module.css";
import { Calendar } from "callendly";

  return (
        <div style={{width:"300px"}}>
            <Calendar />
        <div>
  );
}

Import the calendar from Callendly Then use the component inside your preferrable wrapper. Its advisable to give a width to the parent wrapper for better display.