@autobusal/common 1.21.0 → 1.23.0

package/CHANGELOG.md

@@ -6,6 +6,36 @@ All notable changes to `@autobusal/common` are documented here. This project fol
 > Note: 1.10.0 through 1.15.1 were published without changelog entries. The
 > gap is left as-is rather than reconstructed after the fact.
 
+## 1.23.0
+
+An unbookable date is inert, not merely faded.
+
+It was dimmed and otherwise fully interactive: the pointer cursor and the
+hover highlight still invited a click, and the click was answered with a
+browser alert saying the date was invalid. The calendar offered a day, let
+somebody reach for it, then told them off for taking the offer.
+
+`pointer-events: none` removes it from the conversation entirely — no cursor
+change, no hover, no click to refuse — alongside the `aria-disabled` and
+`tabIndex=-1` already on the element. Unreachable by mouse, keyboard and
+screen reader alike, and the alert is gone with it.
+
+## 1.22.0
+
+The booking calendar floors on the SERVER's date, not the browser's.
+
+`new Date()` is the buyer's device clock, which says nothing about where they
+are travelling. Somebody in Shanghai at 06:00 on the 5th, looking at an
+Italian coach that does not leave until the evening of the 4th, had that day
+greyed out — while the server would have sold them the seat quite happily. The
+calendar was refusing a sale the API accepted.
+
+It also makes the picker agree with the date strip beside it, which has always
+been built server-side; the two used to disagree about which day came first.
+
+A date of birth keeps the local clock, because that one genuinely is about the
+person in front of the screen.
+
 ## 1.21.0
 
 `reply` joins the table actions with its own icon and label. The operator

package/Calendar/Days.tsx

@@ -19,6 +19,9 @@ const Days = ({ type, value, selected, minDate, onSelected }: Props): JSX.Elemen
     setCalendar(getCalendar(value));
   }, [value]);
 
+  // Edited: Ferjolt Ozuni - Date: 2026-08-03
+  // Only used to mark which cell is "today" visually - the FLOOR comes from
+  // getLimits below, which for a booking picker follows the server.
   const today = prepareDate(new Date());
 
   const limits = getLimits(type);

package/Calendar/Picker.tsx

@@ -19,8 +19,13 @@ const Picker = ({ type, value, selected, minDate, t, onClick }: Props): (JSX.Ele
   const [ prepared, setPrepared ] = useState<string>(value);
 
   const onSelected = (prepared: string, disabled: boolean): void => {
+    // Edited: Ferjolt Ozuni - Date: 2026-08-03
+    // Silently, not with an alert. A disabled day is now inert in CSS as
+    // well (see Day in styles), so this can only be reached by something
+    // focusing the element programmatically - and a control that cannot be
+    // used should not interrupt somebody to say so.
     if (disabled) {
-      return alert(t('general:errors.invalid.date'));
+      return;
     }
 
     onClick(prepared);

package/Calendar/styles.ts

@@ -51,8 +51,26 @@ export const Day = styled.div<{
     color: ${ props => props.theme.primary.normal };
   ` }
 
+  /**
+   * Edited: Ferjolt Ozuni - Date: 2026-08-03
+   *
+   * A date that cannot be booked is INERT, not merely faded.
+   *
+   * It was dimmed and otherwise fully interactive: the pointer cursor and
+   * the hover highlight still invited a click, and the click was answered
+   * with a browser alert saying the date was invalid. So the calendar
+   * offered a day, let somebody reach for it, and then told them off for
+   * taking the offer.
+   *
+   * pointer-events: none removes it from the conversation entirely - no
+   * cursor change, no hover, no click to refuse. Together with the
+   * aria-disabled and tabIndex=-1 already on the element, it is unreachable
+   * by mouse, keyboard and screen reader alike.
+   */
   ${ props => props.$disabled === true && css`
     opacity: .3;
+    cursor: default;
+    pointer-events: none;
   ` }
 
   ${ props => props.$selected && css`

package/Calendar/utilities/settings.ts

@@ -1,8 +1,48 @@
 import { createDate } from '@autobusal/utilities';
 import { CalendarLimit, DatesLimit, CalendarData } from '../types';
 
+/**
+ * The earliest bookable date, as the server reckons it.
+ *
+ * Edited: Ferjolt Ozuni - Date: 2026-08-03
+ *
+ * Set once at startup from the settings payload. A module-level value rather
+ * than a prop threaded through four components: every calendar in the app
+ * wants the same answer, and the alternative was passing it through Picker
+ * and Days to reach the one function that needs it.
+ */
+let serverToday: Date | null = null;
+
+export const setServerToday = (value?: string): void => {
+  if (!value) {
+    return;
+  }
+
+  const [ day, month, year ] = value.split('/').map(Number);
+
+  if (!day || !month || !year) {
+    return;
+  }
+
+  serverToday = new Date(year, month - 1, day, 0, 0, 0, 0);
+};
+
 export const getLimits = (type: ('picker' | 'dob' | 'date')): CalendarLimit => {
-  const today = new Date();
+  // Edited: Ferjolt Ozuni - Date: 2026-08-03
+  //
+  // The BOOKING floor comes from the server; a date of birth does not.
+  //
+  // `new Date()` is the buyer's device clock, which has nothing to do with
+  // where they are travelling: somebody in Shanghai at 06:00 on the 5th
+  // looking at an Italian coach leaving on the evening of the 4th had that
+  // day greyed out, because their phone said it was past. The server would
+  // have sold them the seat; the calendar would not let them ask.
+  //
+  // A date of birth genuinely is about the person in front of the screen,
+  // so that one keeps the local clock.
+  const today = (type === 'picker' && serverToday)
+    ? new Date(serverToday.getTime())
+    : new Date();
 
   today.setHours(0, 0, 0, 0);
 

package/index.ts

@@ -26,6 +26,7 @@ import Paragraph from './Loading/Paragraph';
 import Passengers from './Passengers/Passengers';
 import Password from './Password/Password';
 import Rating from './Rating/Rating';
+import { setServerToday } from './Calendar/utilities/settings';
 import Policy from './Policy/Policy';
 import Report from './Report/Report';
 import RouteFeature from './RouteFeature/RouteFeature';
@@ -75,6 +76,7 @@ export {
   Passengers,
   Password,
   Rating,
+  setServerToday,
   Policy,
   Report,
   RouteFeature,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.21.0",
+  "version": "1.23.0",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"