diff --git a/src/components/DateRangeSelect/PDateRangeSelect.vue b/src/components/DateRangeSelect/PDateRangeSelect.vue
index f7bc2c32c..e20b0cbb9 100644
--- a/src/components/DateRangeSelect/PDateRangeSelect.vue
+++ b/src/components/DateRangeSelect/PDateRangeSelect.vue
@@ -48,13 +48,9 @@
   import { getDateRangeLabel, getDateSpanLabel, isFullDateRange } from '@/components/DateRangeSelect/utilities'
   import PIcon from '@/components/Icon/PIcon.vue'
   import PPopOver from '@/components/PopOver/PPopOver.vue'
+  import { DateRange, DateRangeSelectValue } from '@/types/dateRange'
   import { bottomRight, topRight, bottomLeft, topLeft, rightInside, leftInside } from '@/utilities/position'
 
-  type DateRange = { startDate: Date, endDate: Date }
-  export type DateRangeSelectSpanValue = { type: 'span', seconds: number }
-  export type DateRangeSelectRangeValue = { type: 'range', startDate: Date, endDate: Date }
-  export type DateRangeSelectValue = DateRangeSelectSpanValue | DateRangeSelectRangeValue | null | undefined
-
   const props = defineProps<{
     modelValue: DateRangeSelectValue,
     placeholder?: string,
diff --git a/src/types/dateRange.ts b/src/types/dateRange.ts
new file mode 100644
index 000000000..46625d6a6
--- /dev/null
+++ b/src/types/dateRange.ts
@@ -0,0 +1,4 @@
+export type DateRange = { startDate: Date, endDate: Date }
+export type DateRangeSelectSpanValue = { type: 'span', seconds: number }
+export type DateRangeSelectRangeValue = { type: 'range', startDate: Date, endDate: Date }
+export type DateRangeSelectValue = DateRangeSelectSpanValue | DateRangeSelectRangeValue | null | undefined
\ No newline at end of file
diff --git a/src/types/index.ts b/src/types/index.ts
index 337ef6929..d56ef5ca4 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -2,6 +2,7 @@ export * from './attributes'
 export * from './breadcrumbs'
 export * from './buttonGroupOption'
 export * from './checkbox'
+export * from './dateRange'
 export * from './drawer'
 export * from './icon'
 export * from './keyEvent'