Expose DateFormatter presets and reuse in DateIndexFieldtype

Add a static presets getter to DateFormatter instead of duplicating
the preset objects in the index fieldtype component.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: duncanmcclean

resources/js/components/DateFormatter.js

@@ -96,6 +96,14 @@ export default class DateFormatter {
         return new DateFormatter(this.#date, this.#options.fallback || 'datetime').toString();
     }
 
+    static get presets() {
+        return {
+            datetime: { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' },
+            date: { year: 'numeric', month: 'numeric', day: 'numeric' },
+            time: { timeStyle: 'short' },
+        };
+    }
+
     static format(date, options) {
         return new DateFormatter(date, options).toString();
     }

resources/js/components/fieldtypes/DateIndexFieldtype.vue

@@ -11,11 +11,6 @@ const emit = defineEmits(Fieldtype.emits);
 const props = defineProps(Fieldtype.props);
 const { expose } = Fieldtype.use(emit, props);
 
-const datePresets = {
-    datetime: { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' },
-    date: { year: 'numeric', month: 'numeric', day: 'numeric' },
-};
-
 const timezoneOption = computed(() => {
     const tz = props.value?.timezone;
 
@@ -28,7 +23,7 @@ const formatted = computed(() => {
     }
 
     const preset = props.value.time_enabled ? 'datetime' : 'date';
-    const formatter = new DateFormatter().options({ ...datePresets[preset], ...timezoneOption.value });
+    const formatter = new DateFormatter().options({ ...DateFormatter.presets[preset], ...timezoneOption.value });
 
     if (props.value.mode === 'range') {
         return formatter.date(new Date(props.value.start)) + ' – ' + formatter.date(new Date(props.value.end));