[ ui5-date-picker | Angular | ui5-date-picker value is not being applied on formControl]:

[OnesimoMartins]

Bug Description

HTML :

   <ui5-form>
        <ui5-form-item column-span="1">
          <ui5-label slot="labelContent" show-colon >Código</ui5-label>
          <ui5-input ngDefaultControl [formControl]="form.controls.codigo">
          </ui5-input>
        </ui5-form-item>

        <ui5-form-item>
          <ui5-label slot="labelContent">Emissor da Ordem (Cliente)</ui5-label>
          <ui5-input ngDefaultControl [formControl]="form.controls.sdCliente">
            <ui5-icon slot="icon" name="value-help"/>
          </ui5-input>
        </ui5-form-item>

        <ui5-form-item>
          <ui5-label  slot="labelContent">Data do Pedido</ui5-label>
          <ui5-date-picker ngDefaultControl [formControl]="form.controls.dataPedido"
           style="width: 100%;"
          />
        </ui5-form-item>
</ui5-form>

TS:

@Component
export class OrdemVendaFormComponent {
  form = new FormGroup({
    sdCliente: new FormControl(""),
    codigo: new FormControl(""),
    dataPedido: new FormControl(""),
  })

  save(){
    console.log(this.form.value)
  }
}

Affected Component

ui5-date-picker

Expected Behaviour

apply the value 11/28/2024 in the formControl

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.2.0

Browser

Chrome, Edge

Operating System

Windows 11

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[s-todorova]

Hi @OnesimoMartins,

Thank you for reporting your findings. In order to process this issue more effectively, could you please provide us with a working example of your case? You can use stackblitz.

Best regards,
Siyana

[OnesimoMartins]

Hi @s-todorova , thank you for your attention, here is an example of the case: https://stackblitz.com/edit/stackblitz-starters-yo6tbx?file=src%2Fmain.ts