From 0eba352ece22aec9448daeb8d858f56723e37101 Mon Sep 17 00:00:00 2001
From: Brandon Fitzwater <brandonfitzh2o@gmail.com>
Date: Thu, 23 Jul 2026 15:53:52 -0400
Subject: [PATCH] Add MD3 divider between date picker header and calendar

---
 src/Date/DatePickerModalHeaderBackground.tsx | 23 +++++++-------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/Date/DatePickerModalHeaderBackground.tsx b/src/Date/DatePickerModalHeaderBackground.tsx
index f2bd04d7..674e1370 100644
--- a/src/Date/DatePickerModalHeaderBackground.tsx
+++ b/src/Date/DatePickerModalHeaderBackground.tsx
@@ -1,4 +1,5 @@
-import { Animated, StyleSheet } from 'react-native'
+import { Animated } from 'react-native'
+import { Divider } from 'react-native-paper'
 import { useHeaderBackgroundColor } from '../shared/utils'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
@@ -12,22 +13,14 @@ export default function DatePickerModalHeaderBackground({
 
   return (
     <Animated.View
-      style={[
-        styles.animated,
-        {
-          backgroundColor,
-          paddingLeft: insets.left,
-          paddingRight: insets.right,
-        },
-      ]}
+      style={{
+        backgroundColor,
+        paddingLeft: insets.left,
+        paddingRight: insets.right,
+      }}
     >
       {children}
+      <Divider />
     </Animated.View>
   )
 }
-
-const styles = StyleSheet.create({
-  animated: {
-    elevation: 4,
-  },
-})