@bbon/react-calendar NPM

react-calendar

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 '@bbon/react-calendar';

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>
    );
}