I already added the code, it's completed 🙂
thanks Christian, it's working! 🙂
Do you know if it is possible to make the title clickable too - so it is not just the icon? Or can you show the calendar "unfolded" by default? Do you know what i mean? I fear that people will miss that they have to press the small icon so i was wondering if the calendar itself just can be shown as default?
Unfortunately there is no option available to make the calendar always visible. I think to do that or to extend the clickable area to include the title would require custom JavaScript code that interacts with the datepicker using the jQuery UI API for Datepicker fields: https://jqueryui.com/datepicker/
Hmm. okay I see. Are there any other visual options? Or options to make the icon a little easier to find?
There really aren't many options built-in for datepicker filter controls. In the Block Editor, you can change the position of the label to be "before", so the datepicker icon is displayed just after the text. That could be helpful to associate the icon with the label.
In classic Views, you can show text inputs instead of the calendar icons, but this alternative is not very useful in my opinion, because the calendar widget is not displayed with the text input version. The calendar widget is very important for being able to select dates. You can also set default dates for the controls, and force the visitor to change them, but that can be confusing and limit the number of results displayed.
As you've already seen, you can use custom CSS to adjust the size of the icon images. Use caution, because if you stretch the icons too much, they may begin to appear pixelated. The icon images are not designed to be displayed very large.
