@autobusal/routes-search 1.1.1 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 1.2.0
+
+**The date picker follows the departure city.** Choosing a "from" city now sets the picker's floor to that city's timezone, and a pre-filled form (a shared link, or the search form kept on the results page) sets it on mount rather than waiting for a keystroke.
+
+An unknown city *clears* the zone rather than keeping the last one — silently flooring a new search on the previous journey's clock is the subtler version of the same bug.
+
 All notable changes to `@autobusal/routes-search` are documented here. This
 project adheres to [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

package/RoutesSearch.tsx

@@ -1,9 +1,9 @@
-import { useState } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { TFunction } from 'i18next';
 import { useForm } from 'react-hook-form';
 import { FaArrowUp, FaHistory } from 'react-icons/fa';
 import { AiOutlineSearch } from 'react-icons/ai';
-import { Button, Autocomplete, Calendar, Passengers } from '@autobusal/common';
+import { Button, Autocomplete, Calendar, Passengers, setDepartureZone } from '@autobusal/common';
 import { Display, createDate } from '@autobusal/utilities';
 import { getCities } from './utilities';
 import { Options, Columns, Column, Item, Title, Action } from './styles';
@@ -36,6 +36,33 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
 
   const { data: CitiesData } = useGetSuggestions();
 
+  /**
+   * Tell the date picker which clock this journey starts on.
+   *
+   * Edited: Ferjolt Ozuni - Date: 2026-08-03
+   *
+   * The picker used to floor on the buyer's device, then on our server's
+   * date - both wrong for the same reason: neither has anything to do with
+   * where the coach leaves from. 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 and could not ask for a seat the server would have sold.
+   *
+   * The value carries an optional stop (`slug:id`), so only the slug is
+   * matched. An unknown city clears the zone rather than keeping the last
+   * one, which would silently floor a new search on the old journey's clock.
+   */
+  const onDeparture = useCallback((value: string): void => {
+    const slug = String(value).split(':')[0];
+
+    setDepartureZone(CitiesData.find(city => city.slug === slug)?.country?.timezone ?? null);
+  }, [CitiesData]);
+
+  // the form can also arrive pre-filled - from a shared link, or the search
+  // form kept on the results page - so the zone cannot wait for a keystroke
+  useEffect(() => {
+    onDeparture(from);
+  }, [from, onDeparture]);
+
   const onClick = (type: ('departure' | 'return')): void => {
     setSelected(type);
   };
@@ -110,7 +137,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
               validation="required"
               t={ t }
               refs={ register }
-              onUpdate={ setValue }
+              onUpdate={ (_, value) => { setValue('from', value); onDeparture(String(value)); } }
             />
 
             { Display(errors.from) }

package/package.json

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