Date Selector's time field appears blank.

  • Profile Image
    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

     

  • Profile Image
    Chriistian
    Answered on May 19, 2016 at 02: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.

    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.

    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.