{"repo":"seiwonpark/react-contribution-calendar","free":true,"listed":false,"github":"https://github.com/seiwonpark/react-contribution-calendar","clone":"git clone https://github.com/seiwonpark/react-contribution-calendar.git","description":"A GitHub-like contribution calendar component for React","language":"TypeScript","stars":34,"topics":["calendar","contribution","heatmap","react","react-contribution-calendar"],"license":"MIT","category":"productivity","readme_excerpt":"react-contribution-calendar A GitHub-like contribution calendar component for React, built with Vite and TypeScript. This provides a visual representation of contribution activity, similar to the contribution graph seen on a GitHub profile. Installation Demo - codesandbox Usage APIs ContributionCalendar ContributionCalendar is the main component of this library. It takes a data property, which is an array of objects representing the contribution data, and a theme property to customize its appearance. - data : An array of objects, where each object has a date string( YYYY-MM-DD format) as key, and an InputDataProps object as value. Defaults to [] . - An example data is as follows: - dateOptions : Optional. Defines options for date. - start : Optional. The starting date for the calendar to start, defaults to current year's January 1st( YYYY-MM-DD format). - end : Optional. The ending date for the calendar to end, defaults to current year's December 31st( YYYY-MM-DD format). - daysOfTheWeek : Optional. The days of the week, which will be the head column of each row. The array should start from Sunday so that you can use with startsOnSunday option correctly. Defaults to ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] . - startsOnSunday : Optional. Whether to start the calendar on Sunday or not, defaults to true . If set to false, calendar will start on Monday. - includeBoundary : Optional. Whether to include the boundary cells in the starting or ending date column, defaults to ","default_branch":null,"files":null,"tree":[],"storefront":"/r/seiwonpark","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/seiwonpark/react-contribution-calendar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}