Date picker

The date picker (.date-picker) is a calendar-grid control for choosing a single date — a month header with previous/next navigation buttons, a table of weekday columns, and one button per day. It is fully interactive out of the box: flickui.js renders the real month grid on init (reading the starting month from .date-picker-title's text if present, or defaulting to the current month), handles click-to-select on any in-month day, and wires up the .date-picker-nav buttons to change the displayed month. Selecting a day fires flick:change with { date }, a real Date object.

<div class="date-picker">
  <div class="date-picker-header">
    <button type="button" class="date-picker-nav" aria-label="Previous month">‹</button>
    <span class="date-picker-title">July 2026</span>
    <button type="button" class="date-picker-nav" aria-label="Next month">›</button>
  </div>
  <table class="date-picker-grid">
    <thead><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr></thead>
    <tbody><!-- flickui.js renders the day grid into here on init --></tbody>
  </table>
</div>