JQuery script for initializing a daterangepicker. Replaces "cancel" with a "clear" functionality. Removes default value. https://www.daterangepicker.com/

daterangerpicker.js

$(function() {
  $('.date-range').daterangepicker({
    autoUpdateInput: false,
    timePicker: true,
    timePickerSeconds: true,
    locale: {
      cancelLabel: 'Clear',
      format: 'YYYY-MM-DD HH:mm:SS'
    }
  });

  $('.date-range').on('apply.daterangepicker', function(_, picker) {
    $(this).val(picker.startDate.format(picker.locale.format) + ' - ' + picker.endDate.format(picker.locale.format));
  });

  $('.date-range').on('cancel.daterangepicker', function(_, _) {
    $(this).val('');
  });
});