Calendar should remain open by default on mobile version

2-Also, on the mobile version, I need the calendar to always stay open, without the user having to click the icon to open it.

a. This is the initial appearance of the calendar without clicking the icon.

b. his is the appearance after clicking the icon, which I want to remain open from the start.

Hi Gabriel,

Thanks for reaching out to Jotform Support. Unfortunately, the Appointment Field does not support an option to keep the calendar always open by default on mobile devices. The calendar typically opens only when the user taps the calendar icon or the date field. As a workaround, you can use a custom CSS code. Here’s what to do:

1. First, copy this code:

@media only screen and (max-width:600px){

  .appointmentCalendarDays.days {

    display: table !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Here's the result:

Check out our guide on How to Inject Custom CSS Codes to learn more.

Give it a try and let us know how it goes.