Contact Forms 7- Date and Time Picker Problem

Hello!

I am using Contact Forms 7 for a booking page. I have five shops and have created a drop down list for the stores they can choose from. However I am having trouble with the date and time picker. It appears, but the times are in military form and I would like civilian. Also I’m wondering if it is possible to create some sort of if-and-then statement that changes the times based on the store they choose. Thank you in advance for any help!
<p class=”ozy-half-input”>[text* your-name placeholder “Name (required)”]</p>

<p class=”ozy-half-input-last”>[email* your-email placeholder “Email (required)”]</p>

<p class=”ozy-half-input”>[tel* your-tel placeholder “Telephone”]</p>

<p class=”ozy-half-input-last”>[text* appointment-time class:datetimepicker placeholder “APPOINTMENT TIME”]</p>

<p[select* ShopLocation “West Redding” “East Redding” “South Redding” “Red Bluff” “Yreka”]

[map map-1115]

<p>[textarea your-message x2 placeholder “Your Message”]</p>

<p>[submit “Send”]</p>