Improve Booking Details Formatting in Webform Booking Calendar Pop-up

Problem/Motivation

Currently, the Webform Booking Calendar module displays the booking date, time, and seats as a single concatenated string, such as:

2025-01-26 09:30|4

This format is not user-friendly and makes it harder to read the details in the calendar pop-up.

Steps to reproduce

• Create a Webform with a date-time element for booking slots.
• Submit a booking form and view the calendar.
• Hover over a booking in the calendar.
• Observe that the booking details show as a single string instead of separate readable values.

Proposed resolution

The pop-up should display the Booking Date, Start Time, and Seats separately.

• Use a friendly date format (DD/MM/YYYY).
• Include the day of the week for clarity.

Current output (confusing)

2025-01-26 09:30|4

Proposed output (clearer)

Booking Date: Sunday, 26/01/2025
Time Slot: 09:30
Seats: 4

Technical Details

The current code pulls data from the webform_submission_data table as a single string. I updated the WebformBookingCalendarController.php file to:

• Explode the string into separate values.
• Reformat the date to include the day of the week.
• Keep the Name field at the top for better readability.

Code Suggestion:

[$datetime, $seats] = explode('|', $result->value);
$start_time = strtotime($datetime);
$formatted_date = date('l, d/m/Y', $start_time);

$details[] = 'Booking Date: ' . $formatted_date;
$details[] = 'Time Slot: ' . date('H:i', $start_time);
$details[] = 'Seats: ' . $seats;