[Resolved] How to espand the data field clickable area in custom search?

[Author]

Posts

[francescoG-3]

Tell us what you are trying to do?
I have created a custom search and there is a between filter about the data field. Well, to select the data now the user needs to click on the calendar icon. I need to expand the clickable area to all related form-group. If I try to customize it using the CSS "width:100%", the calendar icon is expanded to 100%, but I not need to expand the calendar icon, but only the clickable area.
What shoul I do to do that?

Is there any documentation that you are following?
I don't know.

Is there a similar example that we can see?
I don't know.

What is the link to your site?
hidden link

[Christian Cox]

I'm not aware of an easy way to expand the clickable area for the calendar icon. I think you would have to use custom JavaScript code to trigger the datepicker by capturing a click event in another area. The calendar icon is part of the jQuery UI datepicker system.

In theory you could use CSS to show a cursor over the entire area:

.form-group.data1 {
  pointer:cursor;
}

Then you would have to capture clicks on that entire area and forward them to the datepicker trigger. There's not an easy solution for this, it would require complex JavaScript.

[francescoG-3]

mmm... ok, it is not possible in a simple way...
Thank you!

[Christian Cox]

Closing, with client's acknowledgement there is not an easy solution here.