From 6055e451c5dfed3f55366d15503e51c188e22bfb Mon Sep 17 00:00:00 2001
From: Giampaolo Bellavite <io@gpbl.dev>
Date: Sat, 13 Jul 2024 13:16:38 -0500
Subject: [PATCH] feat: add Root to custom components

---
 src/DayPicker.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/DayPicker.tsx b/src/DayPicker.tsx
index b83787e6b..b2b66e6a7 100644
--- a/src/DayPicker.tsx
+++ b/src/DayPicker.tsx
@@ -206,7 +206,7 @@ export function DayPicker(props: DayPickerProps) {
     <dayPickerContext.Provider
       value={{ ...calendar, ...selection, ...modifiers }}
     >
-      <div
+      <components.Root
         className={[classNames[UI.Root], props.className]
           .filter(Boolean)
           .join(" ")}
@@ -584,7 +584,7 @@ export function DayPicker(props: DayPickerProps) {
             {props.footer}
           </components.Footer>
         )}
-      </div>
+      </components.Root>
     </dayPickerContext.Provider>
   );
 }