Как добавить класс 'active' к текущей точке owl-carousel 2

Я использую слайдер owl carosel 2, мне нужно добавить класс 'active' к той точке, которая выбрана. Как это можно сделать на js ?

   $('#main-slider').owlCarousel({
        margin: 0,
        items: 1,
        autoWidth: false,
        animateOut: 'slideOutDown',
        animateIn: 'flipInX',
        mouseDrag: false
    });
    var owl = $('.owl-carousel');
    $('.owl-dot').click(function () {
        owl.trigger('to.owl.carousel', [$(this).index(), 300]);
    });