Inline date picker won't close

  • Profile Image
    Asked on July 27, 2017 at 07:29 PM



    I have multiple pages.

    page 1: inline date picker

    div.calendar.popup {

        display : inline-block !important;

        position : relative !important;

        left : 1150px !important;

        top : -400px !important;



    If filled out I need to go to page 2 where someone can select a timeslot.


    But my date picker won't close. 


    Anyone suggestions?



  • Profile Image
    Answered on July 27, 2017 at 09:44 PM

    Can you please describe what you wanted to achieve with the CSS codes on your form?

    Your currently injected custom CSS codes actually breaks your form and have misplaced the elements in the form.

    Removing that line of CSS codes should restore and fixed the DatePicker calendar pop up position.



  • Profile Image
    Answered on July 28, 2017 at 05:13 AM

    Thanks Jonathan,

    but I need the datepicker to be inline. I don't want the popup version

    do you know how to achieve that?



  • Profile Image
    Answered on July 28, 2017 at 09:33 AM

    If you wish for the calendar to be inline, how about using the date reservation widget instead? To add this to your form, go to your form builder, open the left panel and click the Widget tab. Search for Date reservation and get/drag the Date Reservation widget to your form.

    If this is not what you intend, please let us know.


  • Profile Image
    Answered on July 28, 2017 at 09:48 AM


    The date reservation works but now I need to block all Sundays and specific dates.

    How would I do that?



  • Profile Image
    Answered on July 28, 2017 at 01:08 PM

    We'll address your query with blocking the dates on the Dates reservation widget on a separate thread. Please follow the link below:



  • Profile Image
    Answered on July 29, 2017 at 01:22 AM

    As mentioned in the other thread, here is the copy of your post for reference and further discussion.

    The date reservation widget does not allow multiple entries on same date. This is not what I want.

    I just need an inline calendar with possible blocked dates.

    Any suggestions?

    I tried the date picker which has these options but it won't show INLINE. Unless I override this with CSS. But then again it will not hide again when a date is selected.

    As I check your account, I see that there 3 forms, one with the Date reservation widget and the other two with default date field. Please let us know the form ID that you are working so that we can further assist you in this regard.

    We will wait for your response. Thank you!