.on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this));

        this.container.find('.ranges')
            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this));

  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;

th,\n.dark-mode .daterangepicker .calendar-table td {\n  color: #fff;\n}\n\n.dark-mode .daterangepicker .calendar-table .next span,\n.dark-mode .daterangepicker .calendar-table .prev span {\n  border-color: #fff;\n}\n\n.dark-mode .daterangepicker select.hourselect,\n.dark-mode .daterangepicker select.minuteselect,\n.dark-mode .daterangepicker select.secondselect,\n.dark-mode .daterangepicker select.ampmselect {\n  background-color: #343a40;\n  border-color: #4b545c;\n}\n\n.jqstooltip {\n  height: auto !important;\n...

.daterangepicker .calendar-table th{color:#fff}.dark-mode .daterangepicker .calendar-table .next span,.dark-mode .daterangepicker .calendar-table .prev span{border-color:#fff}.dark-mode .daterangepicker select.ampmselect,.dark-mode .daterangepicker select.hourselect,.dark-mode .daterangepicker select.minuteselect,.dark-mode .daterangepicker select.secondselect{background-color:#343a40;border-color:#4b545c}.jqstooltip{height:auto!important;padding:5px!important;width:auto!important}.connectedSortable{min-he...