Как изменить значение всплывающей подсказки и стили CSS rc-слайдера?

Question

Я пытаюсь создать слайдер, чтобы выбрать диапазон дня.Я хочу найти способ отобразить «Старт» для 1-го маркера и «Стоп» для 2-го маркера.Однако я не могу найти способ сделать это из документов, кажется, я могу только отобразить текущее значение позиции во всплывающей подсказке, но должен быть способ.

Наконец, я хочу, чтобы зеленый градиент отображался как он есть по умолчанию, если Start Stop values, css должен раскраситься от 2-го (в данном случае Start) дескриптора кконец и от начала до 1, оставляя пространство между ручками серым.

Это код, который я реализую:

            <RangeWithToolTip
          tipFormatter={convertFloatToTime}
          tipProps={{ placement: "top", prefixCls: "rc-slider-tooltip" }}
          min={0}
          max={24}
          step={0.25}
          defaultValue={props.time2 ? props.time2 : [8, 12]}
          //value={[times.sliderValue, times.sliderValue]}
          onChange={onSliderChange}
          handleStyle={[
            {
              backgroundColor: "white",
              width: "23px",
              height: "23px",
              border: "2px solid #4caf50",
              marginLeft: -12
            }
          ]}
          trackStyle={[
            {
              marginTop: -5,
              height: 22,
              borderRadius: 15,
              background:
                "linear-gradient(to right, #0fff3b 0%, #009639 100%)"
            }
          ]}
        />

Хотя у меня есть несколько сомнений, таких какtipProps Я не вижу, для чего предназначен prefixCls, или если это могло бы мне помочь.