diff --git a/packages/components/src/form/picker/file.rs b/packages/components/src/form/picker/file.rs
new file mode 100644
index 0000000..4a36a4e
--- /dev/null
+++ b/packages/components/src/form/picker/file.rs
@@ -0,0 +1,23 @@
+use stylist::yew::styled_component;
+use yew::prelude::*;
+
+#[derive(Properties, Debug, PartialEq)]
+pub struct Props {
+    #[prop_or_default]
+    pub children: Children,
+}
+
+#[styled_component]
+pub fn FilePicker(props: &Props) -> Html {
+    html! {
+        <div
+            class={css!(r#"
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            "#)}
+        >
+            {props.children.clone()}
+        </div>
+    }
+}
diff --git a/packages/components/src/form/picker/mod.rs b/packages/components/src/form/picker/mod.rs
index ccdbaff..d462e15 100644
--- a/packages/components/src/form/picker/mod.rs
+++ b/packages/components/src/form/picker/mod.rs
@@ -1,9 +1,11 @@
 mod color;
 mod date;
 mod date_time;
+mod file;
 mod time;
 
 pub use color::ColorPicker;
 pub use date::DatePicker;
 pub use date_time::DateTimePicker;
+pub use file::FilePicker;
 pub use time::TimePicker;