Ordenar a direita conteúdo de option do select

Programação
, ,
#1

Tenho um select onde eu gostaria de exibir os conteúdos dele separados.
Do lado esquerdo do select, o nome da opção, e ao lado direito esse span.
Como é possivel fazer essa separação?

 <select class="custom-select" id="groupSelect">
                                          <option selected disabled>Selecionar...</option>
                                              <option value="1">
                                               Atividade 1 <span>00:00:00</span>
                                              </option>
                                        </select>

De forma que fique uma parte alinhado a esquerda e a outra parte “00:00:00”, alinhado a direita
se