Changing the datetime formatter a bit.

src/routes/core/ae_comp__person_obj_tbl.svelte

@@ -122,9 +122,9 @@ let lq_kv__person_obj_li = liveQuery(
             {/if}
 
             <td class="px-4 py-2">
-                {ae_util.iso_datetime_formatter(person_obj?.created_on, 'datetime_us_no_seconds')}
+                {ae_util.iso_datetime_formatter(person_obj?.created_on, 'datetime_12_no_seconds')}
                 <br>
-                {ae_util.iso_datetime_formatter(person_obj?.updated_on, 'datetime_us_no_seconds')}
+                {ae_util.iso_datetime_formatter(person_obj?.updated_on, 'datetime_12_no_seconds')}
             </td>
         </tr>
     {/each}

src/routes/events_leads/exhibit/[slug]/leads_manage.svelte

@@ -82,7 +82,7 @@ $: if ($events_slct.exhibit_id) {
         </div>
         <div class="flex flex-row items-center space-x-2">
         <span class="ae_label">Started:</span>
-        <span class="ae_value">{ae_util.iso_datetime_formatter($events_loc.leads.auth_exhibit_kv[$events_slct.exhibit_id].updated_on, 'datetime_long')}</span>
+        <span class="ae_value">{ae_util.iso_datetime_formatter($events_loc.leads.auth_exhibit_kv[$events_slct.exhibit_id].updated_on, 'datetime_12_long')}</span>
         </div>
         </div>
 

src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_session_view.svelte

@@ -145,23 +145,24 @@ ae_promises[$events_loc.launcher.slct.event_session_id] = events_func.load_ae_ob
                 class="event_session_datetimes"
                 >
                 <button
+                    type="button"
                     on:click={() => {
-                        if ($events_loc.launcher.time_format == 'time_us_short') {
+                        if ($events_loc.launcher.time_format == 'time_12_short') {
                             $events_loc.launcher.time_format = 'time_short';
                         } else {
-                            $events_loc.launcher.time_format = 'time_us_short';
+                            $events_loc.launcher.time_format = 'time_12_short';
                         }
                     }}
                     >
-                <strong>{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'week_long')}</strong>
-                <span class="font-normal">
-                    {ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'date_long_month_day')}
-                </span>
-                <strong>{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, $events_loc.launcher.time_format)}</strong>
-                <span class="font-normal">
-                    &ndash;
-                    {ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, $events_loc.launcher.time_format)}
-                </span>
+                    <strong>{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'week_long')}</strong>
+                    <span class="font-normal">
+                        {ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'date_long_month_day')}
+                    </span>
+                    <strong>{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, $events_loc.launcher.time_format)}</strong>
+                    <span class="font-normal">
+                        &ndash;
+                        {ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, $events_loc.launcher.time_format)}
+                    </span>
                 </button>
             </h3>
             <h2 class="text-xl">
