# Properties Calendar Table

| Property       | Description                                             | Type       | Default                                                   |     |
|:-------------- |:------------------------------------------------------- |:---------- |:--------------------------------------------------------- | --- |
| calendarConfig | Config đầu vào của `Calendar Table`                     | `object`   | ```{type: 1, name: 'Month', currentDate: '01/04/2021'}``` |     |
| colorConfig    | Config màu của event `Calendar Table`                   | `object`   | ```{1: {'bgColor': '#058DC7', 'textColor': '#ffffff'}}``` |     |
| dataEvents     | Mảng các events thể hiện trên calendar                  | `array`    | []                                                        |     |
| onClickEvent   | Hàm trả về event + position của nó khi user click       | `function` |                                                           |     |
| onError        | Nếu `Calendar Table` xảy lỗi, hàm `onError` trả về lỗi. | `function` |                                                           |     |

# Example

## Calendar + Color config
```
{
    '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
        }
    ]
```