@dreamstack-us/kaal 0.0.4 → 0.0.5
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/components/CalendarGrid/DayCell.js +82 -36
- package/lib/module/components/CalendarGrid/DayCell.js.map +1 -1
- package/lib/module/components/CalendarGrid/DayCell.web.js +81 -36
- package/lib/module/components/CalendarGrid/DayCell.web.js.map +1 -1
- package/lib/module/components/TimePicker/MaterialTimePicker.web.js +67 -15
- package/lib/module/components/TimePicker/MaterialTimePicker.web.js.map +1 -1
- package/lib/module/utils/date.js +6 -3
- package/lib/module/utils/date.js.map +1 -1
- package/lib/typescript/components/CalendarGrid/DayCell.d.ts.map +1 -1
- package/lib/typescript/components/CalendarGrid/DayCell.web.d.ts.map +1 -1
- package/lib/typescript/components/TimePicker/MaterialTimePicker.web.d.ts.map +1 -1
- package/lib/typescript/utils/date.d.ts.map +1 -1
- package/package.json +8 -9
- package/src/components/CalendarGrid/DayCell.tsx +98 -46
- package/src/components/CalendarGrid/DayCell.web.tsx +105 -46
- package/src/components/TimePicker/MaterialTimePicker.web.tsx +150 -13
- package/src/utils/date.ts +9 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { memo, useMemo } from 'react';
|
|
4
|
-
import { Pressable, StyleSheet, Text } from 'react-native';
|
|
4
|
+
import { Pressable, StyleSheet, Text, View } from 'react-native';
|
|
5
5
|
import { useDatePickerOverrides } from "../../context/ThemeOverrideContext.js";
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
// Default colors (dark theme)
|
|
8
8
|
const DEFAULT_COLORS = {
|
|
9
9
|
cellBackground: 'transparent',
|
|
@@ -18,16 +18,51 @@ const DEFAULT_COLORS = {
|
|
|
18
18
|
primary: '#4DA6FF',
|
|
19
19
|
cellBorderRadius: 22
|
|
20
20
|
};
|
|
21
|
+
const CELL_SIZE = 44;
|
|
22
|
+
const BAND_HEIGHT = 28; // Narrower band for thermometer effect
|
|
23
|
+
|
|
21
24
|
const styles = StyleSheet.create({
|
|
22
25
|
cell: {
|
|
23
|
-
width:
|
|
24
|
-
height:
|
|
26
|
+
width: CELL_SIZE,
|
|
27
|
+
height: CELL_SIZE,
|
|
25
28
|
justifyContent: 'center',
|
|
26
29
|
alignItems: 'center'
|
|
27
30
|
},
|
|
31
|
+
// Thermometer band for in-range dates
|
|
32
|
+
rangeBand: {
|
|
33
|
+
position: 'absolute',
|
|
34
|
+
top: (CELL_SIZE - BAND_HEIGHT) / 2,
|
|
35
|
+
height: BAND_HEIGHT,
|
|
36
|
+
left: 0,
|
|
37
|
+
right: 0
|
|
38
|
+
},
|
|
39
|
+
// Half band extending right from range start
|
|
40
|
+
rangeBandRight: {
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
top: (CELL_SIZE - BAND_HEIGHT) / 2,
|
|
43
|
+
height: BAND_HEIGHT,
|
|
44
|
+
left: CELL_SIZE / 2,
|
|
45
|
+
right: 0
|
|
46
|
+
},
|
|
47
|
+
// Half band extending left to range end
|
|
48
|
+
rangeBandLeft: {
|
|
49
|
+
position: 'absolute',
|
|
50
|
+
top: (CELL_SIZE - BAND_HEIGHT) / 2,
|
|
51
|
+
height: BAND_HEIGHT,
|
|
52
|
+
left: 0,
|
|
53
|
+
right: CELL_SIZE / 2
|
|
54
|
+
},
|
|
55
|
+
// Circle overlay for selected dates
|
|
56
|
+
circleOverlay: {
|
|
57
|
+
position: 'absolute',
|
|
58
|
+
width: CELL_SIZE,
|
|
59
|
+
height: CELL_SIZE,
|
|
60
|
+
borderRadius: CELL_SIZE / 2
|
|
61
|
+
},
|
|
28
62
|
text: {
|
|
29
63
|
fontSize: 17,
|
|
30
|
-
fontWeight: '400'
|
|
64
|
+
fontWeight: '400',
|
|
65
|
+
zIndex: 1
|
|
31
66
|
}
|
|
32
67
|
});
|
|
33
68
|
export const DayCell = /*#__PURE__*/memo(({
|
|
@@ -42,32 +77,8 @@ export const DayCell = /*#__PURE__*/memo(({
|
|
|
42
77
|
onPress
|
|
43
78
|
}) => {
|
|
44
79
|
const overrides = useDatePickerOverrides();
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
// Use primaryColor as fallback for cellSelectedColor (consumer expectation)
|
|
48
|
-
const cellStyle = useMemo(() => {
|
|
49
|
-
const style = {
|
|
50
|
-
backgroundColor: DEFAULT_COLORS.cellBackground
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
// Range start/end get selected styling
|
|
54
|
-
if (isRangeStart || isRangeEnd || isSelected) {
|
|
55
|
-
style.backgroundColor = overrides?.cellSelectedColor ?? overrides?.primaryColor ?? DEFAULT_COLORS.cellSelected;
|
|
56
|
-
style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
|
|
57
|
-
} else if (isInRange) {
|
|
58
|
-
// Dates in range get lighter background
|
|
59
|
-
style.backgroundColor = overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
|
|
60
|
-
} else if (isToday) {
|
|
61
|
-
style.backgroundColor = overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday;
|
|
62
|
-
style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
|
|
63
|
-
style.borderWidth = 1;
|
|
64
|
-
style.borderColor = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
|
|
65
|
-
}
|
|
66
|
-
if (isDisabled) {
|
|
67
|
-
style.opacity = 0.4;
|
|
68
|
-
}
|
|
69
|
-
return style;
|
|
70
|
-
}, [overrides, isSelected, isToday, isDisabled, isRangeStart, isRangeEnd, isInRange]);
|
|
80
|
+
const rangeColor = overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
|
|
81
|
+
const selectedColor = overrides?.cellSelectedColor ?? overrides?.primaryColor ?? DEFAULT_COLORS.cellSelected;
|
|
71
82
|
|
|
72
83
|
// Build text style based on state and overrides
|
|
73
84
|
const textStyle = useMemo(() => {
|
|
@@ -90,30 +101,65 @@ export const DayCell = /*#__PURE__*/memo(({
|
|
|
90
101
|
}
|
|
91
102
|
return style;
|
|
92
103
|
}, [overrides, isSelected, isToday, isDisabled, isWeekend, isRangeStart, isRangeEnd, isInRange]);
|
|
104
|
+
|
|
105
|
+
// Today style (non-range)
|
|
106
|
+
const todayStyle = useMemo(() => {
|
|
107
|
+
if (isToday && !isSelected && !isRangeStart && !isRangeEnd && !isInRange) {
|
|
108
|
+
return {
|
|
109
|
+
backgroundColor: overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday,
|
|
110
|
+
borderRadius: overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius,
|
|
111
|
+
borderWidth: 1,
|
|
112
|
+
borderColor: overrides?.primaryColor ?? DEFAULT_COLORS.primary
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
return null;
|
|
116
|
+
}, [isToday, isSelected, isRangeStart, isRangeEnd, isInRange, overrides]);
|
|
93
117
|
if (!date) {
|
|
94
118
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
95
119
|
style: styles.cell,
|
|
96
120
|
disabled: true
|
|
97
121
|
});
|
|
98
122
|
}
|
|
99
|
-
|
|
100
|
-
|
|
123
|
+
const cellOpacity = isDisabled ? 0.4 : 1;
|
|
124
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
125
|
+
style: [styles.cell, {
|
|
126
|
+
opacity: cellOpacity
|
|
127
|
+
}],
|
|
101
128
|
onPress: onPress,
|
|
102
129
|
disabled: isDisabled,
|
|
103
130
|
accessibilityRole: "button",
|
|
104
131
|
accessibilityLabel: new Intl.DateTimeFormat('en-US', {
|
|
105
132
|
weekday: 'long',
|
|
106
133
|
month: 'long',
|
|
107
|
-
day: 'numeric'
|
|
134
|
+
day: 'numeric',
|
|
135
|
+
timeZone: 'UTC'
|
|
108
136
|
}).format(date),
|
|
109
137
|
accessibilityState: {
|
|
110
138
|
selected: isSelected,
|
|
111
139
|
disabled: isDisabled
|
|
112
140
|
},
|
|
113
|
-
children: /*#__PURE__*/_jsx(
|
|
141
|
+
children: [isRangeStart && !isRangeEnd && /*#__PURE__*/_jsx(View, {
|
|
142
|
+
style: [styles.rangeBandRight, {
|
|
143
|
+
backgroundColor: rangeColor
|
|
144
|
+
}]
|
|
145
|
+
}), isRangeEnd && !isRangeStart && /*#__PURE__*/_jsx(View, {
|
|
146
|
+
style: [styles.rangeBandLeft, {
|
|
147
|
+
backgroundColor: rangeColor
|
|
148
|
+
}]
|
|
149
|
+
}), isInRange && /*#__PURE__*/_jsx(View, {
|
|
150
|
+
style: [styles.rangeBand, {
|
|
151
|
+
backgroundColor: rangeColor
|
|
152
|
+
}]
|
|
153
|
+
}), (isRangeStart || isRangeEnd || isSelected) && /*#__PURE__*/_jsx(View, {
|
|
154
|
+
style: [styles.circleOverlay, {
|
|
155
|
+
backgroundColor: selectedColor
|
|
156
|
+
}]
|
|
157
|
+
}), todayStyle && /*#__PURE__*/_jsx(View, {
|
|
158
|
+
style: [styles.circleOverlay, todayStyle]
|
|
159
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
114
160
|
style: [styles.text, textStyle],
|
|
115
161
|
children: date.getUTCDate()
|
|
116
|
-
})
|
|
162
|
+
})]
|
|
117
163
|
});
|
|
118
164
|
}, (prev, next) => prev.date?.getTime() === next.date?.getTime() && prev.isSelected === next.isSelected && prev.isToday === next.isToday && prev.isDisabled === next.isDisabled && prev.isRangeStart === next.isRangeStart && prev.isRangeEnd === next.isRangeEnd && prev.isInRange === next.isInRange);
|
|
119
165
|
DayCell.displayName = 'DayCell';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useMemo","Pressable","StyleSheet","Text","useDatePickerOverrides","jsx","_jsx","DEFAULT_COLORS","cellBackground","cellSelected","cellToday","cellInRange","textDefault","textSelected","textDisabled","textWeekend","textInRange","primary","cellBorderRadius","styles","create","cell","width","height","justifyContent","alignItems","text","fontSize","fontWeight","DayCell","date","isSelected","isToday","isDisabled","isWeekend","isRangeStart","isRangeEnd","isInRange","onPress","overrides","
|
|
1
|
+
{"version":3,"names":["memo","useMemo","Pressable","StyleSheet","Text","View","useDatePickerOverrides","jsx","_jsx","jsxs","_jsxs","DEFAULT_COLORS","cellBackground","cellSelected","cellToday","cellInRange","textDefault","textSelected","textDisabled","textWeekend","textInRange","primary","cellBorderRadius","CELL_SIZE","BAND_HEIGHT","styles","create","cell","width","height","justifyContent","alignItems","rangeBand","position","top","left","right","rangeBandRight","rangeBandLeft","circleOverlay","borderRadius","text","fontSize","fontWeight","zIndex","DayCell","date","isSelected","isToday","isDisabled","isWeekend","isRangeStart","isRangeEnd","isInRange","onPress","overrides","rangeColor","cellInRangeColor","selectedColor","cellSelectedColor","primaryColor","textStyle","style","color","textColor","textSelectedColor","textInRangeColor","textDisabledColor","textWeekendColor","todayStyle","backgroundColor","cellTodayColor","borderWidth","borderColor","disabled","cellOpacity","opacity","accessibilityRole","accessibilityLabel","Intl","DateTimeFormat","weekday","month","day","timeZone","format","accessibilityState","selected","children","getUTCDate","prev","next","getTime","displayName"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/DayCell.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
/// <reference lib="dom" />
|
|
4
4
|
|
|
5
5
|
import { memo, useMemo } from 'react';
|
|
6
|
-
import { Pressable, StyleSheet, Text } from 'react-native';
|
|
6
|
+
import { Pressable, StyleSheet, Text, View } from 'react-native';
|
|
7
7
|
import { useDatePickerOverrides } from "../../context/ThemeOverrideContext.js";
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
// Default colors (light theme for web)
|
|
10
10
|
const DEFAULT_COLORS = {
|
|
11
11
|
cellBackground: 'transparent',
|
|
@@ -20,18 +20,52 @@ const DEFAULT_COLORS = {
|
|
|
20
20
|
primary: '#007AFF',
|
|
21
21
|
cellBorderRadius: 22
|
|
22
22
|
};
|
|
23
|
+
const CELL_SIZE = 44;
|
|
24
|
+
const BAND_HEIGHT = 28; // Narrower band for thermometer effect
|
|
23
25
|
|
|
24
26
|
// Web-compatible styles (no unistyles dependency)
|
|
25
27
|
const webStyles = StyleSheet.create({
|
|
26
28
|
cell: {
|
|
27
|
-
width:
|
|
28
|
-
height:
|
|
29
|
+
width: CELL_SIZE,
|
|
30
|
+
height: CELL_SIZE,
|
|
29
31
|
justifyContent: 'center',
|
|
30
32
|
alignItems: 'center'
|
|
31
33
|
},
|
|
34
|
+
// Thermometer band for in-range dates
|
|
35
|
+
rangeBand: {
|
|
36
|
+
position: 'absolute',
|
|
37
|
+
top: (CELL_SIZE - BAND_HEIGHT) / 2,
|
|
38
|
+
height: BAND_HEIGHT,
|
|
39
|
+
left: 0,
|
|
40
|
+
right: 0
|
|
41
|
+
},
|
|
42
|
+
// Half band extending right from range start
|
|
43
|
+
rangeBandRight: {
|
|
44
|
+
position: 'absolute',
|
|
45
|
+
top: (CELL_SIZE - BAND_HEIGHT) / 2,
|
|
46
|
+
height: BAND_HEIGHT,
|
|
47
|
+
left: CELL_SIZE / 2,
|
|
48
|
+
right: 0
|
|
49
|
+
},
|
|
50
|
+
// Half band extending left to range end
|
|
51
|
+
rangeBandLeft: {
|
|
52
|
+
position: 'absolute',
|
|
53
|
+
top: (CELL_SIZE - BAND_HEIGHT) / 2,
|
|
54
|
+
height: BAND_HEIGHT,
|
|
55
|
+
left: 0,
|
|
56
|
+
right: CELL_SIZE / 2
|
|
57
|
+
},
|
|
58
|
+
// Circle overlay for selected dates
|
|
59
|
+
circleOverlay: {
|
|
60
|
+
position: 'absolute',
|
|
61
|
+
width: CELL_SIZE,
|
|
62
|
+
height: CELL_SIZE,
|
|
63
|
+
borderRadius: CELL_SIZE / 2
|
|
64
|
+
},
|
|
32
65
|
text: {
|
|
33
66
|
fontSize: 17,
|
|
34
|
-
fontWeight: '400'
|
|
67
|
+
fontWeight: '400',
|
|
68
|
+
zIndex: 1
|
|
35
69
|
}
|
|
36
70
|
});
|
|
37
71
|
export const DayCell = /*#__PURE__*/memo(({
|
|
@@ -46,32 +80,8 @@ export const DayCell = /*#__PURE__*/memo(({
|
|
|
46
80
|
onPress
|
|
47
81
|
}) => {
|
|
48
82
|
const overrides = useDatePickerOverrides();
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
// Use primaryColor as fallback for cellSelectedColor (consumer expectation)
|
|
52
|
-
const cellStyle = useMemo(() => {
|
|
53
|
-
const style = {
|
|
54
|
-
backgroundColor: DEFAULT_COLORS.cellBackground
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
// Range start/end get selected styling
|
|
58
|
-
if (isRangeStart || isRangeEnd || isSelected) {
|
|
59
|
-
style.backgroundColor = overrides?.cellSelectedColor ?? overrides?.primaryColor ?? DEFAULT_COLORS.cellSelected;
|
|
60
|
-
style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
|
|
61
|
-
} else if (isInRange) {
|
|
62
|
-
// Dates in range get lighter background
|
|
63
|
-
style.backgroundColor = overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
|
|
64
|
-
} else if (isToday) {
|
|
65
|
-
style.backgroundColor = overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday;
|
|
66
|
-
style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
|
|
67
|
-
style.borderWidth = 1;
|
|
68
|
-
style.borderColor = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
|
|
69
|
-
}
|
|
70
|
-
if (isDisabled) {
|
|
71
|
-
style.opacity = 0.4;
|
|
72
|
-
}
|
|
73
|
-
return style;
|
|
74
|
-
}, [overrides, isSelected, isToday, isDisabled, isRangeStart, isRangeEnd, isInRange]);
|
|
83
|
+
const rangeColor = overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
|
|
84
|
+
const selectedColor = overrides?.cellSelectedColor ?? overrides?.primaryColor ?? DEFAULT_COLORS.cellSelected;
|
|
75
85
|
|
|
76
86
|
// Build text style based on state and overrides
|
|
77
87
|
const textStyle = useMemo(() => {
|
|
@@ -94,30 +104,65 @@ export const DayCell = /*#__PURE__*/memo(({
|
|
|
94
104
|
}
|
|
95
105
|
return style;
|
|
96
106
|
}, [overrides, isSelected, isToday, isDisabled, isWeekend, isRangeStart, isRangeEnd, isInRange]);
|
|
107
|
+
|
|
108
|
+
// Today style (non-range)
|
|
109
|
+
const todayStyle = useMemo(() => {
|
|
110
|
+
if (isToday && !isSelected && !isRangeStart && !isRangeEnd && !isInRange) {
|
|
111
|
+
return {
|
|
112
|
+
backgroundColor: overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday,
|
|
113
|
+
borderRadius: overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius,
|
|
114
|
+
borderWidth: 1,
|
|
115
|
+
borderColor: overrides?.primaryColor ?? DEFAULT_COLORS.primary
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
return null;
|
|
119
|
+
}, [isToday, isSelected, isRangeStart, isRangeEnd, isInRange, overrides]);
|
|
97
120
|
if (!date) {
|
|
98
121
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
99
122
|
style: webStyles.cell,
|
|
100
123
|
disabled: true
|
|
101
124
|
});
|
|
102
125
|
}
|
|
103
|
-
|
|
104
|
-
|
|
126
|
+
const cellOpacity = isDisabled ? 0.4 : 1;
|
|
127
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
128
|
+
style: [webStyles.cell, {
|
|
129
|
+
opacity: cellOpacity
|
|
130
|
+
}],
|
|
105
131
|
onPress: onPress,
|
|
106
132
|
disabled: isDisabled,
|
|
107
133
|
accessibilityRole: "button",
|
|
108
134
|
accessibilityLabel: new Intl.DateTimeFormat('en-US', {
|
|
109
135
|
weekday: 'long',
|
|
110
136
|
month: 'long',
|
|
111
|
-
day: 'numeric'
|
|
137
|
+
day: 'numeric',
|
|
138
|
+
timeZone: 'UTC'
|
|
112
139
|
}).format(date),
|
|
113
140
|
accessibilityState: {
|
|
114
141
|
selected: isSelected,
|
|
115
142
|
disabled: isDisabled
|
|
116
143
|
},
|
|
117
|
-
children: /*#__PURE__*/_jsx(
|
|
144
|
+
children: [isRangeStart && !isRangeEnd && /*#__PURE__*/_jsx(View, {
|
|
145
|
+
style: [webStyles.rangeBandRight, {
|
|
146
|
+
backgroundColor: rangeColor
|
|
147
|
+
}]
|
|
148
|
+
}), isRangeEnd && !isRangeStart && /*#__PURE__*/_jsx(View, {
|
|
149
|
+
style: [webStyles.rangeBandLeft, {
|
|
150
|
+
backgroundColor: rangeColor
|
|
151
|
+
}]
|
|
152
|
+
}), isInRange && /*#__PURE__*/_jsx(View, {
|
|
153
|
+
style: [webStyles.rangeBand, {
|
|
154
|
+
backgroundColor: rangeColor
|
|
155
|
+
}]
|
|
156
|
+
}), (isRangeStart || isRangeEnd || isSelected) && /*#__PURE__*/_jsx(View, {
|
|
157
|
+
style: [webStyles.circleOverlay, {
|
|
158
|
+
backgroundColor: selectedColor
|
|
159
|
+
}]
|
|
160
|
+
}), todayStyle ? /*#__PURE__*/_jsx(View, {
|
|
161
|
+
style: [webStyles.circleOverlay, todayStyle]
|
|
162
|
+
}) : null, /*#__PURE__*/_jsx(Text, {
|
|
118
163
|
style: [webStyles.text, textStyle],
|
|
119
164
|
children: date.getUTCDate()
|
|
120
|
-
})
|
|
165
|
+
})]
|
|
121
166
|
});
|
|
122
167
|
}, (prev, next) => prev.date?.getTime() === next.date?.getTime() && prev.isSelected === next.isSelected && prev.isToday === next.isToday && prev.isDisabled === next.isDisabled && prev.isRangeStart === next.isRangeStart && prev.isRangeEnd === next.isRangeEnd && prev.isInRange === next.isInRange);
|
|
123
168
|
DayCell.displayName = 'DayCell';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useMemo","Pressable","StyleSheet","Text","useDatePickerOverrides","jsx","_jsx","DEFAULT_COLORS","cellBackground","cellSelected","cellToday","cellInRange","textDefault","textSelected","textDisabled","textWeekend","textInRange","primary","cellBorderRadius","webStyles","create","cell","width","height","justifyContent","alignItems","text","fontSize","fontWeight","DayCell","date","isSelected","isToday","isDisabled","isWeekend","isRangeStart","isRangeEnd","isInRange","onPress","overrides","
|
|
1
|
+
{"version":3,"names":["memo","useMemo","Pressable","StyleSheet","Text","View","useDatePickerOverrides","jsx","_jsx","jsxs","_jsxs","DEFAULT_COLORS","cellBackground","cellSelected","cellToday","cellInRange","textDefault","textSelected","textDisabled","textWeekend","textInRange","primary","cellBorderRadius","CELL_SIZE","BAND_HEIGHT","webStyles","create","cell","width","height","justifyContent","alignItems","rangeBand","position","top","left","right","rangeBandRight","rangeBandLeft","circleOverlay","borderRadius","text","fontSize","fontWeight","zIndex","DayCell","date","isSelected","isToday","isDisabled","isWeekend","isRangeStart","isRangeEnd","isInRange","onPress","overrides","rangeColor","cellInRangeColor","selectedColor","cellSelectedColor","primaryColor","textStyle","style","color","textColor","textSelectedColor","textInRangeColor","textDisabledColor","textWeekendColor","todayStyle","backgroundColor","cellTodayColor","borderWidth","borderColor","disabled","cellOpacity","opacity","accessibilityRole","accessibilityLabel","Intl","DateTimeFormat","weekday","month","day","timeZone","format","accessibilityState","selected","children","getUTCDate","prev","next","getTime","displayName"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/DayCell.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,11 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
/// <reference lib="dom" />
|
|
4
4
|
|
|
5
|
-
import { memo, useCallback, useState } from 'react';
|
|
5
|
+
import { memo, useCallback, useMemo, useState } from 'react';
|
|
6
6
|
import { Pressable, StyleSheet, Text, View } from 'react-native';
|
|
7
|
+
import { useTimePickerOverrides } from "../../context/ThemeOverrideContext.js";
|
|
7
8
|
import { to12Hour, to24Hour } from "../../hooks/useTimePicker.js";
|
|
8
9
|
import { ClockFace } from './ClockFace';
|
|
10
|
+
|
|
11
|
+
// Default colors (dark theme)
|
|
9
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
const DEFAULT_COLORS = {
|
|
14
|
+
containerBackground: '#2C2C2E',
|
|
15
|
+
headerColor: '#8E8E93',
|
|
16
|
+
timeFieldBackground: '#3A3A3C',
|
|
17
|
+
timeFieldActiveBackground: '#007AFF',
|
|
18
|
+
textColor: '#FFFFFF',
|
|
19
|
+
separatorColor: '#FFFFFF',
|
|
20
|
+
borderColor: '#48484A',
|
|
21
|
+
periodActiveBackground: 'rgba(0, 122, 255, 0.2)',
|
|
22
|
+
periodTextColor: '#8E8E93',
|
|
23
|
+
periodTextActiveColor: '#007AFF',
|
|
24
|
+
actionButtonColor: '#007AFF'
|
|
25
|
+
};
|
|
10
26
|
// Web-compatible styles (no unistyles dependency)
|
|
11
27
|
const webStyles = StyleSheet.create({
|
|
12
28
|
materialContainer: {
|
|
@@ -124,6 +140,7 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
|
|
|
124
140
|
onCancel,
|
|
125
141
|
onConfirm
|
|
126
142
|
}) => {
|
|
143
|
+
const overrides = useTimePickerOverrides();
|
|
127
144
|
const [mode, setMode] = useState('hours');
|
|
128
145
|
const {
|
|
129
146
|
hour: hour12,
|
|
@@ -147,10 +164,45 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
|
|
|
147
164
|
}, []);
|
|
148
165
|
const displayHour = is24Hour ? value.hours.toString().padStart(2, '0') : hour12.toString().padStart(2, '0');
|
|
149
166
|
const displayMinute = value.minutes.toString().padStart(2, '0');
|
|
167
|
+
|
|
168
|
+
// Build override styles from themeOverrides
|
|
169
|
+
const containerStyle = useMemo(() => ({
|
|
170
|
+
backgroundColor: overrides?.containerBackground ?? DEFAULT_COLORS.containerBackground
|
|
171
|
+
}), [overrides]);
|
|
172
|
+
const headerStyle = useMemo(() => ({
|
|
173
|
+
color: overrides?.headerColor ?? DEFAULT_COLORS.headerColor
|
|
174
|
+
}), [overrides]);
|
|
175
|
+
const timeFieldStyle = useMemo(() => ({
|
|
176
|
+
backgroundColor: overrides?.timeFieldBackground ?? DEFAULT_COLORS.timeFieldBackground
|
|
177
|
+
}), [overrides]);
|
|
178
|
+
const timeFieldActiveStyle = useMemo(() => ({
|
|
179
|
+
backgroundColor: overrides?.timeFieldActiveBackground ?? DEFAULT_COLORS.timeFieldActiveBackground
|
|
180
|
+
}), [overrides]);
|
|
181
|
+
const textStyle = useMemo(() => ({
|
|
182
|
+
color: overrides?.textColor ?? DEFAULT_COLORS.textColor
|
|
183
|
+
}), [overrides]);
|
|
184
|
+
const separatorStyle = useMemo(() => ({
|
|
185
|
+
color: overrides?.separatorColor ?? DEFAULT_COLORS.separatorColor
|
|
186
|
+
}), [overrides]);
|
|
187
|
+
const periodContainerStyle = useMemo(() => ({
|
|
188
|
+
borderColor: overrides?.periodBorderColor ?? DEFAULT_COLORS.borderColor
|
|
189
|
+
}), [overrides]);
|
|
190
|
+
const periodActiveStyle = useMemo(() => ({
|
|
191
|
+
backgroundColor: overrides?.periodActiveBackground ?? DEFAULT_COLORS.periodActiveBackground
|
|
192
|
+
}), [overrides]);
|
|
193
|
+
const periodTextStyle = useMemo(() => ({
|
|
194
|
+
color: overrides?.periodTextColor ?? DEFAULT_COLORS.periodTextColor
|
|
195
|
+
}), [overrides]);
|
|
196
|
+
const periodTextActiveStyle = useMemo(() => ({
|
|
197
|
+
color: overrides?.periodTextActiveColor ?? DEFAULT_COLORS.periodTextActiveColor
|
|
198
|
+
}), [overrides]);
|
|
199
|
+
const actionButtonTextStyle = useMemo(() => ({
|
|
200
|
+
color: overrides?.actionButtonColor ?? DEFAULT_COLORS.actionButtonColor
|
|
201
|
+
}), [overrides]);
|
|
150
202
|
return /*#__PURE__*/_jsxs(View, {
|
|
151
|
-
style: webStyles.materialContainer,
|
|
203
|
+
style: [webStyles.materialContainer, containerStyle],
|
|
152
204
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
153
|
-
style: webStyles.materialHeader,
|
|
205
|
+
style: [webStyles.materialHeader, headerStyle],
|
|
154
206
|
children: "Select time"
|
|
155
207
|
}), /*#__PURE__*/_jsxs(View, {
|
|
156
208
|
style: webStyles.timeInputContainer,
|
|
@@ -158,36 +210,36 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
|
|
|
158
210
|
style: webStyles.timeFieldsContainer,
|
|
159
211
|
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
160
212
|
onPress: handleHourPress,
|
|
161
|
-
style: [webStyles.timeField, mode === 'hours' && webStyles.timeFieldActive],
|
|
213
|
+
style: [webStyles.timeField, timeFieldStyle, mode === 'hours' && [webStyles.timeFieldActive, timeFieldActiveStyle]],
|
|
162
214
|
children: /*#__PURE__*/_jsx(Text, {
|
|
163
|
-
style: [webStyles.timeFieldText, mode === 'hours' && webStyles.timeFieldTextActive],
|
|
215
|
+
style: [webStyles.timeFieldText, textStyle, mode === 'hours' && webStyles.timeFieldTextActive],
|
|
164
216
|
children: displayHour
|
|
165
217
|
})
|
|
166
218
|
}), /*#__PURE__*/_jsx(Text, {
|
|
167
|
-
style: webStyles.timeSeparator,
|
|
219
|
+
style: [webStyles.timeSeparator, separatorStyle],
|
|
168
220
|
children: ":"
|
|
169
221
|
}), /*#__PURE__*/_jsx(Pressable, {
|
|
170
222
|
onPress: handleMinutePress,
|
|
171
|
-
style: [webStyles.timeField, mode === 'minutes' && webStyles.timeFieldActive],
|
|
223
|
+
style: [webStyles.timeField, timeFieldStyle, mode === 'minutes' && [webStyles.timeFieldActive, timeFieldActiveStyle]],
|
|
172
224
|
children: /*#__PURE__*/_jsx(Text, {
|
|
173
|
-
style: [webStyles.timeFieldText, mode === 'minutes' && webStyles.timeFieldTextActive],
|
|
225
|
+
style: [webStyles.timeFieldText, textStyle, mode === 'minutes' && webStyles.timeFieldTextActive],
|
|
174
226
|
children: displayMinute
|
|
175
227
|
})
|
|
176
228
|
})]
|
|
177
229
|
}), !is24Hour && /*#__PURE__*/_jsxs(View, {
|
|
178
|
-
style: webStyles.periodToggleContainer,
|
|
230
|
+
style: [webStyles.periodToggleContainer, periodContainerStyle],
|
|
179
231
|
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
180
232
|
onPress: () => handlePeriodChange('AM'),
|
|
181
|
-
style: [webStyles.periodButton, webStyles.periodButtonTop, period === 'AM' && webStyles.periodButtonActive],
|
|
233
|
+
style: [webStyles.periodButton, webStyles.periodButtonTop, period === 'AM' && [webStyles.periodButtonActive, periodActiveStyle]],
|
|
182
234
|
children: /*#__PURE__*/_jsx(Text, {
|
|
183
|
-
style: [webStyles.periodButtonText, period === 'AM' && webStyles.periodButtonTextActive],
|
|
235
|
+
style: [webStyles.periodButtonText, periodTextStyle, period === 'AM' && [webStyles.periodButtonTextActive, periodTextActiveStyle]],
|
|
184
236
|
children: "AM"
|
|
185
237
|
})
|
|
186
238
|
}), /*#__PURE__*/_jsx(Pressable, {
|
|
187
239
|
onPress: () => handlePeriodChange('PM'),
|
|
188
|
-
style: [webStyles.periodButton, period === 'PM' && webStyles.periodButtonActive],
|
|
240
|
+
style: [webStyles.periodButton, period === 'PM' && [webStyles.periodButtonActive, periodActiveStyle]],
|
|
189
241
|
children: /*#__PURE__*/_jsx(Text, {
|
|
190
|
-
style: [webStyles.periodButtonText, period === 'PM' && webStyles.periodButtonTextActive],
|
|
242
|
+
style: [webStyles.periodButtonText, periodTextStyle, period === 'PM' && [webStyles.periodButtonTextActive, periodTextActiveStyle]],
|
|
191
243
|
children: "PM"
|
|
192
244
|
})
|
|
193
245
|
})]
|
|
@@ -212,14 +264,14 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
|
|
|
212
264
|
style: webStyles.actionButton,
|
|
213
265
|
onPress: onCancel,
|
|
214
266
|
children: /*#__PURE__*/_jsx(Text, {
|
|
215
|
-
style: webStyles.actionButtonText,
|
|
267
|
+
style: [webStyles.actionButtonText, actionButtonTextStyle],
|
|
216
268
|
children: "Cancel"
|
|
217
269
|
})
|
|
218
270
|
}), onConfirm && /*#__PURE__*/_jsx(Pressable, {
|
|
219
271
|
style: webStyles.actionButton,
|
|
220
272
|
onPress: onConfirm,
|
|
221
273
|
children: /*#__PURE__*/_jsx(Text, {
|
|
222
|
-
style: webStyles.actionButtonText,
|
|
274
|
+
style: [webStyles.actionButtonText, actionButtonTextStyle],
|
|
223
275
|
children: "OK"
|
|
224
276
|
})
|
|
225
277
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useCallback","useState","Pressable","StyleSheet","Text","View","to12Hour","to24Hour","ClockFace","jsx","_jsx","jsxs","_jsxs","webStyles","create","materialContainer","backgroundColor","borderRadius","padding","width","materialHeader","fontSize","fontWeight","color","letterSpacing","marginBottom","textTransform","timeInputContainer","flexDirection","alignItems","justifyContent","gap","timeFieldsContainer","timeField","paddingVertical","paddingHorizontal","minWidth","timeFieldActive","timeFieldText","timeFieldTextActive","timeSeparator","marginHorizontal","periodToggleContainer","borderWidth","borderColor","overflow","periodButton","periodButtonActive","periodButtonTop","borderBottomWidth","borderBottomColor","periodButtonText","periodButtonTextActive","clockContainer","actionsContainer","keyboardButton","keyboardButtonText","actionButtonsContainer","actionButton","actionButtonText","MaterialTimePicker","value","onChange","is24Hour","onCancel","onConfirm","mode","setMode","hour","hour12","period","hours","handleHourPress","handleMinutePress","handlePeriodChange","newPeriod","newHours","minutes","handleModeChange","newMode","displayHour","toString","padStart","displayMinute","style","children","onPress","onModeChange","displayName"],"sourceRoot":"../../../../src","sources":["components/TimePicker/MaterialTimePicker.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["memo","useCallback","useMemo","useState","Pressable","StyleSheet","Text","View","useTimePickerOverrides","to12Hour","to24Hour","ClockFace","jsx","_jsx","jsxs","_jsxs","DEFAULT_COLORS","containerBackground","headerColor","timeFieldBackground","timeFieldActiveBackground","textColor","separatorColor","borderColor","periodActiveBackground","periodTextColor","periodTextActiveColor","actionButtonColor","webStyles","create","materialContainer","backgroundColor","borderRadius","padding","width","materialHeader","fontSize","fontWeight","color","letterSpacing","marginBottom","textTransform","timeInputContainer","flexDirection","alignItems","justifyContent","gap","timeFieldsContainer","timeField","paddingVertical","paddingHorizontal","minWidth","timeFieldActive","timeFieldText","timeFieldTextActive","timeSeparator","marginHorizontal","periodToggleContainer","borderWidth","overflow","periodButton","periodButtonActive","periodButtonTop","borderBottomWidth","borderBottomColor","periodButtonText","periodButtonTextActive","clockContainer","actionsContainer","keyboardButton","keyboardButtonText","actionButtonsContainer","actionButton","actionButtonText","MaterialTimePicker","value","onChange","is24Hour","onCancel","onConfirm","overrides","mode","setMode","hour","hour12","period","hours","handleHourPress","handleMinutePress","handlePeriodChange","newPeriod","newHours","minutes","handleModeChange","newMode","displayHour","toString","padStart","displayMinute","containerStyle","headerStyle","timeFieldStyle","timeFieldActiveStyle","textStyle","separatorStyle","periodContainerStyle","periodBorderColor","periodActiveStyle","periodTextStyle","periodTextActiveStyle","actionButtonTextStyle","style","children","onPress","onModeChange","displayName"],"sourceRoot":"../../../../src","sources":["components/TimePicker/MaterialTimePicker.web.tsx"],"mappings":"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","ignoreList":[]}
|