diff --git a/packages/ripple-tide-search/components/global/TideSearchFilterDatePicker.vue b/packages/ripple-tide-search/components/global/TideSearchFilterDatePicker.vue
index 52b17d3423..99099ac34d 100644
--- a/packages/ripple-tide-search/components/global/TideSearchFilterDatePicker.vue
+++ b/packages/ripple-tide-search/components/global/TideSearchFilterDatePicker.vue
@@ -3,6 +3,7 @@ interface Props {
   id: string
   label: string
   timestamp?: string
+  variant: 'default' | 'reverse'
 }
 
 defineProps<Props>()
@@ -14,6 +15,7 @@ defineProps<Props>()
     :key="`${id}-${timestamp}`"
     :name="id"
     type="RplFormDatePicker"
+    :variant="variant"
     :label="label"
   />
 </template>
diff --git a/packages/ripple-ui-forms/src/inputs/datePicker.ts b/packages/ripple-ui-forms/src/inputs/datePicker.ts
index dcf95e2ee6..df34209c42 100644
--- a/packages/ripple-ui-forms/src/inputs/datePicker.ts
+++ b/packages/ripple-ui-forms/src/inputs/datePicker.ts
@@ -20,7 +20,8 @@ export const datePicker: FormKitTypeDefinition = {
       ...defaultRplFormInputProps,
       min: '$node.props.min',
       max: '$node.props.max',
-      type: 'date'
+      type: 'date',
+      variant: '$node.props.variant'
     }
   }),
   library: inputLibrary,
@@ -36,7 +37,7 @@ export const datePicker: FormKitTypeDefinition = {
   /**
    * An array of extra props to accept for this input.
    */
-  props: ['min', 'max', 'validationMeta', 'columnClasses'],
+  props: ['min', 'max', 'validationMeta', 'columnClasses', 'variant'],
   /**
    * Forces node.props.type to be this explicit value.
    */