related-ui-components 2.1.9 → 2.2.1
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/lib/module/app.js +2 -2
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/TravelBooking/CarRentalForm.js +31 -26
- package/lib/module/components/TravelBooking/CarRentalForm.js.map +1 -1
- package/lib/module/components/TravelBooking/FlightForm.js +21 -10
- package/lib/module/components/TravelBooking/FlightForm.js.map +1 -1
- package/lib/module/components/TravelBooking/FlightSummary.js +5 -0
- package/lib/module/components/TravelBooking/FlightSummary.js.map +1 -1
- package/lib/module/components/TravelBooking/HotelForm.js +26 -26
- package/lib/module/components/TravelBooking/HotelForm.js.map +1 -1
- package/lib/module/index.js +7 -4
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/CarRentalForm.d.ts +11 -0
- package/lib/typescript/src/components/TravelBooking/CarRentalForm.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/FlightForm.d.ts +8 -0
- package/lib/typescript/src/components/TravelBooking/FlightForm.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/FlightSummary.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/HotelForm.d.ts +9 -0
- package/lib/typescript/src/components/TravelBooking/HotelForm.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +4 -3
- package/src/app.tsx +5 -2
- package/src/components/TravelBooking/CarRentalForm.tsx +111 -69
- package/src/components/TravelBooking/FlightForm.tsx +108 -68
- package/src/components/TravelBooking/FlightSummary.tsx +3 -1
- package/src/components/TravelBooking/HotelForm.tsx +87 -61
- package/src/index.ts +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","useCallback","useMemo","useRef","useState","View","Text","TouchableOpacity","StyleSheet","Ionicons","CustomInput","DateRangePicker","
|
|
1
|
+
{"version":3,"names":["useTheme","React","useCallback","useEffect","useMemo","useRef","useState","View","Text","TouchableOpacity","StyleSheet","Ionicons","CustomInput","DateRangePicker","SuggestionList","FormInputType","RNPickerSelect","jsx","_jsx","jsxs","_jsxs","defaultNationalities","label","value","HotelForm","initialDestination","initialCheckinDate","initialCheckoutDate","initialNationality","onSearchPress","onInputFocus","onTextChange","destinationLabel","destinationPlaceholder","checkinLabel","checkoutLabel","nationalityLabel","searchIconName","suggestionData","nationalityData","calendarThemeOverrides","containerStyle","inputWrapperStyle","customInputContainerStyle","labelStyle","checkoutRowStyle","searchButtonStyle","searchIconStyle","dateRangePickerOuterContainerStyle","dateRangePickerLabelStyle","dateRangePickerInputGroupStyle","dateRangePickerCalendarContainerStyle","suggestionListContainerStyle","suggestionItemStyle","suggestionItemTextStyle","nationalityPickerWrapperStyle","nationalityPickerLabelStyle","pickerContainerStyle","pickerStyle","onSelectionChange","dateRangePickerInputContainerStyle","nationalityPickerPlaceholderColor","nationalityPickerPlaceholder","theme","isRTL","styles","themedStyles","destinationInputRef","destination","setDestination","checkinDate","setCheckinDate","checkoutDate","setCheckoutDate","selectedNationality","setSelectedNationality","focusedInput","setFocusedInput","checkin","checkout","nationality","handleSearch","suggestionRenderItem","item","onPress","current","blur","undefined","style","suggestionItem","children","suggestionItemText","id","container","inputWrapper","ref","onChangeText","t","placeholder","onFocus","HOTEL_DEST","onBlur","setTimeout","inputContainerStyle","data","visible","renderItemContent","departureLabel","returnLabel","outerContainerStyle","dateRangePickerOuterContainer","inputGroupStyle","calendarContainerStyle","onDatesChange","d","departure","return","initialDepartureDate","initialReturnDate","isOneWay","checkoutRow","nationalityPickerWrapper","pickerContainer","items","onValueChange","color","searchButton","activeOpacity","name","size","onPrimary","create","padding","backgroundColor","surface","borderBottomRightRadius","borderBottomLeftRadius","marginBottom","position","labelText","fontSize","fontWeight","textTransform","textAlign","marginTop","flexDirection","alignItems","gap","flex","borderWidth","borderColor","border","borderRadius","justifyContent","height","picker","width","onSurface","primary","paddingVertical","paddingHorizontal","borderBottomWidth","hairlineWidth","borderBottomColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/TravelBooking/HotelForm.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { registerRootComponent } from 'expo';
|
|
4
|
-
import "react-native-reanimated";
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
// import { registerRootComponent } from 'expo';
|
|
4
|
+
// import "react-native-reanimated";
|
|
5
|
+
|
|
6
|
+
// import App from "./app";
|
|
7
|
+
|
|
8
|
+
// registerRootComponent(App);
|
|
9
|
+
|
|
7
10
|
export * from "./theme/index.js";
|
|
8
11
|
export * from "./components/index.js";
|
|
9
12
|
export * from "./contexts/index.js";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;AACA;;AAGA;;AAEA;;AAEA,cAAc,kBAAS;AACvB,cAAc,uBAAc;AAC5B,cAAc,qBAAY","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwC1B,QAAA,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwC1B,QAAA,MAAM,GAAG,yBAgBR,CAAC;AAUF,eAAe,GAAG,CAAC"}
|
|
@@ -19,6 +19,13 @@ export interface CarRentalFormProps {
|
|
|
19
19
|
dropoff: string | undefined;
|
|
20
20
|
driverAge: number | undefined;
|
|
21
21
|
}) => void;
|
|
22
|
+
onSelectionChange?: (details: {
|
|
23
|
+
from: LocationData | undefined;
|
|
24
|
+
to: LocationData | undefined;
|
|
25
|
+
pickup: string | undefined;
|
|
26
|
+
dropoff: string | undefined;
|
|
27
|
+
driverAge: number | undefined;
|
|
28
|
+
}) => void;
|
|
22
29
|
fromLabel?: string;
|
|
23
30
|
fromPlaceholder?: string;
|
|
24
31
|
toLabel?: string;
|
|
@@ -28,6 +35,7 @@ export interface CarRentalFormProps {
|
|
|
28
35
|
swapIconName?: keyof typeof Ionicons.glyphMap;
|
|
29
36
|
searchIconName?: keyof typeof Ionicons.glyphMap;
|
|
30
37
|
calendarThemeOverrides?: object;
|
|
38
|
+
ageLabel?: string;
|
|
31
39
|
isOneWay?: boolean;
|
|
32
40
|
suggestionData?: CarSuggestions[];
|
|
33
41
|
containerStyle?: StyleProp<ViewStyle>;
|
|
@@ -45,11 +53,14 @@ export interface CarRentalFormProps {
|
|
|
45
53
|
dateRangePickerLabelStyle?: StyleProp<TextStyle>;
|
|
46
54
|
dateRangePickerInputGroupStyle?: StyleProp<ViewStyle>;
|
|
47
55
|
dateRangePickerCalendarContainerStyle?: StyleProp<ViewStyle>;
|
|
56
|
+
dateRangePickerInputContainerStyle?: StyleProp<ViewStyle>;
|
|
48
57
|
suggestionListContainerStyle?: StyleProp<ViewStyle>;
|
|
49
58
|
suggestionItemStyle?: StyleProp<ViewStyle>;
|
|
50
59
|
suggestionItemTextStyle?: StyleProp<TextStyle>;
|
|
51
60
|
agePickerWrapperStyle?: StyleProp<ViewStyle>;
|
|
52
61
|
agePickerLabelStyle?: StyleProp<TextStyle>;
|
|
62
|
+
agePickerPlaceholder?: string;
|
|
63
|
+
agePickerPlaceholderColor?: string;
|
|
53
64
|
pickerContainerStyle?: StyleProp<ViewStyle>;
|
|
54
65
|
pickerStyle?: StyleProp<TextStyle>;
|
|
55
66
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarRentalForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/CarRentalForm.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"CarRentalForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/CarRentalForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAM9C,CAAC;AAEF,KAAK,YAAY,GAAG,MAAM,CAAC;AAE3B,MAAM,WAAW,kBAAkB;IACjC,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CACZ,WAAW,EAAE,YAAY,GAAG,SAAS,EACrC,SAAS,EAAE,YAAY,GAAG,SAAS,KAChC,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QACxB,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;QAC/B,EAAE,EAAE,YAAY,GAAG,SAAS,CAAC;QAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,KAAK,IAAI,CAAC;IAEX,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE;QAC5B,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;QAC/B,EAAE,EAAE,YAAY,GAAG,SAAS,CAAC;QAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,KAAK,IAAI,CAAC;IAEX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAChD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAGlC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAGvC,kCAAkC,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1D,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,8BAA8B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtD,qCAAqC,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7D,kCAAkC,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAG1D,4BAA4B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAG/C,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC;AAGD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmR/C,CAAC;AA0FF,eAAe,aAAa,CAAC"}
|
|
@@ -17,6 +17,12 @@ export interface FlightFormProps {
|
|
|
17
17
|
return?: string | undefined;
|
|
18
18
|
}) => void;
|
|
19
19
|
onTextChange?: (text: string) => void;
|
|
20
|
+
onSelectionChange?: (details: {
|
|
21
|
+
from: LocationData | undefined;
|
|
22
|
+
to: LocationData | undefined;
|
|
23
|
+
departure: string | undefined;
|
|
24
|
+
return?: string | undefined;
|
|
25
|
+
}) => void;
|
|
20
26
|
fromLabel?: string;
|
|
21
27
|
fromPlaceholder?: string;
|
|
22
28
|
toLabel?: string;
|
|
@@ -32,6 +38,7 @@ export interface FlightFormProps {
|
|
|
32
38
|
inputGroupContainerStyle?: StyleProp<ViewStyle>;
|
|
33
39
|
inputWrapperStyle?: StyleProp<ViewStyle>;
|
|
34
40
|
customInputContainerStyle?: StyleProp<ViewStyle>;
|
|
41
|
+
inputStyle?: StyleProp<ViewStyle>;
|
|
35
42
|
labelStyle?: StyleProp<TextStyle>;
|
|
36
43
|
swapButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
37
44
|
swapButtonStyle?: StyleProp<ViewStyle>;
|
|
@@ -43,6 +50,7 @@ export interface FlightFormProps {
|
|
|
43
50
|
dateRangePickerLabelStyle?: StyleProp<TextStyle>;
|
|
44
51
|
dateRangePickerInputGroupStyle?: StyleProp<ViewStyle>;
|
|
45
52
|
dateRangePickerCalendarContainerStyle?: StyleProp<ViewStyle>;
|
|
53
|
+
dateRangePickerInputContainerStyle?: StyleProp<ViewStyle>;
|
|
46
54
|
suggestionListContainerStyle?: StyleProp<ViewStyle>;
|
|
47
55
|
suggestionItemGroupStyle?: StyleProp<ViewStyle>;
|
|
48
56
|
suggestionCityRowStyle?: StyleProp<ViewStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlightForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/FlightForm.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"FlightForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/FlightForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlightSummary.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/FlightSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,SAAS,EAKT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAyCD,MAAM,WAAW,kBAAkB;IAEjC,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAGvD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,4BAA4B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjD,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACrD,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACxD,sBAAsB,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAChE,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CAC/D;AAGD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FlightSummary.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/FlightSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,SAAS,EAKT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAyCD,MAAM,WAAW,kBAAkB;IAEjC,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAGvD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,4BAA4B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjD,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACrD,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACxD,sBAAsB,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAChE,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CAC/D;AAGD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmO/C,CAAC;AAqEF,eAAe,aAAa,CAAC"}
|
|
@@ -16,6 +16,12 @@ export interface HotelFormProps {
|
|
|
16
16
|
checkout: string | undefined;
|
|
17
17
|
nationality: string | undefined;
|
|
18
18
|
}) => void;
|
|
19
|
+
onSelectionChange?: (details: {
|
|
20
|
+
destination: LocationData | undefined;
|
|
21
|
+
checkin: string | undefined;
|
|
22
|
+
checkout: string | undefined;
|
|
23
|
+
nationality: string | undefined;
|
|
24
|
+
}) => void;
|
|
19
25
|
destinationLabel?: string;
|
|
20
26
|
destinationPlaceholder?: string;
|
|
21
27
|
checkinLabel?: string;
|
|
@@ -39,11 +45,14 @@ export interface HotelFormProps {
|
|
|
39
45
|
dateRangePickerLabelStyle?: StyleProp<TextStyle>;
|
|
40
46
|
dateRangePickerInputGroupStyle?: StyleProp<ViewStyle>;
|
|
41
47
|
dateRangePickerCalendarContainerStyle?: StyleProp<ViewStyle>;
|
|
48
|
+
dateRangePickerInputContainerStyle?: StyleProp<ViewStyle>;
|
|
42
49
|
suggestionListContainerStyle?: StyleProp<ViewStyle>;
|
|
43
50
|
suggestionItemStyle?: StyleProp<ViewStyle>;
|
|
44
51
|
suggestionItemTextStyle?: StyleProp<TextStyle>;
|
|
45
52
|
nationalityPickerWrapperStyle?: StyleProp<ViewStyle>;
|
|
46
53
|
nationalityPickerLabelStyle?: StyleProp<TextStyle>;
|
|
54
|
+
nationalityPickerPlaceholderColor?: string;
|
|
55
|
+
nationalityPickerPlaceholder?: string;
|
|
47
56
|
pickerContainerStyle?: StyleProp<ViewStyle>;
|
|
48
57
|
pickerStyle?: StyleProp<TextStyle>;
|
|
49
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HotelForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/HotelForm.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"HotelForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/HotelForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "related-ui-components",
|
|
3
|
-
"version": "2.1
|
|
3
|
+
"version": "2.2.1",
|
|
4
4
|
"main": "./src/index.ts",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "expo start",
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"@shopify/react-native-skia": "v2.0.0-next.4",
|
|
19
19
|
"date-fns": "^4.1.0",
|
|
20
20
|
"expo": "~53.0.9",
|
|
21
|
+
"expo-blur": "~14.1.4",
|
|
21
22
|
"expo-checkbox": "~4.1.4",
|
|
22
23
|
"expo-clipboard": "~7.1.4",
|
|
23
24
|
"expo-image": "~2.1.7",
|
|
@@ -27,10 +28,10 @@
|
|
|
27
28
|
"react-native": "0.79.2",
|
|
28
29
|
"react-native-calendars": "^1.1312.0",
|
|
29
30
|
"react-native-gesture-handler": "~2.24.0",
|
|
31
|
+
"react-native-picker-select": "^9.3.1",
|
|
30
32
|
"react-native-qrcode-svg": "^6.3.15",
|
|
31
33
|
"react-native-reanimated": "~3.17.4",
|
|
32
|
-
"react-native-svg": "15.11.2"
|
|
33
|
-
"expo-blur": "~14.1.4"
|
|
34
|
+
"react-native-svg": "15.11.2"
|
|
34
35
|
},
|
|
35
36
|
"devDependencies": {
|
|
36
37
|
"@babel/core": "^7.25.2",
|
package/src/app.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
3
3
|
import CarouselCardStack from "./components/CarouselCardStack/CarouselCardStack"; // Adjust path as needed
|
|
4
4
|
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
5
|
-
import { FlightForm, FlightSummary } from "./components";
|
|
5
|
+
import { CarRentalForm, FlightForm, FlightSummary, HotelForm, HotelSummary } from "./components";
|
|
6
6
|
|
|
7
7
|
// Sample data - replace with your actual image URLs
|
|
8
8
|
const DUMMY_DATA = [
|
|
@@ -45,7 +45,10 @@ const App = () => {
|
|
|
45
45
|
<StatusBar barStyle="light-content" />
|
|
46
46
|
<SafeAreaView style={styles.appContainer}>
|
|
47
47
|
{/* <FlightSummary></FlightSummary> */}
|
|
48
|
-
<FlightForm></FlightForm>
|
|
48
|
+
{/* <FlightForm></FlightForm> */}
|
|
49
|
+
{/* <HotelSummary></HotelSummary> */}
|
|
50
|
+
<HotelForm></HotelForm>
|
|
51
|
+
{/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
|
|
49
52
|
{/* <CarouselCardStack data={DUMMY_DATA} /> */}
|
|
50
53
|
</SafeAreaView>
|
|
51
54
|
</GestureHandlerRootView>
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { ThemeType, useTheme } from "../../theme";
|
|
2
|
-
import React, {
|
|
2
|
+
import React, {
|
|
3
|
+
useCallback,
|
|
4
|
+
useEffect,
|
|
5
|
+
useMemo,
|
|
6
|
+
useRef,
|
|
7
|
+
useState,
|
|
8
|
+
} from "react";
|
|
3
9
|
import {
|
|
4
10
|
View,
|
|
5
11
|
Text,
|
|
@@ -12,10 +18,10 @@ import {
|
|
|
12
18
|
import { Ionicons } from "@expo/vector-icons";
|
|
13
19
|
import CustomInput from "../Input/Input";
|
|
14
20
|
import DateRangePicker from "../DateRangePicker/DateRangePicker";
|
|
15
|
-
import { Picker } from "@react-native-picker/picker";
|
|
16
21
|
import SuggestionList from "../Suggestions/SuggestionList";
|
|
17
22
|
import { TextInput } from "react-native-gesture-handler";
|
|
18
23
|
import { CarSuggestions, FormInputType } from "./types";
|
|
24
|
+
import RNPickerSelect from "react-native-picker-select";
|
|
19
25
|
|
|
20
26
|
export const mockCarSuggestions: CarSuggestions[] = [
|
|
21
27
|
{ id: 1, city: "Beirut", country: "Lebanon", value: "BEIRUT, LEBANON" },
|
|
@@ -25,15 +31,13 @@ export const mockCarSuggestions: CarSuggestions[] = [
|
|
|
25
31
|
{ id: 5, city: "New York", country: "USA", value: "NEW YORK, USA" },
|
|
26
32
|
];
|
|
27
33
|
|
|
28
|
-
// --- Helper Types ---
|
|
29
34
|
type LocationData = string;
|
|
30
35
|
|
|
31
|
-
// --- Component Props ---
|
|
32
36
|
export interface CarRentalFormProps {
|
|
33
37
|
initialFromLocation?: LocationData;
|
|
34
38
|
initialToLocation?: LocationData;
|
|
35
|
-
initialPickupDate?: string;
|
|
36
|
-
initialDropoffDate?: string;
|
|
39
|
+
initialPickupDate?: string;
|
|
40
|
+
initialDropoffDate?: string;
|
|
37
41
|
|
|
38
42
|
onTextChange?: (text: string) => void;
|
|
39
43
|
onInputFocus?: (input: FormInputType) => void;
|
|
@@ -44,8 +48,16 @@ export interface CarRentalFormProps {
|
|
|
44
48
|
onSearchPress?: (details: {
|
|
45
49
|
from: LocationData | undefined;
|
|
46
50
|
to: LocationData | undefined;
|
|
47
|
-
pickup: string | undefined;
|
|
48
|
-
dropoff: string | undefined;
|
|
51
|
+
pickup: string | undefined;
|
|
52
|
+
dropoff: string | undefined;
|
|
53
|
+
driverAge: number | undefined;
|
|
54
|
+
}) => void;
|
|
55
|
+
|
|
56
|
+
onSelectionChange?: (details: {
|
|
57
|
+
from: LocationData | undefined;
|
|
58
|
+
to: LocationData | undefined;
|
|
59
|
+
pickup: string | undefined;
|
|
60
|
+
dropoff: string | undefined;
|
|
49
61
|
driverAge: number | undefined;
|
|
50
62
|
}) => void;
|
|
51
63
|
|
|
@@ -61,6 +73,8 @@ export interface CarRentalFormProps {
|
|
|
61
73
|
searchIconName?: keyof typeof Ionicons.glyphMap;
|
|
62
74
|
calendarThemeOverrides?: object; // Passed to DateRangePicker
|
|
63
75
|
|
|
76
|
+
ageLabel?: string;
|
|
77
|
+
|
|
64
78
|
isOneWay?: boolean;
|
|
65
79
|
|
|
66
80
|
suggestionData?: CarSuggestions[];
|
|
@@ -68,32 +82,35 @@ export interface CarRentalFormProps {
|
|
|
68
82
|
// --- Style Props ---
|
|
69
83
|
containerStyle?: StyleProp<ViewStyle>;
|
|
70
84
|
inputGroupContainerStyle?: StyleProp<ViewStyle>;
|
|
71
|
-
inputWrapperStyle?: StyleProp<ViewStyle>;
|
|
72
|
-
inputGroupStyle?: StyleProp<ViewStyle>;
|
|
73
|
-
labelStyle?: StyleProp<TextStyle>;
|
|
85
|
+
inputWrapperStyle?: StyleProp<ViewStyle>;
|
|
86
|
+
inputGroupStyle?: StyleProp<ViewStyle>;
|
|
87
|
+
labelStyle?: StyleProp<TextStyle>;
|
|
74
88
|
swapButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
75
89
|
swapButtonStyle?: StyleProp<ViewStyle>;
|
|
76
|
-
swapIconStyle?: StyleProp<TextStyle>;
|
|
77
|
-
pickupRowStyle?: StyleProp<ViewStyle>;
|
|
90
|
+
swapIconStyle?: StyleProp<TextStyle>;
|
|
91
|
+
pickupRowStyle?: StyleProp<ViewStyle>;
|
|
78
92
|
searchButtonStyle?: StyleProp<ViewStyle>;
|
|
79
|
-
searchIconStyle?: StyleProp<TextStyle>;
|
|
93
|
+
searchIconStyle?: StyleProp<TextStyle>;
|
|
80
94
|
|
|
81
95
|
// DateRangePicker specific styles (passed down)
|
|
82
96
|
dateRangePickerOuterContainerStyle?: StyleProp<ViewStyle>;
|
|
83
|
-
dateRangePickerLabelStyle?: StyleProp<TextStyle>;
|
|
84
|
-
dateRangePickerInputGroupStyle?: StyleProp<ViewStyle>;
|
|
97
|
+
dateRangePickerLabelStyle?: StyleProp<TextStyle>;
|
|
98
|
+
dateRangePickerInputGroupStyle?: StyleProp<ViewStyle>;
|
|
85
99
|
dateRangePickerCalendarContainerStyle?: StyleProp<ViewStyle>;
|
|
100
|
+
dateRangePickerInputContainerStyle?: StyleProp<ViewStyle>;
|
|
86
101
|
|
|
87
102
|
// SuggestionList specific styles (passed down / used in renderItem)
|
|
88
103
|
suggestionListContainerStyle?: StyleProp<ViewStyle>;
|
|
89
|
-
suggestionItemStyle?: StyleProp<ViewStyle>;
|
|
90
|
-
suggestionItemTextStyle?: StyleProp<TextStyle>;
|
|
104
|
+
suggestionItemStyle?: StyleProp<ViewStyle>;
|
|
105
|
+
suggestionItemTextStyle?: StyleProp<TextStyle>;
|
|
91
106
|
|
|
92
107
|
// Age Picker specific styles
|
|
93
|
-
agePickerWrapperStyle?: StyleProp<ViewStyle>;
|
|
94
|
-
agePickerLabelStyle?: StyleProp<TextStyle>;
|
|
95
|
-
|
|
96
|
-
|
|
108
|
+
agePickerWrapperStyle?: StyleProp<ViewStyle>;
|
|
109
|
+
agePickerLabelStyle?: StyleProp<TextStyle>;
|
|
110
|
+
agePickerPlaceholder?: string;
|
|
111
|
+
agePickerPlaceholderColor?: string;
|
|
112
|
+
pickerContainerStyle?: StyleProp<ViewStyle>;
|
|
113
|
+
pickerStyle?: StyleProp<TextStyle>;
|
|
97
114
|
}
|
|
98
115
|
|
|
99
116
|
// --- Component ---
|
|
@@ -139,6 +156,11 @@ const CarRentalForm: React.FC<CarRentalFormProps> = ({
|
|
|
139
156
|
agePickerLabelStyle,
|
|
140
157
|
pickerContainerStyle,
|
|
141
158
|
pickerStyle,
|
|
159
|
+
onSelectionChange,
|
|
160
|
+
ageLabel = "Driver's Age",
|
|
161
|
+
agePickerPlaceholder = "Select Age...",
|
|
162
|
+
agePickerPlaceholderColor,
|
|
163
|
+
dateRangePickerInputContainerStyle,
|
|
142
164
|
}) => {
|
|
143
165
|
const { theme, isRTL } = useTheme();
|
|
144
166
|
const styles = useMemo(() => themedStyles(theme, isRTL), [theme, isRTL]);
|
|
@@ -161,6 +183,23 @@ const CarRentalForm: React.FC<CarRentalFormProps> = ({
|
|
|
161
183
|
const [age, setAge] = useState<number>();
|
|
162
184
|
const [focusedInput, setFocusedInput] = useState<FormInputType>();
|
|
163
185
|
|
|
186
|
+
useEffect(() => {
|
|
187
|
+
onSelectionChange?.({
|
|
188
|
+
from: fromLocation,
|
|
189
|
+
to: toLocation,
|
|
190
|
+
pickup: pickupDate,
|
|
191
|
+
dropoff: dropoffDate,
|
|
192
|
+
driverAge: age,
|
|
193
|
+
});
|
|
194
|
+
}, [
|
|
195
|
+
fromLocation,
|
|
196
|
+
toLocation,
|
|
197
|
+
pickupDate,
|
|
198
|
+
dropoffDate,
|
|
199
|
+
age,
|
|
200
|
+
onSelectionChange,
|
|
201
|
+
]);
|
|
202
|
+
|
|
164
203
|
// --- Handlers ---
|
|
165
204
|
const handleSwap = useCallback(() => {
|
|
166
205
|
const currentFrom = fromLocation;
|
|
@@ -192,9 +231,8 @@ const CarRentalForm: React.FC<CarRentalFormProps> = ({
|
|
|
192
231
|
setToLocation(item.value);
|
|
193
232
|
toInputRef.current?.blur();
|
|
194
233
|
}
|
|
195
|
-
// setFocusedInput(undefined); // Hide suggestions after selection
|
|
196
234
|
}}
|
|
197
|
-
style={[styles.suggestionItem, suggestionItemStyle]}
|
|
235
|
+
style={[styles.suggestionItem, suggestionItemStyle]}
|
|
198
236
|
>
|
|
199
237
|
<Text style={[styles.suggestionItemText, suggestionItemTextStyle]}>
|
|
200
238
|
{item.value}
|
|
@@ -237,25 +275,26 @@ const CarRentalForm: React.FC<CarRentalFormProps> = ({
|
|
|
237
275
|
data={suggestionData}
|
|
238
276
|
visible={focusedInput === FormInputType.CAR_PICKUP}
|
|
239
277
|
renderItemContent={suggestionRenderItem}
|
|
240
|
-
containerStyle={suggestionListContainerStyle}
|
|
278
|
+
containerStyle={suggestionListContainerStyle}
|
|
241
279
|
/>
|
|
242
280
|
)}
|
|
243
281
|
</View>
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
282
|
+
{onSwapPress && (
|
|
283
|
+
<View style={[styles.swapButtonContainer, swapButtonContainerStyle]}>
|
|
284
|
+
<TouchableOpacity
|
|
285
|
+
style={[styles.swapButton, swapButtonStyle]}
|
|
286
|
+
onPress={handleSwap}
|
|
287
|
+
activeOpacity={0.7}
|
|
288
|
+
>
|
|
289
|
+
<Ionicons
|
|
290
|
+
name={swapIconName}
|
|
291
|
+
size={20}
|
|
292
|
+
color={theme.onSurface}
|
|
293
|
+
style={swapIconStyle}
|
|
294
|
+
/>
|
|
295
|
+
</TouchableOpacity>
|
|
296
|
+
</View>
|
|
297
|
+
)}
|
|
259
298
|
|
|
260
299
|
{/* Apply inputWrapperStyle */}
|
|
261
300
|
<View style={[styles.inputWrapper, inputWrapperStyle]}>
|
|
@@ -302,7 +341,8 @@ const CarRentalForm: React.FC<CarRentalFormProps> = ({
|
|
|
302
341
|
]}
|
|
303
342
|
labelStyle={[labelStyle, dateRangePickerLabelStyle]}
|
|
304
343
|
inputGroupStyle={dateRangePickerInputGroupStyle}
|
|
305
|
-
|
|
344
|
+
inputContainerStyle={dateRangePickerInputContainerStyle}
|
|
345
|
+
calendarContainerStyle={dateRangePickerCalendarContainerStyle}
|
|
306
346
|
calendarThemeOverrides={calendarThemeOverrides}
|
|
307
347
|
onDatesChange={(d) => {
|
|
308
348
|
setDropoffDate(d.return);
|
|
@@ -314,36 +354,38 @@ const CarRentalForm: React.FC<CarRentalFormProps> = ({
|
|
|
314
354
|
<View style={[styles.pickupRow, pickupRowStyle]}>
|
|
315
355
|
<View style={[styles.agePickerWrapper, agePickerWrapperStyle]}>
|
|
316
356
|
<Text style={[styles.label, labelStyle, agePickerLabelStyle]}>
|
|
317
|
-
|
|
357
|
+
{ageLabel}
|
|
318
358
|
</Text>
|
|
319
359
|
<View style={[styles.pickerContainer, pickerContainerStyle]}>
|
|
320
|
-
<
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
<Picker.Item label="Select Age" value={undefined} enabled={false} />
|
|
327
|
-
{Array.from({ length: 80 - 21 + 1 }, (_, i) => i + 21).map(
|
|
328
|
-
(n) => (
|
|
329
|
-
<Picker.Item key={n} label={n.toString()} value={n} />
|
|
330
|
-
)
|
|
360
|
+
<RNPickerSelect
|
|
361
|
+
items={Array.from({ length: 80 - 21 + 1 }, (_, i) => i + 21).map(
|
|
362
|
+
(n) => ({
|
|
363
|
+
label: n.toString(),
|
|
364
|
+
value: n,
|
|
365
|
+
})
|
|
331
366
|
)}
|
|
332
|
-
|
|
367
|
+
onValueChange={setAge}
|
|
368
|
+
placeholder={{
|
|
369
|
+
label: agePickerPlaceholder,
|
|
370
|
+
color: agePickerPlaceholderColor,
|
|
371
|
+
}}
|
|
372
|
+
/>
|
|
333
373
|
</View>
|
|
334
374
|
</View>
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
375
|
+
{onSearchPress && (
|
|
376
|
+
<TouchableOpacity
|
|
377
|
+
style={[styles.searchButton, searchButtonStyle]}
|
|
378
|
+
onPress={handleSearch}
|
|
379
|
+
activeOpacity={0.8}
|
|
380
|
+
>
|
|
381
|
+
<Ionicons
|
|
382
|
+
name={searchIconName}
|
|
383
|
+
size={24}
|
|
384
|
+
color={theme.onPrimary}
|
|
385
|
+
style={searchIconStyle}
|
|
386
|
+
/>
|
|
387
|
+
</TouchableOpacity>
|
|
388
|
+
)}
|
|
347
389
|
</View>
|
|
348
390
|
</View>
|
|
349
391
|
);
|
|
@@ -359,11 +401,11 @@ const themedStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
359
401
|
borderBottomLeftRadius: 8,
|
|
360
402
|
},
|
|
361
403
|
inputGroupContainer: {
|
|
362
|
-
position: "relative",
|
|
404
|
+
position: "relative",
|
|
363
405
|
},
|
|
364
406
|
inputWrapper: {
|
|
365
407
|
marginBottom: 15,
|
|
366
|
-
position: "relative",
|
|
408
|
+
position: "relative",
|
|
367
409
|
},
|
|
368
410
|
label: {
|
|
369
411
|
color: theme.labelText,
|
|
@@ -403,7 +445,7 @@ const themedStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
403
445
|
gap: 10,
|
|
404
446
|
},
|
|
405
447
|
agePickerWrapper: {
|
|
406
|
-
flex: 1,
|
|
448
|
+
flex: 1,
|
|
407
449
|
},
|
|
408
450
|
pickerContainer: {
|
|
409
451
|
borderWidth: 1,
|