69
Views
3
Comments
How to remove label "dd/mm/yyyy" from input type date?
Question
Application Type
Reactive

Hello guys,

One more begginer question :D

Is there a way to remove text label from input type date? I tried whith if to put "" but didn't work.

How can I show this field as blank "" if null date?

Image attached.

Thanks!

Date.PNG
2023-02-20 05-20-57
Nam Nguyen

Hi,
The text label is equal to 'placeholder' attribute in HTML and it is not supported with date type. It is recommended to provide an alternative method.

Have you tried DatePicker ?


Cheers, 
Nam


2023-10-21 19-42-11
Tousif Khan
Champion

Hello @Elaine Guimaraes 

The browser is responsible for this behavior. when we use the input type date it results in the appearance of a calendar even without using a date picker or calendar widget.

If you want to modify the default placeholder, you will need to adjust the input type to text or there are some alternative solutions.

  1. Using Date Outsystems UI datte picker.
  2. Try clearing the input with JS or you can use Date picker Clear action - both solution here
    https://www.outsystems.com/forums/discussion/78509/datepicker-reset-selected-dates-within-widget-using-client-action/
    https://www.outsystems.com/forums/discussion/80479/reset-date-range-selection-with-new-date-picker-range/
  3. If you are using a calendar widget -https://www.outsystems.com/forums/discussion/60013/how-to-clear-the-date-input-field-associated-with-datepicker/

Thanks
Tousif Khan

2023-06-17 23-16-53
Elaine Guimaraes

Hello guys, I tryed date picker, but I can't define the widht of this in my screen, so I give up this widget. So will try again.

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