Merge pull request #125 from niteeshkanna-sh/claude/stoic-rubin-fnglq7

The booking calendar lets you back-date a week

Author: niteeshkanna-sh

admin/admin.css

@@ -919,14 +919,27 @@ label.finance-toggle {
   text-decoration: line-through; cursor: not-allowed;
 }
 .cal-day:disabled:not(.is-busy) { color: var(--ink-faint); opacity: 0.45; cursor: not-allowed; }
+
+/* A day that has been and gone but can still be chosen, for writing down a
+   hire after it happened. Ringed rather than filled: it is selectable, so it
+   must not read as taken, and it is behind us, so it must not read as an
+   ordinary open day either. */
+.cal-day.is-back:not(.is-on) {
+  color: var(--ink-dim);
+  box-shadow: inset 0 0 0 1px var(--border);
+}
+.cal-day.is-back:hover:not(:disabled) { background: var(--bg); color: var(--ink); }
 .cal-key {
-  display: flex; align-items: center; gap: 6px;
+  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
   margin-top: 8px; font-size: 0.7rem; color: var(--ink-faint);
 }
+/* The second swatch needs air before it, or the two keys run together. */
+.cal-key .cal-swatch-back { margin-left: 6px; }
 .cal-swatch {
   display: inline-block; width: 12px; height: 12px; border-radius: 3px;
   background: var(--accent);
 }
+.cal-swatch-back { background: transparent; box-shadow: inset 0 0 0 1px var(--border); }
 .cal-warn { margin-top: 6px; font-size: 0.8rem; font-weight: 600; color: var(--danger); }
 
 /* ---------- Bookings ---------- */

admin/booking-dates.js

@@ -17,6 +17,33 @@
   'use strict';
 
   var DAYS = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+
+  /**
+   * How far back a day can still be chosen.
+   *
+   * The grid used to stop at today, which is right for a booking being taken
+   * over the phone and wrong for the other half of what this form does:
+   * writing down a hire that already happened. A car goes out, comes back, and
+   * the paperwork is caught up at the end of the week -- and the days that
+   * hire actually ran were greyed out.
+   *
+   * Nothing else was stopping it. The date boxes carry no min and the server
+   * has no rule about it, so a past date typed by hand always saved. This only
+   * ever blocked the clicking.
+   *
+   * A week rather than forever: far enough to catch up the week's paperwork,
+   * near enough that a mistyped year does not quietly land a booking in 2019.
+   * Days before it stay disabled, and the month arrows still page back as far
+   * as anyone wants to look.
+   */
+  var BACKDATE_DAYS = 7;
+
+  /** The earliest day the grid will let anyone click. */
+  function earliestSelectable() {
+    var d = new Date();
+    d.setDate(d.getDate() - BACKDATE_DAYS);
+    return iso(d);
+  }
   var ranges = {};      // vehicle id -> [[from, to], ...]
   var loaded = false;
 
@@ -72,6 +99,7 @@
   /** Draws one month into `host`, for `input`. */
   function draw(host, input, busy, month) {
     var today = iso(new Date());
+    var earliest = earliestSelectable();
     var first = new Date(month.getFullYear(), month.getMonth(), 1);
     var count = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();
     var lead = (first.getDay() + 6) % 7;
@@ -91,18 +119,22 @@
       var date = new Date(month.getFullYear(), month.getMonth(), d);
       var key = iso(date);
       var out = busy.has(key);
-      var past = key < today;
+      var past = key < earliest;
+      // Backdated but still selectable: shown for what it is, so nobody
+      // records last Tuesday's hire thinking they booked next Tuesday's.
+      var back = !past && key < today;
       var on = key === input.value;
       cells += '<button type="button" class="cal-day' +
-        (on ? ' is-on' : '') + (out ? ' is-busy' : '') + '"' +
+        (on ? ' is-on' : '') + (out ? ' is-busy' : '') + (back ? ' is-back' : '') + '"' +
         (out || past ? ' disabled' : '') +
         ' data-date="' + key + '"' +
         ' aria-label="' + date.toLocaleDateString('en-IN', { day: 'numeric', month: 'long' }) +
-        (out ? ' — already booked' : '') + '">' + d + '</button>';
+        (out ? ' — already booked' : '') + (back ? ' — a past date' : '') + '">' + d + '</button>';
     }
 
     host.innerHTML = head + names + '<div class="cal-grid">' + cells + '</div>' +
-      '<p class="cal-key"><span class="cal-swatch" aria-hidden="true"></span>Already booked</p>';
+      '<p class="cal-key"><span class="cal-swatch" aria-hidden="true"></span>Already booked' +
+      '<span class="cal-swatch cal-swatch-back" aria-hidden="true"></span>Past date</p>';
 
     host.querySelectorAll('.cal-nav').forEach(function (b) {
       b.addEventListener('click', function () {

build.json

@@ -1,8 +1,8 @@
 {
-  "publishedAt": "2026-10-05T05:50:14.118Z",
-  "commit": "cb7b9955",
-  "commitAt": "2026-10-05T05:47:50+00:00",
-  "sourceHash": "70ac601b75f862af",
+  "publishedAt": "2026-10-05T05:59:57.760Z",
+  "commit": "8537d009",
+  "commitAt": "2026-10-05T11:21:47+05:30",
+  "sourceHash": "c203a960f2aeb37d",
   "assets": [
     "About-BiQBytBo.js",
     "Bikes-BmUE2d0I.js",