@@ -314,7 +315,7 @@ ae_promises[$events_loc.launcher.slct.event_session_id] = events_func.load_ae_ob
                     <div class="event_presentation_datetime_name flex flex-row justify-evenly gap-4">
                         <!-- <div class="event_presentation_datetime_name"> -->
                             {#if event_presentation_obj?.start_datetime}
-                                <span class="event_presentation_datetime"><strong>{ae_util.iso_datetime_formatter(event_presentation_obj?.start_datetime, 'time_us_short_no_leading')}</strong></span>
+                                <span class="event_presentation_datetime"><strong>{ae_util.iso_datetime_formatter(event_presentation_obj?.start_datetime, 'time_12_short_no_leading')}</strong></span>
                             {/if}
 
                             <span class="event_presentation_name grow">{event_presentation_obj?.name}</span>

src/routes/events_pres_mgmt/ae_comp__event_file_obj_tbl.svelte

@@ -186,7 +186,7 @@ let lq_kv__event_file_obj_li = liveQuery(
                 </span>
             </div>
                 <span>
-                {ae_util.iso_datetime_formatter(event_file_obj?.created_on, 'time_us_short')}
+                {ae_util.iso_datetime_formatter(event_file_obj?.created_on, 'time_12_short')}
                 </span>
             </td>
             {#if show_location_fields}
@@ -210,7 +210,7 @@ let lq_kv__event_file_obj_li = liveQuery(
                     {event_file_obj?.event_session_name}
                 </a>
             </td>
-            <td class="px-4 py-2">{ae_util.iso_datetime_formatter(event_file_obj?.event_session_start_datetime, 'datetime_us_no_seconds')}</td>
+            <td class="px-4 py-2">{ae_util.iso_datetime_formatter(event_file_obj?.event_session_start_datetime, 'datetime_12_no_seconds')}</td>
             {/if}
             {#if show_presentation_fields}
             <td class="px-4 py-2 lg:text-xs">
@@ -222,7 +222,7 @@ let lq_kv__event_file_obj_li = liveQuery(
             </td>
             <td class="px-4 py-2">
                 {#if event_file_obj?.event_presentation_id_random}
-                {ae_util.iso_datetime_formatter(event_file_obj?.event_presentation_start_datetime, 'time_us_short')}
+                {ae_util.iso_datetime_formatter(event_file_obj?.event_presentation_start_datetime, 'time_12_short')}
                 {:else}
                     {@html ae_snip.html__not_set}
                 {/if}

src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_tbl.svelte

@@ -116,15 +116,15 @@ let lq_kv__event_presenter_obj_li = liveQuery(
                 {event_presenter_obj?.event_session_name}
                 </a>
             </td>
-            <td class="px-4 py-2 text-sm">{ae_util.iso_datetime_formatter(event_presenter_obj?.event_session_start_datetime, 'datetime_us_no_seconds')}</td>
+            <td class="px-4 py-2 text-sm">{ae_util.iso_datetime_formatter(event_presenter_obj?.event_session_start_datetime, 'datetime_12_no_seconds')}</td>
             {/if}
 
             {#if show_presentation_fields}
             <td class="px-4 py-2 lg:text-xs">{event_presenter_obj?.event_presentation_name}</td>
-            <td class="px-4 py-2 lg:text-xs">{ae_util.iso_datetime_formatter(event_presenter_obj?.event_presentation_start_datetime, 'time_us_short')}</td>
+            <td class="px-4 py-2 lg:text-xs">{ae_util.iso_datetime_formatter(event_presenter_obj?.event_presentation_start_datetime, 'time_12_short')}</td>
             {/if}
 
-            <td class="px-4 py-2 text-sm">{ae_util.iso_datetime_formatter(event_presenter_obj?.updated_on, 'datetime_us_no_seconds')}</td>
+            <td class="px-4 py-2 text-sm">{ae_util.iso_datetime_formatter(event_presenter_obj?.updated_on, 'datetime_12_no_seconds')}</td>
 
         </tr>
     {/each}

src/routes/events_pres_mgmt/ae_comp__event_session_obj_li.svelte

@@ -215,13 +215,13 @@ let lq_kv__event_session_obj_li = liveQuery(
         <span class="flex flex-col items-center md:flex-row md:items-start md:text-center max-w-36">
             {#if session_obj?.start_datetime}
             <span style="break-inside: avoid;">
-                {ae_util.iso_datetime_formatter(session_obj?.start_datetime,'time_us_short')}
+                {ae_util.iso_datetime_formatter(session_obj?.start_datetime,'time_12_short')}
             </span>
             <span class="grow">
             &ndash;
             </span>
             <span style="break-inside: avoid;">
-                {ae_util.iso_datetime_formatter(session_obj?.end_datetime,'time_us_short')}
+                {ae_util.iso_datetime_formatter(session_obj?.end_datetime,'time_12_short')}
             </span>
             {:else}
             {@html ae_snip.html__not_set}

src/routes/events_pres_mgmt/ae_comp__event_session_obj_li_v2.svelte

@@ -209,13 +209,13 @@ if (browser) {
         <span class="flex flex-col items-center md:flex-row md:items-start md:text-center max-w-36">
             {#if session_obj?.start_datetime}
             <span style="break-inside: avoid;">
-                {ae_util.iso_datetime_formatter(session_obj?.start_datetime,'time_us_short')}
+                {ae_util.iso_datetime_formatter(session_obj?.start_datetime,'time_12_short')}
             </span>
             <span class="grow">
             &ndash;
             </span>
             <span style="break-inside: avoid;">
-                {ae_util.iso_datetime_formatter(session_obj?.end_datetime,'time_us_short')}
+                {ae_util.iso_datetime_formatter(session_obj?.end_datetime,'time_12_short')}
             </span>
             {:else}
             {@html ae_snip.html__not_set}

src/routes/events_pres_mgmt/ae_comp__event_session_obj_tbl.svelte

@@ -87,7 +87,7 @@ let lq_kv__event_session_obj_li = liveQuery(
                 </a>
             </td>
             <td class="px-4 py-2">
-                {ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'datetime_us_no_seconds')}
+                {ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'datetime_12_no_seconds')}
             </td>
             <td class="px-4 py-2">
                 {event_session_obj?.event_location_name}

src/routes/events_pres_mgmt/session_view.svelte

@@ -252,7 +252,22 @@ $: if ($lq__event_session_obj) {
             }}
             >
             {ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'dddd')},
-            {ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'datetime_long')}
+            <button
+                type="button"
+                on:click={() => {
+                    if ($events_loc.launcher.time_hours == 12) {
+                        $events_loc.launcher.time_hours = 24;
+                        $events_loc.launcher.datetime_format = 'datetime_long';
+                        $events_loc.launcher.time_format = 'time_short';
+                    } else {
+                        $events_loc.launcher.time_hours = 12;
+                        $events_loc.launcher.datetime_format = 'datetime_12_long';
+                        $events_loc.launcher.time_format = 'time_12_short';
+                    }
+                }}
+                >
+                {ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, $events_loc.launcher.datetime_format)}
+            </button>
         </Element_ae_crud>
         -
         <Element_ae_crud
@@ -279,7 +294,7 @@ $: if ($lq__event_session_obj) {
                 // $events_trig_kv['event_session_id'] = $lq__event_session_obj?.event_session_id_random;
             }}
             >
-            {ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, 'time_us_short')}
+            {ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, $events_loc.launcher.time_format)}
         </Element_ae_crud>
     </li>
     <li>