Back to all

Date picker (calendar / HelloGov) — Date range picker states for HelloGov admin dashboards

HelloGov Components

Let’s talk
Date range picker states for HelloGov admin dashboards

The date range picker for HelloGov’s admin dashboards, worked out in all its states.

The full version pairs presets with a two-month calendar. Picking a range shades every day between the start and end dates, today is marked with a dot, and clicking the month name swaps the days for a grid of months to jump further. Start and End fields show the exact dates, with Clear and Apply below.

For narrow spaces there’s a compact version with tabs for Calendar, Custom, Today and Yesterday, so each mode gets the whole panel.

Got something real to build?

I join your team as a design partner and stay for the long run, from the first flow to shipped UI.

Let’s talk