Mark

Hi Kokomo,

Thanks for getting back to me and sorry to keep you waiting. For some reason I did not get a notification about your reply.

The mail client supports both semicolon and comma, but for some reason does not separate the e-mails automatically. I found a workaround by accident; selecting all the mail addresses and then deselecting them, makes the mail client rearrange the mail addresses and separates them. So it does seem to be a bug in the mail client in stead of your plugin. Sorry for the inconvenience. This topic may be closed.

Thanks again and kind regards,
Mark

Hi @miemie,

Thank you for getting back to me and for taking my suggestions into consideration.

I’m looking forward for any future updates.

Kind regards,
Mark

Hi Erik,

Sorry for the long wait. I was enjoying some family time for a couple of days. Thank you for all your effort, input and references. I’ve learned a lot and it now works the way we wanted to:-)

Have a nice day and thanks again!

Mark

Hi @rainfallnixfig ,

Thanks for getting back to me. It is indeed an issue with the Astra Pro theme, the storefront theme does not show this problem. Next time I’ll try this first, sorry for the mishap.

I’ve contacted the Astra support team.

Kind regards,
Mark

Just one more question. If they want to disable another day in the future, let’s say Monday and Tuesday. How would that affect the javascript you provided?

Kind regards,
Mark

Hi Erik,

I’ve placed this code

#ui-datepicker-div td {
    padding: 0;
}

in the custom CSS area which overwrites the normal CSS file. This works like a charm! Thank you so much:-)

Regarding the default datepicker i found the following solution which works for me if you check https://www.cafededokter.nl/reserveren/ on your phone. I changed your input type from “date” to “text” and added the readonly attribute:

[text* your-date id:datepicker readonly placeholder "Datum*"]

I noticed your piece of CSS

input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}

which refers to “date” input type. It does not seem to influence the form in any way but maybe you can clarify this?

Once again thanks for all your help!

Kind regards,
Mark

Hi Erik,

Thanks again for all the effort you’re putting into this! The datepicker works, however there are two small issues still. Maybe you can help me figure what’s going wrong.

First, the Saturday’s are falling outside the datepicker ‘grid’. Check https://ibb.co/0hXwfwH for a screenshot or you can find the original page here: https://www.cafededokter.nl/reserveren/

Second, on iPhones the default iOS (i think?) datepicker is showing up first. You can select any Tuesdays, but after using the default datepicker, your datepicker pops up and the Tuesdays are greyed out like it should.

Any suggestions on this? Most likely the first has to do with the theme styling sheets. I can approach them to check if they have specific CSS set for the datepicker somewhere.

Kind regards and thanks again,
Mark

Hi Erik,

Thanks again. I tried putting the code within the wrapper you just provided, but unfortunately without success. Probably I’m just making a rookie mistake..

I would appreciate the help. Can I sent you a DM somehow to provide you with a temporary username and password so you can take a look?

Kind regards,
Mark

Hi Erik,

Thanks again! Your code works like a charm in your example on codepen, but I can’t get it to work on my website. I’ve put the code at the beginning of the reservation form page, like this:

<script type=”text/javascript”>
$(“#datepicker”).datepicker({
dateFormat: “yy-mm-dd”,
beforeShowDay: function (date) {
return date.getDay() == 2 ? [false, ” disabled”] : [true, ” enabled”];
}
});
</script>

But the form still displays the datepicker as usual, including the Tuesdays and I’m able to submit the form with a Tuesday selected. I tried in with Safari (OSX), Chrome (OSX) and an iPhone.

Any suggestions? Thanks for the help. Much appreciated:-)

Kind regards,
Mark

Hi Erik,

Thanks for your quick reply and I appreciate the time you’re taking to help me out. Maybe I’m doing something wrong but I’m still able to select any Tuesdays in the date-picker with the code you provided. Also on your example page I’m able to select Tuesdays. Am I doing something wrong maybe?

I’ve put your code within the contact form itself (using <script> tags), instead of the JS file.

Thanks and kind regards,
Mark