ngModel-html.html

<div class="container">
  <div class="row">
    <div class="col p">
      <label class="title-h">{{title}}</label>
        <div>
          <div class="col p-1">
            <label class="mt-n1 lbl-f-s">{{day_wk_a}}</label>
            <form (ngSubmit)="onSubmit()" #scheduleForm="ngForm">
              <div class="form-row">
                  <div class="form-group mx-sm-3 mb-2">
                    <label class="mt-n1 lbl-f-c">{{from_sche}}</label>
                    <input type="time" class="input-res" [(ngModel)]="model.lv_from" required #lv_from="ngModel" name="lv_from" id="lv_from">
                  </div>
                  <div class="form-group mx-sm-3 mb-2">
                    <label class="mt-n1 lbl-f-c">{{to_sche}}</label>
                    <input type="time" class="input-res" [(ngModel)]="model.lv_to" required #lv_to="ngModel" name="lv_to" id="lv_to">
                  </div>
              </div>
                <label class="mt-n1 lbl-f-s">{{day_wk_b}}</label>
                <div class="form-row">
                  <div class="form-group mx-sm-3 mb-2">
                    <label class="mt-n1 lbl-f-c">{{from_sche}}</label>
                    <input type="time" class="input-res" [(ngModel)]="model.s_from" required #s_from="ngModel" name="s_from" id="s_from">
                  </div>
                  <div class="form-group mx-sm-3 mb-2">
                    <label class="mt-n1 lbl-f-c">{{to_sche}}</label>
                    <input type="time" class="input-res" [(ngModel)]="model.s_to" required #s_to="ngModel" name="s_to" id="s_to">
                  </div>
                  </div>
                <label class="mt-n1 lbl-f-s">{{day_wk_c}}</label>
                   <div class="form-row">
                    <div class="form-group mx-sm-3 mb-2">
                      <label class="mt-n1 lbl-f-c">{{from_sche}}</label>
                      <input type="time" class="input-res" [(ngModel)]="model.d_from" required #d_from="ngModel" name="d_from" id="d_from">
                    </div>
                    <div class="form-group mx-sm-3 mb-2">
                      <label class="mt-n1 lbl-f-c">{{to_sche}}</label>
                      <input type="time" class="input-res" [(ngModel)]="model.d_to" required #d_to="ngModel" name="d_to" id="d_to">
                    </div>
                  </div>
                  <br />
                  <label>{{title_fes}}</label>
                    <div class="form-row">
                      <div class="form-group col-md-4">
                        <label class="col-sm-2 col-form-label">{{name_main}}</label>
                        <input type="text" class="form-control input-res" id="d_nam_f" value="Nombre del día festivo"
                        [(ngModel)]="model.d_nam_f" required #d_nam_f="ngModel" name="d_nam_f" placeholder="Nombre">
                      </div>
                      <div class="form-group col-md-4">
                        <label class="col-sm-2 col-form-label">{{day_des}}</label>
                        <input type="text" class="form-control input-res" id="d_des_d" placeholder="Descripción"
                        [(ngModel)]="model.d_des_d" required #d_des_d="ngModel" name="d_des_d">
                      </div>
                      <div class="form-group col-md-4">
                        <label class="col-sm-4 col-form-label">{{day_fes}}</label>
                        <input type="date" class="form-control input-res" id="d_fes_d"
                        [(ngModel)]="model.d_fes_d" required #d_fes_d="ngModel" name="d_fes_d">
                      </div>
                    </div>

                  <div class="col btn-c">
                    <button type="submit" class="btn btn-success btn-sm" [disabled]="!scheduleForm.form.valid">{{btn_submit}}</button>
                  </div>
            </form>
          </div>
        </div>
    </div>

      <div class="col p">
        <div [hidden]="!submitted">
          <br />
          <label class="title-h">{{subtitle}}</label>
          <table class="table">
              <thead>
                <tr>
                  <th scope="col " class="lbl-f-c">{{day_wk_a}}</th>
                  <th scope="col " class="lbl-f-c">{{day_wk_b}}</th>
                  <th scope="col " class="lbl-f-c">{{day_wk_c}}</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="lbl-f-c">{{ model.lv_from }} a {{ model.lv_to }}</td>
                  <td class="lbl-f-c">{{ model.s_from }} a {{ model.s_to }}</td>
                  <td class="lbl-f-c">{{ model.d_from }} a {{ model.d_to }}</td>
                </tr>
              </tbody>
              <tbody>
                <br />
                <tr>
                  <label class="title-h">{{title_fes}}</label>
                </tr>
              </tbody>
              <tbody>
                <tr>
                  <th scope="col" class="lbl-f-c">{{name_main}}</th>
                  <th scope="col" class="lbl-f-c">{{day_des}}</th>
                  <th scope="col" class="lbl-f-c">{{day_fes}}</th>
                </tr>
              </tbody>
              <tbody>
                  <td>{{ model.d_nam_f }} </td>
                  <td>{{ model.d_des_d }} </td>
                  <td>{{ model.d_fes_d }} </td>
              </tbody>
          </table>
        </div>
      </div>
  </div>
</div>