@umituz/react-native-design-system 1.5.34 → 1.5.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.35",
|
|
4
4
|
"description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -58,7 +58,7 @@ import { AtomicButton } from './AtomicButton';
|
|
|
58
58
|
*/
|
|
59
59
|
export interface AtomicDatePickerProps {
|
|
60
60
|
/** Selected date value */
|
|
61
|
-
value: Date;
|
|
61
|
+
value: Date | null;
|
|
62
62
|
/** Callback when date changes */
|
|
63
63
|
onChange: (date: Date) => void;
|
|
64
64
|
/** Optional label displayed above picker */
|
|
@@ -77,6 +77,8 @@ export interface AtomicDatePickerProps {
|
|
|
77
77
|
placeholder?: string;
|
|
78
78
|
/** Optional test ID for E2E testing */
|
|
79
79
|
testID?: string;
|
|
80
|
+
/** Optional container style */
|
|
81
|
+
style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
|
|
80
82
|
}
|
|
81
83
|
|
|
82
84
|
/**
|
|
@@ -100,6 +102,7 @@ export const AtomicDatePicker: React.FC<AtomicDatePickerProps> = ({
|
|
|
100
102
|
mode = 'date',
|
|
101
103
|
placeholder = 'Select date',
|
|
102
104
|
testID,
|
|
105
|
+
style,
|
|
103
106
|
}) => {
|
|
104
107
|
const tokens = useAppDesignTokens();
|
|
105
108
|
const { height } = useWindowDimensions();
|
|
@@ -185,7 +188,7 @@ export const AtomicDatePicker: React.FC<AtomicDatePickerProps> = ({
|
|
|
185
188
|
const styles = getStyles(tokens, height, insets);
|
|
186
189
|
|
|
187
190
|
return (
|
|
188
|
-
<View style={styles.container} testID={testID}>
|
|
191
|
+
<View style={[styles.container, style]} testID={testID}>
|
|
189
192
|
{label && (
|
|
190
193
|
<Text style={styles.label} testID={testID ? `${testID}-label` : undefined}>
|
|
191
194
|
{label}
|