@codecademy/gamut

Index: package/dist/DatePicker/DatePickerInput/utils.js
===================================================================
--- package/dist/DatePicker/DatePickerInput/utils.js
+++ package/dist/DatePicker/DatePickerInput/utils.js
@@ -0,0 +1,50 @@
+import { stringifyLocale } from '../utils/locale';
+
+/** Single date field in locale order (from `Intl.DateTimeFormat#formatToParts`). */
+
+/**
+ * Month/day/year order and literal separators for the locale (e.g. MM/DD/YYYY vs DD/MM/YYYY).
+ */
+export const getDateFormatLayout = locale => {
+  const parts = new Intl.DateTimeFormat(stringifyLocale(locale), {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit'
+  }).formatToParts(new Date(2025, 10, 15));
+  const items = [];
+  for (const part of parts) {
+    if (part.type === 'month') items.push({
+      kind: 'field',
+      field: 'month'
+    });else if (part.type === 'day') items.push({
+      kind: 'field',
+      field: 'day'
+    });else if (part.type === 'year') items.push({
+      kind: 'field',
+      field: 'year'
+    });else if (part.type === 'literal') items.push({
+      kind: 'literal',
+      text: part.value
+    });
+  }
+  return items;
+};
+
+/** Focus / tab order for the three fields (locale order). */
+export const getDateFieldOrder = layout => {
+  const order = [];
+  for (const item of layout) {
+    if (item.kind === 'field' && !order.includes(item.field)) {
+      order.push(item.field);
+    }
+  }
+  return order.length === 3 ? order : ['month', 'day', 'year'];
+};
+
+/** ISO 8601 date-only string for hidden form fields. */
+export const formatDateISO8601DateOnly = date => {
+  const y = date.getFullYear();
+  const m = date.getMonth() + 1;
+  const d = date.getDate();
+  return `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`;
+};
\ No newline at end of file