55
Views
3
Comments
Solved
[OutSystems UI] DatePicker malfunction (Double input)
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

Hello,

After the release of the new OutsystemsUI it is no longer possible to use InputWithIcon inside the DatePicker as before because this provokes a malfunction and present a double input field.

Same result if I put the input inside a Div

There is some workaround to be able to use the InputWithIcon?

I attached my oml.

Thanks

DatePickerTest.oml
2024-03-23 18-16-49
Bryan Villalobos
Solution

Hi @Paulo Torres ,

I have run  your oml before updating to the latest OutSystemsUI and it looks good. After the update, the extra input widget appeared. I believe this might be a bug in the latest update.

For the input with icon, I think you can have the whole datepicker inside of the InputWithIcon (the other way around)

I did the same way for the container and placed it outside of the DatePicker. I hope you can workaround as well on your plans with the UI.

It's either this is a bug in the latest release, or this is a "feature" to limit us to do stuff and customize inside that DatePicker placeholder (which I believe should not be the case).


Regards,

Bryan

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Paulo Torres 

This known issue is already fixed in our Dev environment and will be released in the next version (no ETA we can share atm) under code ROU-11113 (for reference in the release notes).

A workaround (and the correct way of doing this composition) is to put the whole DatePicker inside the InputWithIcon instead: 

Hope it helps!

Cheers,
GM

2024-03-23 18-16-49
Bryan Villalobos
Solution

Hi @Paulo Torres ,

I have run  your oml before updating to the latest OutSystemsUI and it looks good. After the update, the extra input widget appeared. I believe this might be a bug in the latest update.

For the input with icon, I think you can have the whole datepicker inside of the InputWithIcon (the other way around)

I did the same way for the container and placed it outside of the DatePicker. I hope you can workaround as well on your plans with the UI.

It's either this is a bug in the latest release, or this is a "feature" to limit us to do stuff and customize inside that DatePicker placeholder (which I believe should not be the case).


Regards,

Bryan

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Paulo Torres 

This known issue is already fixed in our Dev environment and will be released in the next version (no ETA we can share atm) under code ROU-11113 (for reference in the release notes).

A workaround (and the correct way of doing this composition) is to put the whole DatePicker inside the InputWithIcon instead: 

Hope it helps!

Cheers,
GM

2023-08-28 07-00-10
Paulo Torres
Champion

Thanks @Bryan Villalobos and @Gonçalo Martins. The way you provided works well.

Regards

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.