Error settings

These options are in Settings > Widget design > Validation error

Change the error colors

You can use the options below to change the colors of the errors.

To preview the look of the errors. Check the options on the Preview panel.

Display the error as an overlay.

Static: The error is inserted under the date picker's field, pushing the content below it. This is sometimes not ideal, as it will often move the Checkout or Add to Cart just after clicking it if an error is displayed.

Floating: The error is displayed on top of the widget. It doesn't move the elements below it.

Compatibility mode

When the widget is set to display under the product pages, you will find this option in Settings > Validation and advanced settings > Validation

Some apps may conflict with our date picker widget. It often happens with some "product options" apps when the date picker is displayed on the product page, or with some "quantity discount" apps when the date picker is displayed on the cart page. The conflict will make the error check ineffective and allow customers to checkout without selecting a date or time slot. 

In compatibility mode, the errors will be displayed on the page immediately, and the Add to Cart or Checkout button will be disabled. The error will be cleared as the user selects a date or time slot. When no more errors are displayed, the checkout button will become available.

In the example above, the Add to Cart button is disabled until a Date and a Delivery time have been chosen.