diff --git a/src/components/Filter/DateRange.tsx b/src/components/Filter/DateRange.tsx
index fbba305..c60bc86 100644
--- a/src/components/Filter/DateRange.tsx
+++ b/src/components/Filter/DateRange.tsx
@@ -26,8 +26,8 @@ const DatePickerItem = styled.div`
  *  dateRange - [startDate, endDate]
  */
 export interface FilterDateRangeProps {
-  dateRange: Array<Date>;
-  changeValue: (dateRange: Array<Date>) => void;
+  dateRange: Array<Date | null>;
+  changeValue: (dateRange: Array<Date | null>) => void;
   startDateLabel?: string;
   endDateLabel?: string;
   language: DatePickerLocale;
diff --git a/src/stories/Filter.stories.tsx b/src/stories/Filter.stories.tsx
index 916d039..2de5f38 100644
--- a/src/stories/Filter.stories.tsx
+++ b/src/stories/Filter.stories.tsx
@@ -74,7 +74,7 @@ const INIT_FILTER_VALUE: FilterValues = {
   생성일: '0',
 };
 
-type CustomValue = [Date, Date] | [null, null];
+type CustomValue = Array<Date | null>;
 const INIT_CUSTOM_VALUE: CustomValue = [null, null];
 
 const SelectedValueWrapper = styled.div`
@@ -124,7 +124,7 @@ export function Basic() {
               />
               {filterValues[category.label] === '직접입력' && (
                 <Filter.DateRange
-                  dateRange={customValue as [Date, Date]}
+                  dateRange={customValue}
                   changeValue={value => {
                     setCustomValue(value);
                   }}