Added Platform.Select to different devices and web COLORS

web-ridge · Aug 29, 2023 · ebcb53e · ebcb53e
1 parent 45206d9
commit ebcb53e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/Date/DatePickerModal.tsx b/src/Date/DatePickerModal.tsx
@@ -15,6 +15,7 @@ import DatePickerModalContent, {
   DatePickerModalContentSingleProps,
 } from './DatePickerModalContent'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useHeaderBackgroundColor } from '../utils'
 
 interface DatePickerModalProps {
   visible: boolean
@@ -66,6 +67,7 @@ export function DatePickerModal(
     })
 
   const isTransparent = presentationStyle === 'pageSheet' ? false : true
+  const headerBackgroundColor = useHeaderBackgroundColor()
   const insets = useSafeAreaInsets()
 
   return (
@@ -110,7 +112,11 @@ export function DatePickerModal(
                         android: StatusBar.currentHeight,
                         web: insets.top,
                       }),
-                      backgroundColor: theme.colors.primary,
+                      backgroundColor: Platform.select({
+                        ios: theme.colors.primary,
+                        android: theme.colors.primary,
+                        web: headerBackgroundColor,
+                      }),
                     },
                   ]}
                 />