diff --git a/web/routes/uix/components/range-calendar/+page.svelte b/web/routes/uix/components/range-calendar/+page.svelte
index 506a31fcb..c751e2321 100644
--- a/web/routes/uix/components/range-calendar/+page.svelte
+++ b/web/routes/uix/components/range-calendar/+page.svelte
@@ -373,11 +373,23 @@
 					</span>
 				</label>
 				<label data-uix-control>
-					<span data-uix-control-label>minDays</span>
+					<span data-uix-control-label>minDays <span data-uix-control-hint>{minDays ?? 'none'}</span></span>
+					<span data-uix-chips role="radiogroup">
+						<button data-uix-chip data-active={minDaysInput === ''} onclick={() => (minDaysInput = '')}>none</button>
+						{#each ['2', '3', '7', '14'] as n (n)}
+							<button data-uix-chip data-active={minDaysInput === n} onclick={() => (minDaysInput = n)}>{n}</button>
+						{/each}
+					</span>
 					<input type="number" min="1" placeholder="—" bind:value={minDaysInput} style="inline-size: 4rem;" />
 				</label>
 				<label data-uix-control>
-					<span data-uix-control-label>maxDays</span>
+					<span data-uix-control-label>maxDays <span data-uix-control-hint>{maxDays ?? 'none'}</span></span>
+					<span data-uix-chips role="radiogroup">
+						<button data-uix-chip data-active={maxDaysInput === ''} onclick={() => (maxDaysInput = '')}>none</button>
+						{#each ['7', '14', '30', '90'] as n (n)}
+							<button data-uix-chip data-active={maxDaysInput === n} onclick={() => (maxDaysInput = n)}>{n}</button>
+						{/each}
+					</span>
 					<input type="number" min="1" placeholder="—" bind:value={maxDaysInput} style="inline-size: 4rem;" />
 				</label>
 				<label data-uix-control>