A simple React Calendar component

react-calendar

A simple React Calendar component.

Peer dependencies

• react NPM GitHub
• react-dom NPM GitHub
• dayjs NPM GitHub

Installation

$ npm install --save @bbon/react-calendar

Usages

import React, {useCallback} from 'react';
import { Calendar } from '';

import '@bbon/react-calendar/dist/calendar.css';

const MyComponent = () => {

    const handleChangeSelection = useCallback(
        (start?: string, end?: string) => {
            console.info('Selected dates: ', start, end);
        },
        [],
    );

    return (
        <div>
            <Calendar
                useMoveToYear
                useMoveToMonth
                highlightToday
                showDate
                onChange={handleChangeSelection}
            />
        </div>
    );
}

Example

1. Clone this repository.
2. Change directory to example

$ cd example

3. Install dependencies

$ npm install

4. Start dev server

$ npm run dev

5. Navigate to http://localhost:3000