Hello O. Harris

Apology for the inconvenience. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.

Best regards

No problem. See info requested:

The module you are using is not our product. Please contact them for assistance.

https://prnt.sc/krdpsWkZJF5m

I contacted them and they said:

"In OSB Search module, we use Joomla core calendar function to show the calendar field at frontend of module, in your case, the template doesn't support Joomla core calendar input style. You should contact with template support team and ask them to add style for calendar field."

Please help.

I have added this CSS to Template Options -> Custom Code -> Custom CSS

.icon-calendar::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 24px;
    content: "\f073";
}

#selected_date_btn:hover{
    color: initial;
}

Please check your site now.

Thank you

You are welcome. Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

I have a humble request too. It would be very kind of you if you can manage some moment to give us feedback on Joomla Extension Directory. This will inspire us to improve.

There is just one more issue. Joomla provides the core function to show the calendar element (input box + calendar button with icon), but the template doesn't have CSS to make those items be in one line.

So the calendar button should be in the same row as input box. See screenshot link - https://prnt.sc/VUajW66Md0Gu

Please help.

I have added this CSS to Template Options -> Custom Code -> Custom CSS

#osbsearchform .input-append {
    display: flex;
    align-items: center;
}