Hi,
My input type is date and I want to remove this calendar icon from here
MY variable bound to this is also of type date and input type is also date.
Thanks and Regards,
Suraj Borade
Hi Suraj,
May I know why you want to remove date icon when your input or variable both are date type?
We want users just to type and don't select from calendar.
Note : We tried to do with text inputs but so much customization we have to do.
You can use CSS to hide the calendar icon of the input date picker.
Please refer to this post: https://stackoverflow.com/a/57893173
Kind regards,
Benjith Sam
@Suraj Borade Try this CSS to hide calendar icon
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
Hey, @Suraj Borade
In the CSS editor of your Theme or Screen, add this CSS code -
-webkit-appearance: none; }
This CSS will hide the calendar icon, if displays: none; not working then you have to write your class and add it to your input calendar OutSystems class does not allow you to overnight CSS so that time you have to add it there !important on your CSS Ex-
display: none !important ;
I hope this was helpful to you
thanks
Thank you guys, after trying this CSS, date format is changing to dd-m-yyyy. I want date format to consistent.
Apart from css, is there any other way too?
If you going with date type variable then you need to define date format or if you want like free text so I would suggest you to go with text type variable.
hey, @Suraj Borade
right now your problem is not solved. if you want the date format to be consistent. you have to check your expression logic maybe there is something wrong.
FormatDateTime(<YourDate>, "dd-MM-yyyy")
I hope you understand.
Possible Solution
DATE->TEXT
->Change Data Type of your date input field and variable to Text
->It will allow user to type, icon will not appear
Regards
Shradha
Hi Shradha,
I already informed if I have to go with text, I will have to do so much customizations.