```jsx
// Libraries
import React from 'react';

// Components
import {CalendarTable} from '@antscorp/charts';

const dataProps = {
    'calendarConfig': {
        'type': 1,
        'name': 'MONTH',
        'currentDate': '01/04/2021'
    },
    'colorConfig': {
        1: {
            'bgColor': '#058DC7',
            'textColor': '#ffffff'
        },
        2: {
            'bgColor': '#F80084',
            'textColor': '#ffffff'
        },
        3: {
            'bgColor': '#00C761',
            'textColor': '#ffffff'
        },
        4: {
            'bgColor': '#FF7B00',
            'textColor': '#ffffff'
        }
    },
    'dataEvents': [
        {
            'id': 'asdswd1',
            'label': '1 > 11:00 Hello everyone',
            'startDate': '03/04/2021',
            'endDate': '07/04/2021',
            'eventType': 1,
            'loopType': 1
        },
        {
            'id': 'asdswd2',
            'label': '2 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '07/04/2021',
            'endDate': '09/04/2021',
            'eventType': 1,
            'loopType': 1
        },
        {
            'id': 'asdswd23434',
            'label': '3 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '05/04/2021',
            'endDate': '05/04/2021',
            'eventType': 2,
            'loopType': 1
        },
        {
            'id': 'asdsw1232131wed23434',
            'label': '9 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '06/04/2021',
            'endDate': '07/04/2021',
            'eventType': 2,
            'loopType': 1
        },
        {
            'id': 'asdswd23434we56',
            'label': '8 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '07/04/2021',
            'endDate': '07/04/2021',
            'eventType': 1,
            'loopType': 1
        },
        {
            'id': 'asdsewrwd2343456',
            'label': '8 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '07/04/2021',
            'endDate': '07/04/2021',
            'eventType': 2,
            'loopType': 1
        },
        {
            'id': 'asdswd23yui43456',
            'label': '8 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '07/04/2021',
            'endDate': '07/04/2021',
            'eventType': 3,
            'loopType': 1
        },
        {
            'id': 'asdswdqwe2343456',
            'label': '8 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '07/04/2021',
            'endDate': '07/04/2021',
            'eventType': 4,
            'loopType': 1
        },
        {
            'id': 'asdswd243545',
            'label': '4 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '05/04/2021',
            'endDate': '05/04/2021',
            'eventType': 2,
            'loopType': 1
        },
        {
            'id': 'asdswd22342345',
            'label': '5 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '05/04/2021',
            'endDate': '08/04/2021',
            'eventType': 1,
            'loopType': 1
        },
        {
            'id': 'asd2312342345',
            'label': '9 > 11:30 Hello event for longggggggggggggg timeeeeeeee',
            'startDate': '05/04/2021',
            'endDate': '08/04/2021',
            'eventType': 1,
            'loopType': 1
        },
        {
            'id': 'asdswd3',
            'label': '6 > Ok brother',
            'startDate': '29/04/2021',
            'endDate': '01/05/2021',
            'eventType': 4,
            'loopType': 1
        },
        {
            'id': 'asdswd4',
            'label': '7 > Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged',
            'startDate': '17/04/2021',
            'endDate': '23/04/2021',
            'eventType': 3,
            'loopType': 1
        },
        {
            'id': 'asdsqweqwsdwd4',
            'label': '10 > Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged',
            'startDate': '28/03/2021',
            'endDate': '30/03/2021',
            'eventType': 4,
            'loopType': 1
        },
        {
            'id': 'asdsqmnweqwsdwd4',
            'label': '12 > Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged',
            'startDate': '17/04/2021',
            'endDate': '28/04/2021',
            'eventType': 4,
            'loopType': 1
        },
        {
            'id': 'asdsqmnweqwjusdwd4',
            'label': '13 > Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged',
            'startDate': '26/04/2021',
            'endDate': '28/04/2021',
            'eventType': 2,
            'loopType': 1
        }
    ]
};

const CalendarExample = () => {

    const onClickEvent = (event) => {
    };

    return (
        <div style={{width: '90%', height: '100vh', margin: 'auto', padding: '30px 0'}}>
            <CalendarTable {...dataProps} onClickEvent={onClickEvent} />
        </div>
    );
};

export default CalendarExample;

```