date selection contact form

Hi,

A calendar box will open when you click the date input field. You can also type in the date manually.

Best regards,
Ismael

Hi,

What do you mean by “calendar box” exactly? Have you tried adding the date picker element? Again, a calendar box should open when you click on it.

Best regards,
Ismael

Hi,

Thanks for the update.

The script is being executed before jQuery loads, which is why it’s not working. I’ve added this code in the functions.php file to fix the issue temporarily

function ava_load_jquery_dep_script() {
    wp_enqueue_script( 'avia-datepicker-dummy',  get_template_directory_uri() . '/js/test.js', array('jquery'), '1.0' );

    wp_add_inline_script( 'avia-datepicker-dummy', 'jQuery(document).ready(function(){ jQuery(".avia_datepicker").datepicker({
        beforeShow: function(input, inst) {
           jQuery("#ui-datepicker-div").addClass(this.id);
           inst.dpDiv.addClass("avia-datepicker-div");
       },
        showButtonPanel: true,
        closeText: AviaDatepickerTranslation.closeText,
        currentText: AviaDatepickerTranslation.currentText,
        nextText: AviaDatepickerTranslation.nextText,
        prevText: AviaDatepickerTranslation.prevText,
        monthNames: AviaDatepickerTranslation.monthNames,
        monthNamesShort: AviaDatepickerTranslation.monthNamesShort,
        dayName: AviaDatepickerTranslation.dayNames,
        dayNamesShort: AviaDatepickerTranslation.dayNamesShort,
        dayNamesMin: AviaDatepickerTranslation.dayNamesMin,
        dayNames: AviaDatepickerTranslation.dayNames,
        dateFormat: AviaDatepickerTranslation.dateFormat,
        firstDay: AviaDatepickerTranslation.firstDay,
        isRTL: AviaDatepickerTranslation.isRTL,
        changeMonth: true,
        changeYear: true,
        yearRange: "c-80:c+10"
    }); });' );
 }
add_action( 'wp_enqueue_scripts', 'ava_load_jquery_dep_script', 10 );

Best regards,
Ismael