diff --git a/app/routes/circulars._index.tsx b/app/routes/circulars._index.tsx
index 068041bdf..3afe4451f 100644
--- a/app/routes/circulars._index.tsx
+++ b/app/routes/circulars._index.tsx
@@ -265,15 +265,16 @@ function DateSelectorButton({
   startDate,
   endDate,
   expanded,
+  ...props
 }: {
   startDate?: string
   endDate?: string
   expanded?: boolean
-}) {
+} & Omit<Parameters<typeof ButtonGroup>[0], 'segmented' | 'children'>) {
   const slimClasses = 'height-4 padding-y-0'
 
   return (
-    <ButtonGroup type="segmented">
+    <ButtonGroup type="segmented" {...props}>
       <Button type="button" className={`${slimClasses} padding-x-2`}>
         {(startDate && dateSelectorLabels[startDate]) ||
           (startDate && endDate && (