diff --git a/.changeset/empty-humans-invite.md b/.changeset/empty-humans-invite.md
new file mode 100644
index 0000000000000..9e2120d839f1a
--- /dev/null
+++ b/.changeset/empty-humans-invite.md
@@ -0,0 +1,6 @@
+---
+"@gradio/datetime": patch
+"gradio": patch
+---
+
+fix:Allow datetime value to be null 
diff --git a/js/datetime/Index.svelte b/js/datetime/Index.svelte
index 040ab49e27a8f..d4630456c06bc 100644
--- a/js/datetime/Index.svelte
+++ b/js/datetime/Index.svelte
@@ -5,7 +5,7 @@
 <script lang="ts">
 	import type { Gradio } from "@gradio/utils";
 	import { Block, BlockTitle } from "@gradio/atoms";
-	import { Back, Calendar } from "@gradio/icons";
+	import { Calendar } from "@gradio/icons";
 
 	export let gradio: Gradio<{
 		change: undefined;
@@ -54,8 +54,8 @@
 	let datetime: HTMLInputElement;
 	let datevalue = value;
 
-	const date_is_valid_format = (date: string): boolean => {
-		if (date === "") return false;
+	const date_is_valid_format = (date: string | null): boolean => {
+		if (date === null || date === "") return true;
 		const valid_regex = include_time
 			? /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/
 			: /^\d{4}-\d{2}-\d{2}$/;