diff --git a/app/Service/Forms/FormSubmissionFormatter.php b/app/Service/Forms/FormSubmissionFormatter.php index a885a8db..a9a2465c 100644 --- a/app/Service/Forms/FormSubmissionFormatter.php +++ b/app/Service/Forms/FormSubmissionFormatter.php @@ -203,7 +203,9 @@ class FormSubmissionFormatter $field['value'] = $data[$field['id']] ? 'Yes' : 'No'; } elseif ($field['type'] == 'date') { $dateFormat = ($field['date_format'] ?? 'dd/MM/yyyy') == 'dd/MM/yyyy' ? 'd/m/Y' : 'm/d/Y'; - $dateFormat .= (isset($field['with_time']) && $field['with_time']) ? ' H:i' : ''; + if (isset($field['with_time']) && $field['with_time']) { + $dateFormat .= (isset($field['time_format']) && $field['time_format'] == 24) ? ' H:i' : ' g:ia'; + } if (is_array($data[$field['id']])) { $field['value'] = isset($data[$field['id']][1]) ? (new Carbon($data[$field['id']][0]))->format($dateFormat) . ' - ' . (new Carbon($data[$field['id']][1]))->format($dateFormat) : (new Carbon($data[$field['id']][0]))->format($dateFormat); diff --git a/client/components/forms/DateInput.vue b/client/components/forms/DateInput.vue index 4643218c..fdee6f77 100644 --- a/client/components/forms/DateInput.vue +++ b/client/components/forms/DateInput.vue @@ -64,6 +64,7 @@ v-if="props.dateRange" v-model.range="modeledValue" :mode="props.withTime ? 'dateTime' : 'date'" + :is24hr="props.timeFormat == '24'" is-required borderless :min-date="minDate" @@ -76,6 +77,7 @@ v-else v-model="modeledValue" :mode="props.withTime ? 'dateTime' : 'date'" + :is24hr="props.timeFormat == '24'" is-required borderless :min-date="minDate" @@ -112,6 +114,7 @@ const props = defineProps({ disablePastDates: { type: Boolean, default: false }, disableFutureDates: { type: Boolean, default: false }, dateFormat: { type: String, default: 'dd/MM/yyyy' }, + timeFormat: { type: String, default: '24' }, outputDateFormat: { type: String, default: 'yyyy-MM-dd\'T\'HH:mm:ssXXX' }, isDark: { type: Boolean, default: false } }) @@ -190,8 +193,9 @@ const clear = () => { const formattedDate = (value) => { if (props.withTime) { try { - return format(new Date(value), props.dateFormat + ' HH:mm') + return format(new Date(value), props.dateFormat + (props.timeFormat == 12 ? ' p':' HH:mm')) } catch (e) { + console.log(e) return '' } } diff --git a/client/components/forms/FlatSelectInput.vue b/client/components/forms/FlatSelectInput.vue index 8a4cb326..a417bee2 100644 --- a/client/components/forms/FlatSelectInput.vue +++ b/client/components/forms/FlatSelectInput.vue @@ -22,9 +22,11 @@ }, ]" > -