How to disable the click event on "Date Range Picker" days?

Question

I’m trying to stop the "click" event on each day of the Daterangepicker, I’m just trying to stop users from changing the period.

I created a thumb drive in Codepen, follow link: https://codepen.io/jnts/pen/yQPwmB

HTML

<input data-start="16/11/2018" data-end="16/12/2018" type="text" name="dates">

Javascript

const self = $('input[name="dates"]')

self.daterangepicker({
    applyButtonClasses: 'd-none',
    showDropdowns: false,
    opens: "center",
    drops: "down",
    autoApply: false,
    startDate: self.data('start'),
    endDate: self.data('end'),
    minDate: self.data('start'),
    maxDate: self.data('end'),
    locale: {
      format: "DD/MM/YYYY",
      separator: " - ",
      firstDay: 1
    }
});

I already tried to add the attribute "disabled" in the input, but this only prevents the click event on input, so the Daterangepicker doesn’t even show up.

I just want to show the period in a mode 'read-only'.