diff --git a/packages/raystack/components/data-table/utils/filter-operations.tsx b/packages/raystack/components/data-table/utils/filter-operations.tsx
index 387b68e84..7b185614c 100644
--- a/packages/raystack/components/data-table/utils/filter-operations.tsx
+++ b/packages/raystack/components/data-table/utils/filter-operations.tsx
@@ -166,11 +166,13 @@ const handleStringBasedTypes = (
   operator?: FilterOperatorTypes | DataTableFilterOperatorTypes
 ): DataTableFilterValues => {
   switch (filterType) {
-    case FilterType.date:
+    case FilterType.date: {
+      const dateValue = dayjs(value);
       return {
         value,
-        stringValue: (value as Date).toISOString()
+        stringValue: dateValue.isValid() ? dateValue.toISOString() : ''
       };
+    }
     case FilterType.select:
       return {
         stringValue: value === EmptyFilterValue ? '' : value,
diff --git a/packages/raystack/components/filter-chip/filter-chip.module.css b/packages/raystack/components/filter-chip/filter-chip.module.css
index e5d00ffb2..aa512c378 100644
--- a/packages/raystack/components/filter-chip/filter-chip.module.css
+++ b/packages/raystack/components/filter-chip/filter-chip.module.css
@@ -197,3 +197,11 @@ button.selectValue:hover {
 .dateField [data-trailing] {
   margin-left: auto;
 }
+
+.dateFieldWrapper [class*="helper-text"] {
+  display: none;
+}
+
+.dateFieldWrapper [class*="input-error-wrapper"] {
+  border: 1px solid var(--rs-color-border-danger-primary);
+}