diff --git a/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html b/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html index 1d3b0267b64fa151d2d8facbea1d6dd8ce14d474..f01c0cfac8cc4a8e1fbbdff009c4ba928ade190d 100644 --- a/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html +++ b/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html @@ -3,23 +3,23 @@ <ng-container> <div class="d-flex"> <div> - <input class="p-10 mr-20" list="hours" #hourField name="hour" maxlength="2" + <input class="sb-timer-input" list="hours" #hourField name="hour" maxlength="2" placeholder="{{placeholders[0]}}" (change)="onChangeTimer('hr', $event.target.value)" (keyup)="onChangeTimer('hr', $event.target.value);" (focusout)="onFocusOutEvent('hr', $event.target.value)" - [attr.disabled]="disabled ? true : ( depends ? (isDependsInvalid ? true : null) : null )"> + [attr.disabled]="disabled ? true : null"> <datalist id="hours"> <option *ngFor="let hour of hourOptions" [value]="hour"> </datalist> </div> <div> - <input class="p-10 mr-20" list="minutes" #minField name="minute" maxlength="2" + <input class="sb-timer-input" list="minutes" #minField name="minute" maxlength="2" placeholder="{{placeholders[1]}}" (change)="onChangeTimer('min', $event.target.value)" (keyup)="onChangeTimer('min', $event.target.value)" (focusout)="onFocusOutEvent('min', $event.target.value)" - [attr.disabled]="disabled ? true : ( depends ? (isDependsInvalid ? true : null) : null )"> + [attr.disabled]="disabled ? true : null"> <datalist id="minutes"> <ng-container> <option *ngFor="let minute of minuteOptions" [value]="minute">{{minute}}</option>