como se muestra en la imagen y en las partes circuladas, creé una clase llamada clsTest . en esta clase me gustaría cambiar la posición y algunas propiedades del elemento en un círculo en rojo como se muestra en la imagen. los elementos dentro de un círculo en rojo se componen del campo de entrada y el icono del calendario. cuando activo el inspector de elementos en Chrome, la clase clsTest nunca está presente ni aparece entre otras clases. en otras palabras, como se muestra en la imagen, se muestra la clase .clr-control-container pero no la clase clsTest

hágame saber cómo asignar correctamente una clase y poder modificar sus atributos para cambiar la posición y las propiedades del elemento en un círculo rojo.

html :

 <clr-date-container class="clsDateContainer"> <label id="idDateOfSprayLabel"> <p>Date:</p> </label> <input id="idDateOfSprayValue" class="clsTest clr-control-container" clrDate type="date" placeholder="Specify date of spray" [(ngModel)]="iDatePasser.dateOfSpray" (ngModelChange)="onDateOfSpraySet($event)" name="dateOfSpray" value="2021-07-21" min="2021-01-01" max="2090-12-31" /> </clr-date-container>

css :

 .clsTest{ bottom: 10; right: 0px; left: 430px; top: 174px; width: auto;

}

imagen :