Date Selector's time field appears blank.

  • JuliaRogers
    Asked on May 19, 2016 at 12:41 AM

    Hi, can someone please help me get the time field to show up on my form. I can see the numbers in the calendar/date selector. Time field is ON but the numbers are not showing up in their respective boxes

    Also, is is possible to limit the time selector to certain hours? I'd like to set the first available time slot to be 8 AM and the last available time slot is 4:30 PM.

    Thanks, Julie

     

  • Chriistian Jotform Support
    Replied on May 19, 2016 at 2:48 AM

    I checked your form and I was able to see the issue you were referring to. The options of the time field have a dark background so they are not visible until you click on them.

    Date Selectors time field appears blank Screenshot 40

    To resolve the issue, please inject the custom css below:

    .time-dropdown.form-dropdown {

      color : #111111!important;

      background-color : white!important;

    }

    option {

      background : #fff;

    }

    The time field should now look like the screenshot below. Please note that the time field will appear empty until a user selects a value from the dropdown menu.

    Date Selectors time field appears blank Screenshot 51

    As for your other question, unfortunately it is not possible to limit the time selector to certain hours. If you want to display a certain set of hours, you will need to use a regular dropdown field and set the hours that you want to be displayed there.

    Date Selectors time field appears blank Screenshot 62