<div class="group col-md-12 no-padder form-group require-field">
            <input pattern="[0-9]+" class="form-control" [(ngModel)]="price" name="price" type="text" required>
            <span class="highlight"></span>
            <span class="bar"></span>
            <label class="price">rial</label>
          </div>

.group label {
 color: #7B53C1;
 font-size: 14px;
 font-weight: normal;
 position: absolute;
 pointer-events: none;
 right: 25px;
 top: 0px;
 transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
.group input:focus ~ label, .group input:valid ~ label {
top: -20px;
font-size: 14px;
color: #7B53C1;
}