Appointment Field: Available Dates are Not Visible

  • Profile Image
    loganboo527
    Asked on April 17, 2026 at 3:22 PM

    Available to book dates on my calendar appear whited out and don't display the date until clicked on, but my unavailable dates appear normal

  • Profile Image
    Podo: Support Specialist
    Replied on April 17, 2026 at 3:23 PM

    Hi Logan,

    Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

    I found information about Calendar Listing Reports in Jotform. A Calendar Listing lets you present submission data in a calendar format and display available dates or times, which can be useful for appointment scheduling.

    Here’s how to create one:

    1. Go to your Workspace page and click Type at the top, then uncheck all asset types except Forms.
    2. Select the form you want to use, then click Reports in the top menu.
    3. Click Add New Report, or use More and choose Create Report.
    4. Choose Calendar Listing on the Create Report page.
    5. Set the report name, date field, fields, report configurations, and optional password protection.
    6. Click Create to finish.

    After that, you can copy the report link, use the iframe embed code, open the report in a new tab, or close the window.

    If you meant that your calendar dates are displaying differently than expected, the knowledge base does not include a specific fix for that display issue. I don't know this information and our support team will handle your request.

    Let us know if you have any other questions.

  • Profile Image
    loganboo527
    Replied on April 17, 2026 at 3:23 PM

    i need an answer from a human

  • Profile Image
    Podo: Support Specialist
    Replied on April 17, 2026 at 3:23 PM

    Hi Logan,

    One of our Support Team members will take it from here to follow up shortly.

    Reach out again if you need any other help.

  • Profile Image
    Kyle JotForm Support
    Replied on April 17, 2026 at 4:47 PM

    Hi loganboo527, 

    You can easily remove the gray line above the Submit Button by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    .form-label, .appointmentCalendarContainer * {
    color: #2c3345;
    }

    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.

    Appointment Field: Available Dates are Not Visible Image 1 Screenshot 20 Give it a try and let us know how it goes.

Your Reply