.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));

        this.container.find('.drp-buttons')

  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;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;

.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  padding: 5px !important;\n  width: auto !important;\n}\n\n.connectedSortable {\n  min-height: 100px;\n}\n\n.ui-helper-hidden-accessible...

.daterangepicker .calendar-table td,.dark-mode .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;...