@dreamstack-us/kaal 0.0.1 → 0.0.3
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/README.md +165 -0
- package/lib/module/components/CalendarGrid/CalendarGrid.js +125 -29
- package/lib/module/components/CalendarGrid/CalendarGrid.js.map +1 -1
- package/lib/module/components/CalendarGrid/CalendarGrid.styles.js +22 -17
- package/lib/module/components/CalendarGrid/CalendarGrid.styles.js.map +1 -1
- package/lib/module/components/CalendarGrid/CalendarGrid.web.js +265 -0
- package/lib/module/components/CalendarGrid/CalendarGrid.web.js.map +1 -0
- package/lib/module/components/CalendarGrid/DayCell.js +77 -53
- package/lib/module/components/CalendarGrid/DayCell.js.map +1 -1
- package/lib/module/components/CalendarGrid/DayCell.web.js +124 -0
- package/lib/module/components/CalendarGrid/DayCell.web.js.map +1 -0
- package/lib/module/components/CalendarGrid/index.js +1 -1
- package/lib/module/components/CalendarGrid/index.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.android.js +53 -21
- package/lib/module/components/DatePicker/DatePicker.android.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.ios.js +55 -23
- package/lib/module/components/DatePicker/DatePicker.ios.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.styles.js +19 -20
- package/lib/module/components/DatePicker/DatePicker.styles.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.web.js +59 -21
- package/lib/module/components/DatePicker/DatePicker.web.js.map +1 -1
- package/lib/module/components/TimePicker/ClockFace.js +27 -7
- package/lib/module/components/TimePicker/ClockFace.js.map +1 -1
- package/lib/module/components/TimePicker/ClockFace.web.js +253 -0
- package/lib/module/components/TimePicker/ClockFace.web.js.map +1 -0
- package/lib/module/components/TimePicker/MaterialTimePicker.js +68 -16
- package/lib/module/components/TimePicker/MaterialTimePicker.js.map +1 -1
- package/lib/module/components/TimePicker/MaterialTimePicker.web.js +231 -0
- package/lib/module/components/TimePicker/MaterialTimePicker.web.js.map +1 -0
- package/lib/module/components/TimePicker/TimePicker.android.js +13 -6
- package/lib/module/components/TimePicker/TimePicker.android.js.map +1 -1
- package/lib/module/components/TimePicker/TimePicker.ios.js +14 -7
- package/lib/module/components/TimePicker/TimePicker.ios.js.map +1 -1
- package/lib/module/components/TimePicker/TimePicker.styles.js +53 -45
- package/lib/module/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/lib/module/components/TimePicker/TimePicker.web.js +24 -12
- package/lib/module/components/TimePicker/TimePicker.web.js.map +1 -1
- package/lib/module/components/TimePicker/TimeWheelPicker.js +45 -10
- package/lib/module/components/TimePicker/TimeWheelPicker.js.map +1 -1
- package/lib/module/components/TimePicker/TimeWheelPicker.web.js +339 -0
- package/lib/module/components/TimePicker/TimeWheelPicker.web.js.map +1 -0
- package/lib/module/components/TimePicker/index.js +3 -3
- package/lib/module/components/TimePicker/index.js.map +1 -1
- package/lib/module/components/WheelPicker/WheelPicker.js +21 -2
- package/lib/module/components/WheelPicker/WheelPicker.js.map +1 -1
- package/lib/module/components/WheelPicker/WheelPicker.styles.js +13 -8
- package/lib/module/components/WheelPicker/WheelPicker.styles.js.map +1 -1
- package/lib/module/components/WheelPicker/WheelPicker.web.js +146 -57
- package/lib/module/components/WheelPicker/WheelPicker.web.js.map +1 -1
- package/lib/module/context/ThemeOverrideContext.js +34 -0
- package/lib/module/context/ThemeOverrideContext.js.map +1 -0
- package/lib/module/index.js +3 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/validation.js +74 -34
- package/lib/module/utils/validation.js.map +1 -1
- package/lib/typescript/components/CalendarGrid/CalendarGrid.d.ts +24 -3
- package/lib/typescript/components/CalendarGrid/CalendarGrid.d.ts.map +1 -1
- package/lib/typescript/components/CalendarGrid/CalendarGrid.styles.d.ts +12 -10
- package/lib/typescript/components/CalendarGrid/CalendarGrid.styles.d.ts.map +1 -1
- package/lib/typescript/components/CalendarGrid/CalendarGrid.web.d.ts +33 -0
- package/lib/typescript/components/CalendarGrid/CalendarGrid.web.d.ts.map +1 -0
- package/lib/typescript/components/CalendarGrid/DayCell.d.ts +3 -0
- package/lib/typescript/components/CalendarGrid/DayCell.d.ts.map +1 -1
- package/lib/typescript/components/CalendarGrid/DayCell.web.d.ts +15 -0
- package/lib/typescript/components/CalendarGrid/DayCell.web.d.ts.map +1 -0
- package/lib/typescript/components/DatePicker/DatePicker.android.d.ts.map +1 -1
- package/lib/typescript/components/DatePicker/DatePicker.d.ts +27 -4
- package/lib/typescript/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/lib/typescript/components/DatePicker/DatePicker.ios.d.ts.map +1 -1
- package/lib/typescript/components/DatePicker/DatePicker.styles.d.ts +12 -13
- package/lib/typescript/components/DatePicker/DatePicker.styles.d.ts.map +1 -1
- package/lib/typescript/components/DatePicker/DatePicker.web.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/ClockFace.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/ClockFace.web.d.ts +12 -0
- package/lib/typescript/components/TimePicker/ClockFace.web.d.ts.map +1 -0
- package/lib/typescript/components/TimePicker/MaterialTimePicker.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/MaterialTimePicker.web.d.ts +12 -0
- package/lib/typescript/components/TimePicker/MaterialTimePicker.web.d.ts.map +1 -0
- package/lib/typescript/components/TimePicker/TimePicker.android.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/TimePicker.ios.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/TimePicker.styles.d.ts +29 -25
- package/lib/typescript/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/TimePicker.web.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/TimeWheelPicker.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/TimeWheelPicker.web.d.ts +11 -0
- package/lib/typescript/components/TimePicker/TimeWheelPicker.web.d.ts.map +1 -0
- package/lib/typescript/components/WheelPicker/WheelPicker.d.ts +14 -1
- package/lib/typescript/components/WheelPicker/WheelPicker.d.ts.map +1 -1
- package/lib/typescript/components/WheelPicker/WheelPicker.styles.d.ts +9 -7
- package/lib/typescript/components/WheelPicker/WheelPicker.styles.d.ts.map +1 -1
- package/lib/typescript/components/WheelPicker/WheelPicker.web.d.ts.map +1 -1
- package/lib/typescript/context/ThemeOverrideContext.d.ts +23 -0
- package/lib/typescript/context/ThemeOverrideContext.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +4 -2
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/types/datepicker.d.ts +78 -3
- package/lib/typescript/types/datepicker.d.ts.map +1 -1
- package/lib/typescript/types/timepicker.d.ts +62 -0
- package/lib/typescript/types/timepicker.d.ts.map +1 -1
- package/lib/typescript/utils/validation.d.ts +47 -27
- package/lib/typescript/utils/validation.d.ts.map +1 -1
- package/package.json +8 -8
- package/src/components/CalendarGrid/CalendarGrid.styles.ts +21 -17
- package/src/components/CalendarGrid/CalendarGrid.tsx +265 -85
- package/src/components/CalendarGrid/CalendarGrid.web.tsx +396 -0
- package/src/components/CalendarGrid/DayCell.tsx +122 -61
- package/src/components/CalendarGrid/DayCell.web.tsx +171 -0
- package/src/components/DatePicker/DatePicker.android.tsx +48 -24
- package/src/components/DatePicker/DatePicker.ios.tsx +51 -27
- package/src/components/DatePicker/DatePicker.styles.ts +18 -22
- package/src/components/DatePicker/DatePicker.tsx +35 -4
- package/src/components/DatePicker/DatePicker.web.tsx +55 -23
- package/src/components/TimePicker/ClockFace.tsx +34 -8
- package/src/components/TimePicker/ClockFace.web.tsx +303 -0
- package/src/components/TimePicker/MaterialTimePicker.tsx +144 -13
- package/src/components/TimePicker/MaterialTimePicker.web.tsx +271 -0
- package/src/components/TimePicker/TimePicker.android.tsx +9 -1
- package/src/components/TimePicker/TimePicker.ios.tsx +10 -6
- package/src/components/TimePicker/TimePicker.styles.ts +52 -45
- package/src/components/TimePicker/TimePicker.web.tsx +17 -7
- package/src/components/TimePicker/TimeWheelPicker.tsx +60 -6
- package/src/components/TimePicker/TimeWheelPicker.web.tsx +401 -0
- package/src/components/WheelPicker/WheelPicker.styles.ts +12 -8
- package/src/components/WheelPicker/WheelPicker.tsx +24 -2
- package/src/components/WheelPicker/WheelPicker.web.tsx +153 -57
- package/src/context/ThemeOverrideContext.tsx +38 -0
- package/src/index.ts +13 -0
- package/src/types/datepicker.ts +87 -3
- package/src/types/timepicker.ts +74 -0
- package/src/utils/validation.ts +111 -55
- package/lib/module/unistyles.js +0 -9
- package/lib/module/unistyles.js.map +0 -1
- package/lib/typescript/unistyles.d.ts +0 -3
- package/lib/typescript/unistyles.d.ts.map +0 -1
- package/src/unistyles.ts +0 -6
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { ThemeOverrideProvider } from "../../context/ThemeOverrideContext.js";
|
|
4
|
+
import { MaterialTimePicker } from './MaterialTimePicker';
|
|
5
|
+
import { TimeWheelPicker } from './TimeWheelPicker';
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* Web implementation of TimePicker
|
|
@@ -15,23 +16,34 @@ export const TimePicker = ({
|
|
|
15
16
|
onChange,
|
|
16
17
|
theme = 'ios',
|
|
17
18
|
is24Hour = false,
|
|
18
|
-
minuteInterval = 1
|
|
19
|
+
minuteInterval = 1,
|
|
20
|
+
themeOverrides
|
|
19
21
|
}) => {
|
|
20
22
|
// iOS theme uses wheel picker
|
|
21
23
|
if (theme === 'ios') {
|
|
22
|
-
return /*#__PURE__*/_jsx(
|
|
23
|
-
value:
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
return /*#__PURE__*/_jsx(ThemeOverrideProvider, {
|
|
25
|
+
value: {
|
|
26
|
+
timePicker: themeOverrides
|
|
27
|
+
},
|
|
28
|
+
children: /*#__PURE__*/_jsx(TimeWheelPicker, {
|
|
29
|
+
value: value,
|
|
30
|
+
onChange: onChange,
|
|
31
|
+
is24Hour: is24Hour,
|
|
32
|
+
minuteInterval: minuteInterval
|
|
33
|
+
})
|
|
27
34
|
});
|
|
28
35
|
}
|
|
29
36
|
|
|
30
37
|
// Android/native theme uses Material clock face
|
|
31
|
-
return /*#__PURE__*/_jsx(
|
|
32
|
-
value:
|
|
33
|
-
|
|
34
|
-
|
|
38
|
+
return /*#__PURE__*/_jsx(ThemeOverrideProvider, {
|
|
39
|
+
value: {
|
|
40
|
+
timePicker: themeOverrides
|
|
41
|
+
},
|
|
42
|
+
children: /*#__PURE__*/_jsx(MaterialTimePicker, {
|
|
43
|
+
value: value,
|
|
44
|
+
onChange: onChange,
|
|
45
|
+
is24Hour: is24Hour
|
|
46
|
+
})
|
|
35
47
|
});
|
|
36
48
|
};
|
|
37
49
|
//# sourceMappingURL=TimePicker.web.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MaterialTimePicker","TimeWheelPicker","jsx","_jsx","TimePicker","value","onChange","theme","is24Hour","minuteInterval"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.web.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["ThemeOverrideProvider","MaterialTimePicker","TimeWheelPicker","jsx","_jsx","TimePicker","value","onChange","theme","is24Hour","minuteInterval","themeOverrides","timePicker","children"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.web.tsx"],"mappings":";;AACA,SAASA,qBAAqB,QAAQ,uCAAoC;AAE1E,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,GAAA,IAAAC,IAAA;AAMA,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,KAAK;EACLC,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,QAAQ,GAAG,KAAK;EAChBC,cAAc,GAAG,CAAC;EAClBC;AACF,CAAC,KAAK;EACJ;EACA,IAAIH,KAAK,KAAK,KAAK,EAAE;IACnB,oBACEJ,IAAA,CAACJ,qBAAqB;MAACM,KAAK,EAAE;QAAEM,UAAU,EAAED;MAAe,CAAE;MAAAE,QAAA,eAC3DT,IAAA,CAACF,eAAe;QACdI,KAAK,EAAEA,KAAM;QACbC,QAAQ,EAAEA,QAAS;QACnBE,QAAQ,EAAEA,QAAS;QACnBC,cAAc,EAAEA;MAAe,CAChC;IAAC,CACmB,CAAC;EAE5B;;EAEA;EACA,oBACEN,IAAA,CAACJ,qBAAqB;IAACM,KAAK,EAAE;MAAEM,UAAU,EAAED;IAAe,CAAE;IAAAE,QAAA,eAC3DT,IAAA,CAACH,kBAAkB;MACjBK,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA;IAAS,CACpB;EAAC,CACmB,CAAC;AAE5B,CAAC","ignoreList":[]}
|
|
@@ -4,16 +4,27 @@ import { memo, useCallback, useMemo } from 'react';
|
|
|
4
4
|
import { Text, View } from 'react-native';
|
|
5
5
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
6
6
|
import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
|
|
7
|
+
import { useTimePickerOverrides } from "../../context/ThemeOverrideContext.js";
|
|
7
8
|
import { to12Hour, to24Hour } from "../../hooks/useTimePicker.js";
|
|
8
|
-
import { styles } from "./TimePicker.styles.js";
|
|
9
|
+
import { WHEEL_ITEM_HEIGHT, styles } from "./TimePicker.styles.js";
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
const ITEM_HEIGHT =
|
|
11
|
+
const ITEM_HEIGHT = WHEEL_ITEM_HEIGHT;
|
|
11
12
|
const VISIBLE_ITEMS = 5;
|
|
12
13
|
const CONTAINER_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS;
|
|
14
|
+
|
|
15
|
+
// Default colors (dark theme)
|
|
16
|
+
const DEFAULT_COLORS = {
|
|
17
|
+
containerBackground: '#2C2C2E',
|
|
18
|
+
selectionHighlight: 'rgba(120, 120, 128, 0.24)',
|
|
19
|
+
textColor: '#FFFFFF',
|
|
20
|
+
separatorColor: '#FFFFFF'
|
|
21
|
+
};
|
|
13
22
|
const WheelColumn = /*#__PURE__*/memo(({
|
|
14
23
|
items,
|
|
15
24
|
selectedIndex,
|
|
16
|
-
onSelect
|
|
25
|
+
onSelect,
|
|
26
|
+
textColor,
|
|
27
|
+
highlightColor
|
|
17
28
|
}) => {
|
|
18
29
|
const translateY = useSharedValue(-selectedIndex * ITEM_HEIGHT);
|
|
19
30
|
const handleSelect = useCallback(index => {
|
|
@@ -44,7 +55,9 @@ const WheelColumn = /*#__PURE__*/memo(({
|
|
|
44
55
|
return /*#__PURE__*/_jsxs(View, {
|
|
45
56
|
style: styles.wheelColumn,
|
|
46
57
|
children: [/*#__PURE__*/_jsx(View, {
|
|
47
|
-
style: styles.wheelSelectionIndicator
|
|
58
|
+
style: [styles.wheelSelectionIndicator, {
|
|
59
|
+
backgroundColor: highlightColor
|
|
60
|
+
}]
|
|
48
61
|
}), /*#__PURE__*/_jsx(GestureDetector, {
|
|
49
62
|
gesture: panGesture,
|
|
50
63
|
children: /*#__PURE__*/_jsxs(Animated.View, {
|
|
@@ -58,7 +71,9 @@ const WheelColumn = /*#__PURE__*/memo(({
|
|
|
58
71
|
return /*#__PURE__*/_jsx(View, {
|
|
59
72
|
style: styles.wheelItem,
|
|
60
73
|
children: /*#__PURE__*/_jsx(Text, {
|
|
61
|
-
style: [styles.wheelItemText,
|
|
74
|
+
style: [styles.wheelItemText, {
|
|
75
|
+
color: textColor
|
|
76
|
+
}, isSelected && styles.wheelItemTextSelected],
|
|
62
77
|
children: item.label
|
|
63
78
|
})
|
|
64
79
|
}, `${item.value}`);
|
|
@@ -78,6 +93,16 @@ export const TimeWheelPicker = /*#__PURE__*/memo(({
|
|
|
78
93
|
is24Hour = false,
|
|
79
94
|
minuteInterval = 1
|
|
80
95
|
}) => {
|
|
96
|
+
const overrides = useTimePickerOverrides();
|
|
97
|
+
|
|
98
|
+
// Build colors from overrides (use backgroundColor as fallback for wheelContainerBackground)
|
|
99
|
+
const colors = useMemo(() => ({
|
|
100
|
+
containerBackground: overrides?.wheelContainerBackground ?? overrides?.backgroundColor ?? DEFAULT_COLORS.containerBackground,
|
|
101
|
+
selectionHighlight: overrides?.wheelSelectionHighlight ?? DEFAULT_COLORS.selectionHighlight,
|
|
102
|
+
textColor: overrides?.wheelTextColor ?? overrides?.textColor ?? DEFAULT_COLORS.textColor,
|
|
103
|
+
separatorColor: overrides?.wheelSeparatorColor ?? overrides?.textColor ?? DEFAULT_COLORS.separatorColor
|
|
104
|
+
}), [overrides]);
|
|
105
|
+
|
|
81
106
|
// Generate hour items
|
|
82
107
|
const hourItems = useMemo(() => {
|
|
83
108
|
if (is24Hour) {
|
|
@@ -155,22 +180,32 @@ export const TimeWheelPicker = /*#__PURE__*/memo(({
|
|
|
155
180
|
});
|
|
156
181
|
}, [hour12, value.minutes, onChange]);
|
|
157
182
|
return /*#__PURE__*/_jsxs(View, {
|
|
158
|
-
style: styles.wheelContainer,
|
|
183
|
+
style: [styles.wheelContainer, {
|
|
184
|
+
backgroundColor: colors.containerBackground
|
|
185
|
+
}],
|
|
159
186
|
children: [/*#__PURE__*/_jsx(WheelColumn, {
|
|
160
187
|
items: hourItems,
|
|
161
188
|
selectedIndex: hourIndex,
|
|
162
|
-
onSelect: handleHourChange
|
|
189
|
+
onSelect: handleHourChange,
|
|
190
|
+
textColor: colors.textColor,
|
|
191
|
+
highlightColor: colors.selectionHighlight
|
|
163
192
|
}), /*#__PURE__*/_jsx(Text, {
|
|
164
|
-
style: styles.wheelSeparator,
|
|
193
|
+
style: [styles.wheelSeparator, {
|
|
194
|
+
color: colors.separatorColor
|
|
195
|
+
}],
|
|
165
196
|
children: ":"
|
|
166
197
|
}), /*#__PURE__*/_jsx(WheelColumn, {
|
|
167
198
|
items: minuteItems,
|
|
168
199
|
selectedIndex: minuteIndex,
|
|
169
|
-
onSelect: handleMinuteChange
|
|
200
|
+
onSelect: handleMinuteChange,
|
|
201
|
+
textColor: colors.textColor,
|
|
202
|
+
highlightColor: colors.selectionHighlight
|
|
170
203
|
}), !is24Hour && /*#__PURE__*/_jsx(WheelColumn, {
|
|
171
204
|
items: periodItems,
|
|
172
205
|
selectedIndex: periodIndex,
|
|
173
|
-
onSelect: handlePeriodChange
|
|
206
|
+
onSelect: handlePeriodChange,
|
|
207
|
+
textColor: colors.textColor,
|
|
208
|
+
highlightColor: colors.selectionHighlight
|
|
174
209
|
})]
|
|
175
210
|
});
|
|
176
211
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useCallback","useMemo","Text","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useSharedValue","withSpring","to12Hour","to24Hour","styles","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","VISIBLE_ITEMS","CONTAINER_HEIGHT","WheelColumn","items","selectedIndex","onSelect","translateY","handleSelect","index","panGesture","Pan","onUpdate","e","value","translationY","onEnd","velocity","velocityY","targetIndex","Math","round","clampedIndex","max","min","length","damping","stiffness","animatedStyle","transform","style","wheelColumn","children","wheelSelectionIndicator","gesture","wheelItemsContainer","height","map","item","isSelected","wheelItem","wheelItemText","wheelItemTextSelected","label","displayName","TimeWheelPicker","onChange","is24Hour","minuteInterval","hourItems","Array","from","_","i","toString","padStart","minuteItems","push","periodItems","hour","hour12","period","hours","hourIndex","minuteIndex","floor","minutes","periodIndex","handleHourChange","newHours","handleMinuteChange","newMinutes","handlePeriodChange","newPeriod","wheelContainer","wheelSeparator"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimeWheelPicker.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,OAAOC,QAAQ,IACbC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,8BAA2B;AAE9D,SAASC,MAAM,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["memo","useCallback","useMemo","Text","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useSharedValue","withSpring","useTimePickerOverrides","to12Hour","to24Hour","WHEEL_ITEM_HEIGHT","styles","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","VISIBLE_ITEMS","CONTAINER_HEIGHT","DEFAULT_COLORS","containerBackground","selectionHighlight","textColor","separatorColor","WheelColumn","items","selectedIndex","onSelect","highlightColor","translateY","handleSelect","index","panGesture","Pan","onUpdate","e","value","translationY","onEnd","velocity","velocityY","targetIndex","Math","round","clampedIndex","max","min","length","damping","stiffness","animatedStyle","transform","style","wheelColumn","children","wheelSelectionIndicator","backgroundColor","gesture","wheelItemsContainer","height","map","item","isSelected","wheelItem","wheelItemText","color","wheelItemTextSelected","label","displayName","TimeWheelPicker","onChange","is24Hour","minuteInterval","overrides","colors","wheelContainerBackground","wheelSelectionHighlight","wheelTextColor","wheelSeparatorColor","hourItems","Array","from","_","i","toString","padStart","minuteItems","push","periodItems","hour","hour12","period","hours","hourIndex","minuteIndex","floor","minutes","periodIndex","handleHourChange","newHours","handleMinuteChange","newMinutes","handlePeriodChange","newPeriod","wheelContainer","wheelSeparator"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimeWheelPicker.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,339 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/// <reference lib="dom" />
|
|
4
|
+
|
|
5
|
+
import { memo, useCallback, useEffect, useMemo, useRef } from 'react';
|
|
6
|
+
import { StyleSheet as RNStyleSheet, Text, View } from 'react-native';
|
|
7
|
+
import { useTimePickerOverrides } from "../../context/ThemeOverrideContext.js";
|
|
8
|
+
import { to12Hour, to24Hour } from "../../hooks/useTimePicker.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const ITEM_HEIGHT = 44;
|
|
11
|
+
const VISIBLE_ITEMS = 5;
|
|
12
|
+
const CONTAINER_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS;
|
|
13
|
+
|
|
14
|
+
// Default colors (dark theme)
|
|
15
|
+
const DEFAULT_COLORS = {
|
|
16
|
+
containerBackground: '#2C2C2E',
|
|
17
|
+
selectionHighlight: 'rgba(120, 120, 128, 0.24)',
|
|
18
|
+
textColor: '#FFFFFF',
|
|
19
|
+
separatorColor: '#FFFFFF'
|
|
20
|
+
};
|
|
21
|
+
const WheelColumn = /*#__PURE__*/memo(({
|
|
22
|
+
items,
|
|
23
|
+
selectedIndex,
|
|
24
|
+
onSelect,
|
|
25
|
+
textColor,
|
|
26
|
+
highlightColor,
|
|
27
|
+
label = 'Select value'
|
|
28
|
+
}) => {
|
|
29
|
+
const scrollRef = useRef(null);
|
|
30
|
+
const isScrolling = useRef(false);
|
|
31
|
+
const scrollTimeout = useRef();
|
|
32
|
+
|
|
33
|
+
// Scroll to selected item on mount and when selection changes externally
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (scrollRef.current && !isScrolling.current) {
|
|
36
|
+
scrollRef.current.scrollTop = selectedIndex * ITEM_HEIGHT;
|
|
37
|
+
}
|
|
38
|
+
}, [selectedIndex]);
|
|
39
|
+
const handleScroll = useCallback(() => {
|
|
40
|
+
if (!scrollRef.current) return;
|
|
41
|
+
isScrolling.current = true;
|
|
42
|
+
|
|
43
|
+
// Clear existing timeout
|
|
44
|
+
if (scrollTimeout.current) {
|
|
45
|
+
clearTimeout(scrollTimeout.current);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// Debounce scroll end detection
|
|
49
|
+
scrollTimeout.current = setTimeout(() => {
|
|
50
|
+
if (!scrollRef.current) return;
|
|
51
|
+
const scrollTop = scrollRef.current.scrollTop;
|
|
52
|
+
const newIndex = Math.round(scrollTop / ITEM_HEIGHT);
|
|
53
|
+
const clampedIndex = Math.max(0, Math.min(items.length - 1, newIndex));
|
|
54
|
+
|
|
55
|
+
// Snap to nearest item
|
|
56
|
+
scrollRef.current.scrollTop = clampedIndex * ITEM_HEIGHT;
|
|
57
|
+
if (clampedIndex !== selectedIndex) {
|
|
58
|
+
onSelect(clampedIndex);
|
|
59
|
+
}
|
|
60
|
+
isScrolling.current = false;
|
|
61
|
+
}, 100);
|
|
62
|
+
}, [items.length, selectedIndex, onSelect]);
|
|
63
|
+
|
|
64
|
+
// Keyboard navigation (like native input[type="time"])
|
|
65
|
+
const handleKeyDown = useCallback(e => {
|
|
66
|
+
let newIndex = selectedIndex;
|
|
67
|
+
switch (e.key) {
|
|
68
|
+
case 'ArrowUp':
|
|
69
|
+
e.preventDefault();
|
|
70
|
+
newIndex = Math.max(0, selectedIndex - 1);
|
|
71
|
+
break;
|
|
72
|
+
case 'ArrowDown':
|
|
73
|
+
e.preventDefault();
|
|
74
|
+
newIndex = Math.min(items.length - 1, selectedIndex + 1);
|
|
75
|
+
break;
|
|
76
|
+
case 'Home':
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
newIndex = 0;
|
|
79
|
+
break;
|
|
80
|
+
case 'End':
|
|
81
|
+
e.preventDefault();
|
|
82
|
+
newIndex = items.length - 1;
|
|
83
|
+
break;
|
|
84
|
+
default:
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
if (newIndex !== selectedIndex) {
|
|
88
|
+
if (scrollRef.current) {
|
|
89
|
+
scrollRef.current.scrollTop = newIndex * ITEM_HEIGHT;
|
|
90
|
+
}
|
|
91
|
+
onSelect(newIndex);
|
|
92
|
+
}
|
|
93
|
+
}, [selectedIndex, items.length, onSelect]);
|
|
94
|
+
const currentItem = items[selectedIndex];
|
|
95
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
96
|
+
style: webStyles.column,
|
|
97
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
98
|
+
style: [webStyles.selectionHighlight, {
|
|
99
|
+
backgroundColor: highlightColor
|
|
100
|
+
}]
|
|
101
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
102
|
+
ref: scrollRef,
|
|
103
|
+
role: "spinbutton",
|
|
104
|
+
tabIndex: 0,
|
|
105
|
+
"aria-label": label,
|
|
106
|
+
"aria-valuenow": typeof currentItem?.value === 'number' ? currentItem.value : 0,
|
|
107
|
+
"aria-valuemin": 0,
|
|
108
|
+
"aria-valuemax": items.length - 1,
|
|
109
|
+
"aria-valuetext": currentItem?.label,
|
|
110
|
+
onScroll: handleScroll,
|
|
111
|
+
onKeyDown: handleKeyDown,
|
|
112
|
+
onClick: e => {
|
|
113
|
+
const target = e.target;
|
|
114
|
+
const item = target.closest('[data-index]');
|
|
115
|
+
if (item && scrollRef.current) {
|
|
116
|
+
const index = Number(item.dataset.index);
|
|
117
|
+
scrollRef.current.scrollTop = index * ITEM_HEIGHT;
|
|
118
|
+
onSelect(index);
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
style: {
|
|
122
|
+
height: CONTAINER_HEIGHT,
|
|
123
|
+
overflowY: 'auto',
|
|
124
|
+
scrollSnapType: 'y mandatory',
|
|
125
|
+
scrollBehavior: 'smooth',
|
|
126
|
+
position: 'relative',
|
|
127
|
+
zIndex: 1,
|
|
128
|
+
outline: 'none',
|
|
129
|
+
// Hide scrollbar
|
|
130
|
+
scrollbarWidth: 'none',
|
|
131
|
+
msOverflowStyle: 'none'
|
|
132
|
+
},
|
|
133
|
+
children: [/*#__PURE__*/_jsx("style", {
|
|
134
|
+
children: `
|
|
135
|
+
div::-webkit-scrollbar {
|
|
136
|
+
display: none;
|
|
137
|
+
}
|
|
138
|
+
`
|
|
139
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
140
|
+
style: {
|
|
141
|
+
height: ITEM_HEIGHT * 2,
|
|
142
|
+
flexShrink: 0
|
|
143
|
+
}
|
|
144
|
+
}), items.map((item, index) => {
|
|
145
|
+
const isSelected = index === selectedIndex;
|
|
146
|
+
return /*#__PURE__*/_jsx("div", {
|
|
147
|
+
"data-index": index,
|
|
148
|
+
style: {
|
|
149
|
+
height: ITEM_HEIGHT,
|
|
150
|
+
display: 'flex',
|
|
151
|
+
justifyContent: 'center',
|
|
152
|
+
alignItems: 'center',
|
|
153
|
+
scrollSnapAlign: 'center',
|
|
154
|
+
cursor: 'pointer'
|
|
155
|
+
},
|
|
156
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
157
|
+
style: [webStyles.itemText, {
|
|
158
|
+
color: textColor
|
|
159
|
+
}, isSelected && webStyles.itemTextSelected],
|
|
160
|
+
children: item.label
|
|
161
|
+
})
|
|
162
|
+
}, `${item.value}`);
|
|
163
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
164
|
+
style: {
|
|
165
|
+
height: ITEM_HEIGHT * 2,
|
|
166
|
+
flexShrink: 0
|
|
167
|
+
}
|
|
168
|
+
})]
|
|
169
|
+
})]
|
|
170
|
+
});
|
|
171
|
+
});
|
|
172
|
+
WheelColumn.displayName = 'WheelColumn';
|
|
173
|
+
export const TimeWheelPicker = /*#__PURE__*/memo(({
|
|
174
|
+
value,
|
|
175
|
+
onChange,
|
|
176
|
+
is24Hour = false,
|
|
177
|
+
minuteInterval = 1
|
|
178
|
+
}) => {
|
|
179
|
+
const overrides = useTimePickerOverrides();
|
|
180
|
+
|
|
181
|
+
// Build colors from overrides (use backgroundColor as fallback for wheelContainerBackground)
|
|
182
|
+
const colors = useMemo(() => ({
|
|
183
|
+
containerBackground: overrides?.wheelContainerBackground ?? overrides?.backgroundColor ?? DEFAULT_COLORS.containerBackground,
|
|
184
|
+
selectionHighlight: overrides?.wheelSelectionHighlight ?? DEFAULT_COLORS.selectionHighlight,
|
|
185
|
+
textColor: overrides?.wheelTextColor ?? overrides?.textColor ?? DEFAULT_COLORS.textColor,
|
|
186
|
+
separatorColor: overrides?.wheelSeparatorColor ?? overrides?.textColor ?? DEFAULT_COLORS.separatorColor
|
|
187
|
+
}), [overrides]);
|
|
188
|
+
|
|
189
|
+
// Generate hour items
|
|
190
|
+
const hourItems = useMemo(() => {
|
|
191
|
+
if (is24Hour) {
|
|
192
|
+
return Array.from({
|
|
193
|
+
length: 24
|
|
194
|
+
}, (_, i) => ({
|
|
195
|
+
value: i,
|
|
196
|
+
label: i.toString().padStart(2, '0')
|
|
197
|
+
}));
|
|
198
|
+
}
|
|
199
|
+
// 12-hour format: 1-12
|
|
200
|
+
return Array.from({
|
|
201
|
+
length: 12
|
|
202
|
+
}, (_, i) => ({
|
|
203
|
+
value: i + 1,
|
|
204
|
+
label: (i + 1).toString().padStart(2, '0')
|
|
205
|
+
}));
|
|
206
|
+
}, [is24Hour]);
|
|
207
|
+
|
|
208
|
+
// Generate minute items based on interval
|
|
209
|
+
const minuteItems = useMemo(() => {
|
|
210
|
+
const items = [];
|
|
211
|
+
for (let i = 0; i < 60; i += minuteInterval) {
|
|
212
|
+
items.push({
|
|
213
|
+
value: i,
|
|
214
|
+
label: i.toString().padStart(2, '0')
|
|
215
|
+
});
|
|
216
|
+
}
|
|
217
|
+
return items;
|
|
218
|
+
}, [minuteInterval]);
|
|
219
|
+
|
|
220
|
+
// Period items for 12-hour format
|
|
221
|
+
const periodItems = useMemo(() => [{
|
|
222
|
+
value: 'AM',
|
|
223
|
+
label: 'AM'
|
|
224
|
+
}, {
|
|
225
|
+
value: 'PM',
|
|
226
|
+
label: 'PM'
|
|
227
|
+
}], []);
|
|
228
|
+
|
|
229
|
+
// Calculate selected indices
|
|
230
|
+
const {
|
|
231
|
+
hour: hour12,
|
|
232
|
+
period
|
|
233
|
+
} = to12Hour(value.hours);
|
|
234
|
+
const hourIndex = is24Hour ? value.hours : hour12 - 1; // 12-hour is 1-indexed
|
|
235
|
+
const minuteIndex = Math.floor(value.minutes / minuteInterval);
|
|
236
|
+
const periodIndex = period === 'AM' ? 0 : 1;
|
|
237
|
+
const handleHourChange = useCallback(index => {
|
|
238
|
+
let newHours;
|
|
239
|
+
if (is24Hour) {
|
|
240
|
+
newHours = index;
|
|
241
|
+
} else {
|
|
242
|
+
const hour12 = index + 1; // Convert from 0-indexed to 1-12
|
|
243
|
+
newHours = to24Hour(hour12, period);
|
|
244
|
+
}
|
|
245
|
+
onChange({
|
|
246
|
+
hours: newHours,
|
|
247
|
+
minutes: value.minutes
|
|
248
|
+
});
|
|
249
|
+
}, [is24Hour, period, value.minutes, onChange]);
|
|
250
|
+
const handleMinuteChange = useCallback(index => {
|
|
251
|
+
const newMinutes = index * minuteInterval;
|
|
252
|
+
onChange({
|
|
253
|
+
hours: value.hours,
|
|
254
|
+
minutes: newMinutes
|
|
255
|
+
});
|
|
256
|
+
}, [value.hours, minuteInterval, onChange]);
|
|
257
|
+
const handlePeriodChange = useCallback(index => {
|
|
258
|
+
const newPeriod = index === 0 ? 'AM' : 'PM';
|
|
259
|
+
const newHours = to24Hour(hour12, newPeriod);
|
|
260
|
+
onChange({
|
|
261
|
+
hours: newHours,
|
|
262
|
+
minutes: value.minutes
|
|
263
|
+
});
|
|
264
|
+
}, [hour12, value.minutes, onChange]);
|
|
265
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
266
|
+
style: [webStyles.container, {
|
|
267
|
+
backgroundColor: colors.containerBackground
|
|
268
|
+
}],
|
|
269
|
+
children: [/*#__PURE__*/_jsx(WheelColumn, {
|
|
270
|
+
items: hourItems,
|
|
271
|
+
selectedIndex: hourIndex,
|
|
272
|
+
onSelect: handleHourChange,
|
|
273
|
+
textColor: colors.textColor,
|
|
274
|
+
highlightColor: colors.selectionHighlight,
|
|
275
|
+
label: "Hour"
|
|
276
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
277
|
+
style: [webStyles.separator, {
|
|
278
|
+
color: colors.separatorColor
|
|
279
|
+
}],
|
|
280
|
+
children: ":"
|
|
281
|
+
}), /*#__PURE__*/_jsx(WheelColumn, {
|
|
282
|
+
items: minuteItems,
|
|
283
|
+
selectedIndex: minuteIndex,
|
|
284
|
+
onSelect: handleMinuteChange,
|
|
285
|
+
textColor: colors.textColor,
|
|
286
|
+
highlightColor: colors.selectionHighlight,
|
|
287
|
+
label: "Minute"
|
|
288
|
+
}), !is24Hour && /*#__PURE__*/_jsx(WheelColumn, {
|
|
289
|
+
items: periodItems,
|
|
290
|
+
selectedIndex: periodIndex,
|
|
291
|
+
onSelect: handlePeriodChange,
|
|
292
|
+
textColor: colors.textColor,
|
|
293
|
+
highlightColor: colors.selectionHighlight,
|
|
294
|
+
label: "AM/PM"
|
|
295
|
+
})]
|
|
296
|
+
});
|
|
297
|
+
});
|
|
298
|
+
TimeWheelPicker.displayName = 'TimeWheelPicker';
|
|
299
|
+
const webStyles = RNStyleSheet.create({
|
|
300
|
+
container: {
|
|
301
|
+
flexDirection: 'row',
|
|
302
|
+
height: CONTAINER_HEIGHT,
|
|
303
|
+
borderRadius: 14,
|
|
304
|
+
overflow: 'hidden',
|
|
305
|
+
alignItems: 'center',
|
|
306
|
+
paddingHorizontal: 8
|
|
307
|
+
},
|
|
308
|
+
column: {
|
|
309
|
+
flex: 1,
|
|
310
|
+
height: CONTAINER_HEIGHT,
|
|
311
|
+
overflow: 'hidden',
|
|
312
|
+
position: 'relative'
|
|
313
|
+
},
|
|
314
|
+
selectionHighlight: {
|
|
315
|
+
position: 'absolute',
|
|
316
|
+
top: ITEM_HEIGHT * 2,
|
|
317
|
+
left: 4,
|
|
318
|
+
right: 4,
|
|
319
|
+
height: ITEM_HEIGHT,
|
|
320
|
+
borderRadius: 8,
|
|
321
|
+
zIndex: 0
|
|
322
|
+
},
|
|
323
|
+
itemText: {
|
|
324
|
+
fontSize: 22,
|
|
325
|
+
fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif',
|
|
326
|
+
fontWeight: '400',
|
|
327
|
+
opacity: 0.5
|
|
328
|
+
},
|
|
329
|
+
itemTextSelected: {
|
|
330
|
+
fontWeight: '500',
|
|
331
|
+
opacity: 1
|
|
332
|
+
},
|
|
333
|
+
separator: {
|
|
334
|
+
fontSize: 22,
|
|
335
|
+
fontWeight: '500',
|
|
336
|
+
paddingHorizontal: 4
|
|
337
|
+
}
|
|
338
|
+
});
|
|
339
|
+
//# sourceMappingURL=TimeWheelPicker.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["memo","useCallback","useEffect","useMemo","useRef","StyleSheet","RNStyleSheet","Text","View","useTimePickerOverrides","to12Hour","to24Hour","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","VISIBLE_ITEMS","CONTAINER_HEIGHT","DEFAULT_COLORS","containerBackground","selectionHighlight","textColor","separatorColor","WheelColumn","items","selectedIndex","onSelect","highlightColor","label","scrollRef","isScrolling","scrollTimeout","current","scrollTop","handleScroll","clearTimeout","setTimeout","newIndex","Math","round","clampedIndex","max","min","length","handleKeyDown","e","key","preventDefault","currentItem","style","webStyles","column","children","backgroundColor","ref","role","tabIndex","value","onScroll","onKeyDown","onClick","target","item","closest","index","Number","dataset","height","overflowY","scrollSnapType","scrollBehavior","position","zIndex","outline","scrollbarWidth","msOverflowStyle","flexShrink","map","isSelected","display","justifyContent","alignItems","scrollSnapAlign","cursor","itemText","color","itemTextSelected","displayName","TimeWheelPicker","onChange","is24Hour","minuteInterval","overrides","colors","wheelContainerBackground","wheelSelectionHighlight","wheelTextColor","wheelSeparatorColor","hourItems","Array","from","_","i","toString","padStart","minuteItems","push","periodItems","hour","hour12","period","hours","hourIndex","minuteIndex","floor","minutes","periodIndex","handleHourChange","newHours","handleMinuteChange","newMinutes","handlePeriodChange","newPeriod","container","separator","create","flexDirection","borderRadius","overflow","paddingHorizontal","flex","top","left","right","fontSize","fontFamily","fontWeight","opacity"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimeWheelPicker.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
export { TimePicker } from './TimePicker';
|
|
4
|
-
export { TimeWheelPicker } from
|
|
5
|
-
export { ClockFace } from
|
|
6
|
-
export { MaterialTimePicker } from
|
|
4
|
+
export { TimeWheelPicker } from './TimeWheelPicker';
|
|
5
|
+
export { ClockFace } from './ClockFace';
|
|
6
|
+
export { MaterialTimePicker } from './MaterialTimePicker';
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TimePicker","TimeWheelPicker","ClockFace","MaterialTimePicker"],"sourceRoot":"../../../../src","sources":["components/TimePicker/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,eAAe,QAAQ,
|
|
1
|
+
{"version":3,"names":["TimePicker","TimeWheelPicker","ClockFace","MaterialTimePicker"],"sourceRoot":"../../../../src","sources":["components/TimePicker/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}
|
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import { Text, View } from 'react-native';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
/**
|
|
6
|
+
* Native WheelPicker stub - native platforms should use native date pickers.
|
|
7
|
+
* This component exists for API compatibility but renders a placeholder.
|
|
8
|
+
* Use DatePicker with theme="native" for proper native picker experience.
|
|
9
|
+
*/
|
|
10
|
+
export const WheelPicker = () => {
|
|
11
|
+
return /*#__PURE__*/_jsx(View, {
|
|
12
|
+
style: {
|
|
13
|
+
padding: 20,
|
|
14
|
+
alignItems: 'center'
|
|
15
|
+
},
|
|
16
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
17
|
+
style: {
|
|
18
|
+
color: '#666'
|
|
19
|
+
},
|
|
20
|
+
children: "Use DatePicker with theme=\"native\" on this platform"
|
|
21
|
+
})
|
|
22
|
+
});
|
|
23
|
+
};
|
|
5
24
|
//# sourceMappingURL=WheelPicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["WheelPicker"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelPicker.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["Text","View","jsx","_jsx","WheelPicker","style","padding","alignItems","children","color"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelPicker.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS1C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAuC,GAAGA,CAAA,KAAM;EAC3D,oBACED,IAAA,CAACF,IAAI;IAACI,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAS,CAAE;IAAAC,QAAA,eACjDL,IAAA,CAACH,IAAI;MAACK,KAAK,EAAE;QAAEI,KAAK,EAAE;MAAO,CAAE;MAAAD,QAAA,EAAC;IAEhC,CAAM;EAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
|