From fd09112e2891784d95f01c84239d1f6f1b956be2 Mon Sep 17 00:00:00 2001
From: TJ <tracy@coder.com>
Date: Thu, 20 Aug 2026 16:54:53 -0700
Subject: [PATCH] fix(site): right-align DateTimeRangePicker dropdown to match
 other dropdowns (#28428)

Follow-up to #28392. The `DateTimeRangePicker` popover opened with
`align="start"` (left-aligned to the trigger), while the other dropdowns
on the page use `align="end"`. This changes the `PopoverContent`
alignment to `align="end"` for consistency.

One-line change; no behavior or layout changes inside the dropdown
itself.

---

Generated by Coder Agents on behalf of @tracyjohnsonux.
---
 site/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx b/site/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx
index 0d97f72fb6c..fe551b52892 100644
--- a/site/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx
+++ b/site/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx
@@ -219,7 +219,7 @@ export const DateTimeRangePicker: FC<DateTimeRangePickerProps> = ({
 			</PopoverTrigger>
 			<PopoverContent
 				className="w-auto p-0 overflow-x-hidden overflow-y-auto"
-				align="start"
+				align="end"
 				onOpenAutoFocus={(e) => e.preventDefault()}
 			>
 				<div className="flex">