How to change date format in the webform date element?

Question

I have added a date element to my webform.

Now I want to change the date format for the date element.

I have used the following code.

function my_module_webform_element_alter(array &$element, FormStateInterface $form_state, array $context) {
  if ($element['#type'] === 'date') {
    $element['#date_date_format'] = 'd/m/Y';
  }
}

But I can still see the date element like this.

And when I try to submit the form and I get an error on date field.

Also is there a way to change the date format in the email which webform sends?

Answer 1

I am assuming you are using Webform 6.x/

For Drupal 9.x, you need to install the jQueryUI datepicker module and then enable the datepicker via the UI.

For Drupal 8.x, the jQueryUI datepicker is included.

Answer 2

The date format in the field depends on the operating system settings. So it will display the date format according to the format set in your OS.

For the date format in the email, You need to change it from admin/structure/webform/config/elements in the Element formats section by setting the default format for the date field.