How to clear the preview in the date picker workaround

[Aulbourn]

Maybe this could help someone that might’ve experienced the same thing as I did or invite someone that has a better solution to share. I am sure there is a better solution.

I am using a date picker as a filter for a table, and the issue that I was having is that I couldn’t clear the date after selection.

So after a few hours of fiddling around, searching YouTube, and rewriting how to clear/reset the date picker in the community search, I took a break, watched a movie on Netflix, and came back with a workaround.

I added an icon that only appears when the date picker start and end dates are not empty.

Then added a workflow for when the icon is clicked, it would reset the start and end date.

and then edited the conditional render for the date picker placeholder to show preview if the start and end date variables have

a value, and if not, show “Select a date”

This serves as a solution to my issue, so I thought I would share

[Artur.AppDaHorta]

Hey @Aulbourn!

Thanks for sharing — I faced the same issue and found a more efficient workaround that might help you and others.

Instead of using a workflow with “Reset Variable”, I recommend using “Change Variable” and setting its value to an empty string ("").
This will fully reset the date picker, including the preview — which the “Reset Variable” action doesn’t always do (it only clears the selected dates internally, but not visually).

It’s the simplest and most reliable solution I found — give it a try!