Current: {new SvelteDate(booking.start_time).toLocaleDateString('en-GB', { weekday: 'short', day: 'numeric', month: 'short', year: 'numeric' })} at {new SvelteDate(booking.start_time).toLocaleTimeString('en-GB', { hour: 'numeric', minute: '2-digit', hour12: true })}

{booking.user?.full_name || 'Unknown'} · {booking.services ?.map((s) => s.service_name) .join(', ') || 'No services'} · {bookingDuration} min

{ selectedDate = newDate; selectedTime = null; }} onPlaceholderChange={(newPlaceholder) => { placeholder = newPlaceholder; userNavigatedCalendar = true; }} />

{#if !loadingHours} {#if selectedDate}

{#if formattedSelectedDate}

{formattedSelectedDate}

{/if} { selectedTime = time; }} />

{:else}

Select a date to see available times

{/if} {/if} {#if selectedDate && selectedTime} {/if}