Github calendar component

A reusable React component for displaying a Github-like calendar graph with customizable colors.

Installation

To install the package, use npm:

npm install github-calendar-component

Usage

First, import the component into your project:

import {Gitgraph} from 'github-calendar-component';

Using the Component

import React from 'react';
import {Gitgraph} from 'github-calendar-component';
// Sample test data
const testData = [
  { date: '2022-01-01T00:00:00.000Z', checked: true },
  { date: '2022-01-02T00:00:00.000Z', checked: false },
  // More data...
];

const App = () => {
  return (
    <div>
      <Gitgraph showMonthNames={true} color="blue" data={testData} />
    </div>
  );
};

export default App;

props

| Prop | Type | Description | Default | |---|---|---|---| | showMonthNames | boolean | Determines whether month names are displayed. | false| | color | string |The color to apply for checked dates. | #39d353 | | data | Array | An array of objects containing date and checked properties. | [ ] | | seperateMonths | boolean| Determinne whether there is space between each month| false|

Author

srivenkat13