@autobusal/utilities 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to this package are documented here. This project follows [Keep a Changelog](https://keepachangelog.com/) and [Semantic Versioning](https://semver.org/).
 
+## 1.3.0
+
+`getDayParts` — the same short date as `getFormattedShort`, but in its parts.
+One string cannot be shortened by CSS, and the seven-day strip needs to drop
+the month on a narrow screen so seven days fit without a scroller.
+
 ## [1.2.0] - 2026-07-25
 
 ### Added

package/date.tsx

@@ -27,6 +27,28 @@ export const getFormattedShort = (date: Date, t: TFunction<'generate'>): string
   return `${ t(display.weekday, { ns: 'common' }) }, ${ display.day } ${ t(display.month, { ns: 'common' }).substring(0, 3) }`;
 };
 
+/**
+ * The same short date, but in parts.
+ *
+ * Edited: Ferjolt Ozuni - Date: 2026-08-03
+ *
+ * getFormattedShort returns one string, so a caller that needs to drop the
+ * month on a narrow screen cannot - CSS can hide an element but it cannot
+ * shorten a sentence. The seven-day strip needs exactly that: "Sat, 01 Aug"
+ * seven times does not fit a phone, "Sat 01" does.
+ */
+export const getDayParts = (date: Date, t: TFunction<'generate'>): { weekday: string, day: string, month: string } => {
+  const day = date.getDate();
+  const month = date.toLocaleString('default', { month: 'long' });
+  const weekday = date.toLocaleString('default', { weekday: 'short' });
+
+  return {
+    weekday: t(`data.days.${ weekday.toLowerCase() }`, { ns: 'common' }),
+    day: day < 10 ? `0${ day }` : String(day),
+    month: t(`data.months.${ month.toLowerCase() }`, { ns: 'common' }).substring(0, 3)
+  };
+};
+
 export const differenceYears = (date: Date): number => {
   const milliseconds = Date.now() - date.getTime();
 

package/index.ts

@@ -1,4 +1,4 @@
-import { createDate, prepareDate, getFormattedShort, differenceYears, futureDate } from './date';
+import { createDate, prepareDate, getFormattedShort, getDayParts, differenceYears, futureDate } from './date';
 import { Validate, Display } from './form';
 import { error, notify, success } from './notify';
 import { getAllowed, getLanguages, getPayments } from './options';
@@ -18,6 +18,7 @@ export {
   createDate,
   prepareDate,
   getFormattedShort,
+  getDayParts,
   differenceYears,
   DisplayStatus,
   futureDate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/utilities",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts",