<div [formGroup]="form" class="row">
    <div class="col-6">
        <label for="{{ inputId }}-date">{{ label }} ({{ 'basic.date' | translate }}):</label>
        <input type="date" id="{{ inputId }}-date" class="form-control" formControlName="date" [readonly]="readonly">
    </div>
    <div class="col-6">
        <label for="{{ inputId }}-time">{{ label }} ({{ 'basic.time' | translate }}):</label>
        <input type="time" id="{{ inputId }}-time" class="form-control" formControlName="time" [step]="showSeconds ? 1 : 60" [readonly]="readonly">
    </div>
</div>