@umituz/react-native-design-system 1.5.34 → 1.5.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "1.5.34",
+  "version": "1.5.36",
   "description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/presentation/atoms/AtomicDatePicker.tsx

@@ -44,6 +44,8 @@ import {
   TouchableOpacity,
   StyleSheet,
   useWindowDimensions,
+  type StyleProp,
+  type ViewStyle,
 } from 'react-native';
 import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -58,7 +60,7 @@ import { AtomicButton } from './AtomicButton';
  */
 export interface AtomicDatePickerProps {
   /** Selected date value */
-  value: Date;
+  value: Date | null;
   /** Callback when date changes */
   onChange: (date: Date) => void;
   /** Optional label displayed above picker */
@@ -77,6 +79,8 @@ export interface AtomicDatePickerProps {
   placeholder?: string;
   /** Optional test ID for E2E testing */
   testID?: string;
+  /** Optional container style */
+  style?: StyleProp<ViewStyle>;
 }
 
 /**
@@ -100,12 +104,13 @@ export const AtomicDatePicker: React.FC<AtomicDatePickerProps> = ({
   mode = 'date',
   placeholder = 'Select date',
   testID,
+  style,
 }) => {
   const tokens = useAppDesignTokens();
   const { height } = useWindowDimensions();
   const insets = useSafeAreaInsets();
   const { modalRef, present, dismiss } = useBottomSheetModal();
-  const [tempDate, setTempDate] = useState<Date>(value || new Date());
+  const [tempDate, setTempDate] = useState<Date>(value ?? new Date());
 
   // Update tempDate when value prop changes
   useEffect(() => {
@@ -136,7 +141,7 @@ export const AtomicDatePicker: React.FC<AtomicDatePickerProps> = ({
    * Handle open - reset temp date to current value
    */
   const handleOpen = () => {
-    setTempDate(value || new Date());
+    setTempDate(value ?? new Date());
     present();
   };
 
@@ -185,7 +190,7 @@ export const AtomicDatePicker: React.FC<AtomicDatePickerProps> = ({
   const styles = getStyles(tokens, height, insets);
 
   return (
-    <View style={styles.container} testID={testID}>
+    <View style={[styles.container, style]} testID={testID}>
       {label && (
         <Text style={styles.label} testID={testID ? `${testID}-label` : undefined}>
           {label}
@@ -236,7 +241,7 @@ export const AtomicDatePicker: React.FC<AtomicDatePickerProps> = ({
         enableHandleIndicator
         onDismiss={() => {
           // Reset temp date when closed without saving
-          setTempDate(value || new Date());
+          setTempDate(value ?? new Date());
         }}
       >
         <View style={styles.bottomSheetContent}>