react-native-paper-dates 0.22.15 → 0.22.16
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/commonjs/Date/AnimatedCrossView.js +41 -42
- package/lib/commonjs/Date/AnimatedCrossView.js.map +1 -1
- package/lib/commonjs/Date/AutoSizer.js +10 -14
- package/lib/commonjs/Date/AutoSizer.js.map +1 -1
- package/lib/commonjs/Date/Calendar.js +69 -76
- package/lib/commonjs/Date/Calendar.js.map +1 -1
- package/lib/commonjs/Date/CalendarEdit.js +67 -72
- package/lib/commonjs/Date/CalendarEdit.js.map +1 -1
- package/lib/commonjs/Date/CalendarHeader.js +38 -36
- package/lib/commonjs/Date/CalendarHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerInput.js +15 -15
- package/lib/commonjs/Date/DatePickerInput.js.map +1 -1
- package/lib/commonjs/Date/DatePickerInputWithoutModal.js +49 -43
- package/lib/commonjs/Date/DatePickerInputWithoutModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModal.js +49 -45
- package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContent.js +73 -68
- package/lib/commonjs/Date/DatePickerModalContent.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContentHeader.js +86 -101
- package/lib/commonjs/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js +32 -63
- package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js +8 -7
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalStatusBar.js +16 -13
- package/lib/commonjs/Date/DatePickerModalStatusBar.js.map +1 -1
- package/lib/commonjs/Date/Day.js +57 -57
- package/lib/commonjs/Date/Day.js.map +1 -1
- package/lib/commonjs/Date/DayName.js +17 -14
- package/lib/commonjs/Date/DayName.js.map +1 -1
- package/lib/commonjs/Date/DayNames.js +14 -13
- package/lib/commonjs/Date/DayNames.js.map +1 -1
- package/lib/commonjs/Date/DayRange.js +25 -26
- package/lib/commonjs/Date/DayRange.js.map +1 -1
- package/lib/commonjs/Date/Month.js +74 -76
- package/lib/commonjs/Date/Month.js.map +1 -1
- package/lib/commonjs/Date/Swiper.js +67 -64
- package/lib/commonjs/Date/Swiper.js.map +1 -1
- package/lib/commonjs/Date/Swiper.native.js +67 -63
- package/lib/commonjs/Date/Swiper.native.js.map +1 -1
- package/lib/commonjs/Date/SwiperUtils.js +3 -5
- package/lib/commonjs/Date/SwiperUtils.js.map +1 -1
- package/lib/commonjs/Date/YearPicker.js +58 -58
- package/lib/commonjs/Date/YearPicker.js.map +1 -1
- package/lib/commonjs/Date/dateUtils.js +12 -10
- package/lib/commonjs/Date/dateUtils.js.map +1 -1
- package/lib/commonjs/Date/inputUtils.js +8 -10
- package/lib/commonjs/Date/inputUtils.js.map +1 -1
- package/lib/commonjs/TextInputMask.js +11 -11
- package/lib/commonjs/TextInputMask.js.map +1 -1
- package/lib/commonjs/Time/AmPmSwitcher.js +51 -49
- package/lib/commonjs/Time/AmPmSwitcher.js.map +1 -1
- package/lib/commonjs/Time/AnalogClock.js +69 -64
- package/lib/commonjs/Time/AnalogClock.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockHours.js +46 -53
- package/lib/commonjs/Time/AnalogClockHours.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockMinutes.js +45 -60
- package/lib/commonjs/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/commonjs/Time/AnimatedClockSwitcher.js +34 -30
- package/lib/commonjs/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/commonjs/Time/TimeInput.js +55 -54
- package/lib/commonjs/Time/TimeInput.js.map +1 -1
- package/lib/commonjs/Time/TimeInputs.js +118 -114
- package/lib/commonjs/Time/TimeInputs.js.map +1 -1
- package/lib/commonjs/Time/TimePicker.js +40 -36
- package/lib/commonjs/Time/TimePicker.js.map +1 -1
- package/lib/commonjs/Time/TimePickerModal.js +118 -114
- package/lib/commonjs/Time/TimePickerModal.js.map +1 -1
- package/lib/commonjs/Time/timeUtils.js +5 -8
- package/lib/commonjs/Time/timeUtils.js.map +1 -1
- package/lib/commonjs/contexts/DisplayModeContext.js +2 -4
- package/lib/commonjs/contexts/DisplayModeContext.js.map +1 -1
- package/lib/commonjs/shared/styles.js +25 -0
- package/lib/commonjs/shared/styles.js.map +1 -0
- package/lib/commonjs/{utils.js → shared/utils.js} +4 -4
- package/lib/commonjs/shared/utils.js.map +1 -0
- package/lib/module/Date/AnimatedCrossView.js +43 -42
- package/lib/module/Date/AnimatedCrossView.js.map +1 -1
- package/lib/module/Date/AutoSizer.js +12 -15
- package/lib/module/Date/AutoSizer.js.map +1 -1
- package/lib/module/Date/Calendar.js +71 -76
- package/lib/module/Date/Calendar.js.map +1 -1
- package/lib/module/Date/CalendarEdit.js +68 -71
- package/lib/module/Date/CalendarEdit.js.map +1 -1
- package/lib/module/Date/CalendarHeader.js +39 -36
- package/lib/module/Date/CalendarHeader.js.map +1 -1
- package/lib/module/Date/DatePickerInput.js +15 -14
- package/lib/module/Date/DatePickerInput.js.map +1 -1
- package/lib/module/Date/DatePickerInputWithoutModal.js +50 -42
- package/lib/module/Date/DatePickerInputWithoutModal.js.map +1 -1
- package/lib/module/Date/DatePickerModal.js +49 -44
- package/lib/module/Date/DatePickerModal.js.map +1 -1
- package/lib/module/Date/DatePickerModalContent.js +74 -67
- package/lib/module/Date/DatePickerModalContent.js.map +1 -1
- package/lib/module/Date/DatePickerModalContentHeader.js +87 -100
- package/lib/module/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeader.js +33 -61
- package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeaderBackground.js +7 -5
- package/lib/module/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/module/Date/DatePickerModalStatusBar.js +18 -13
- package/lib/module/Date/DatePickerModalStatusBar.js.map +1 -1
- package/lib/module/Date/Day.js +58 -56
- package/lib/module/Date/Day.js.map +1 -1
- package/lib/module/Date/DayName.js +17 -14
- package/lib/module/Date/DayName.js.map +1 -1
- package/lib/module/Date/DayNames.js +13 -12
- package/lib/module/Date/DayNames.js.map +1 -1
- package/lib/module/Date/DayRange.js +27 -26
- package/lib/module/Date/DayRange.js.map +1 -1
- package/lib/module/Date/Month.js +76 -76
- package/lib/module/Date/Month.js.map +1 -1
- package/lib/module/Date/Swiper.js +69 -64
- package/lib/module/Date/Swiper.js.map +1 -1
- package/lib/module/Date/Swiper.native.js +69 -62
- package/lib/module/Date/Swiper.native.js.map +1 -1
- package/lib/module/Date/SwiperUtils.js +3 -3
- package/lib/module/Date/SwiperUtils.js.map +1 -1
- package/lib/module/Date/YearPicker.js +59 -58
- package/lib/module/Date/YearPicker.js.map +1 -1
- package/lib/module/Date/dateUtils.js +12 -8
- package/lib/module/Date/dateUtils.js.map +1 -1
- package/lib/module/Date/inputUtils.js +8 -8
- package/lib/module/Date/inputUtils.js.map +1 -1
- package/lib/module/TextInputMask.js +12 -11
- package/lib/module/TextInputMask.js.map +1 -1
- package/lib/module/Time/AmPmSwitcher.js +53 -49
- package/lib/module/Time/AmPmSwitcher.js.map +1 -1
- package/lib/module/Time/AnalogClock.js +71 -64
- package/lib/module/Time/AnalogClock.js.map +1 -1
- package/lib/module/Time/AnalogClockHours.js +48 -53
- package/lib/module/Time/AnalogClockHours.js.map +1 -1
- package/lib/module/Time/AnalogClockMinutes.js +46 -60
- package/lib/module/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/module/Time/AnimatedClockSwitcher.js +35 -30
- package/lib/module/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/module/Time/TimeInput.js +56 -53
- package/lib/module/Time/TimeInput.js.map +1 -1
- package/lib/module/Time/TimeInputs.js +120 -113
- package/lib/module/Time/TimeInputs.js.map +1 -1
- package/lib/module/Time/TimePicker.js +42 -36
- package/lib/module/Time/TimePicker.js.map +1 -1
- package/lib/module/Time/TimePickerModal.js +118 -112
- package/lib/module/Time/TimePickerModal.js.map +1 -1
- package/lib/module/Time/timeUtils.js +5 -6
- package/lib/module/Time/timeUtils.js.map +1 -1
- package/lib/module/contexts/DisplayModeContext.js +2 -2
- package/lib/module/contexts/DisplayModeContext.js.map +1 -1
- package/lib/module/shared/styles.js +19 -0
- package/lib/module/shared/styles.js.map +1 -0
- package/lib/module/{utils.js → shared/utils.js} +3 -2
- package/lib/module/shared/utils.js.map +1 -0
- package/lib/typescript/Date/AnimatedCrossView.d.ts +1 -1
- package/lib/typescript/Date/AnimatedCrossView.d.ts.map +1 -1
- package/lib/typescript/Date/AutoSizer.d.ts +1 -1
- package/lib/typescript/Date/AutoSizer.d.ts.map +1 -1
- package/lib/typescript/Date/Calendar.d.ts +1 -1
- package/lib/typescript/Date/Calendar.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarEdit.d.ts +1 -1
- package/lib/typescript/Date/CalendarEdit.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarHeader.d.ts +1 -1
- package/lib/typescript/Date/CalendarHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerInput.d.ts +1 -1
- package/lib/typescript/Date/DatePickerInput.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerInput.shared.d.ts +3 -3
- package/lib/typescript/Date/DatePickerInput.shared.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts +59 -58
- package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModal.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModal.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContent.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalContent.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalStatusBar.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalStatusBar.d.ts.map +1 -1
- package/lib/typescript/Date/Day.d.ts +2 -2
- package/lib/typescript/Date/Day.d.ts.map +1 -1
- package/lib/typescript/Date/DayName.d.ts +1 -1
- package/lib/typescript/Date/DayName.d.ts.map +1 -1
- package/lib/typescript/Date/DayNames.d.ts +1 -1
- package/lib/typescript/Date/DayNames.d.ts.map +1 -1
- package/lib/typescript/Date/DayRange.d.ts +1 -1
- package/lib/typescript/Date/DayRange.d.ts.map +1 -1
- package/lib/typescript/Date/Month.d.ts +1 -1
- package/lib/typescript/Date/Month.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.d.ts +1 -1
- package/lib/typescript/Date/Swiper.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.native.d.ts +1 -1
- package/lib/typescript/Date/Swiper.native.d.ts.map +1 -1
- package/lib/typescript/Date/SwiperUtils.d.ts +1 -1
- package/lib/typescript/Date/SwiperUtils.d.ts.map +1 -1
- package/lib/typescript/Date/YearPicker.d.ts +1 -1
- package/lib/typescript/Date/YearPicker.d.ts.map +1 -1
- package/lib/typescript/Date/dateUtils.d.ts.map +1 -1
- package/lib/typescript/Date/inputUtils.d.ts.map +1 -1
- package/lib/typescript/TextInputMask.d.ts +24 -24
- package/lib/typescript/TextInputMask.d.ts.map +1 -1
- package/lib/typescript/Time/AmPmSwitcher.d.ts +1 -1
- package/lib/typescript/Time/AmPmSwitcher.d.ts.map +1 -1
- package/lib/typescript/Time/AnalogClock.d.ts +1 -1
- package/lib/typescript/Time/AnalogClock.d.ts.map +1 -1
- package/lib/typescript/Time/AnalogClockHours.d.ts +1 -1
- package/lib/typescript/Time/AnalogClockHours.d.ts.map +1 -1
- package/lib/typescript/Time/AnalogClockMinutes.d.ts +1 -1
- package/lib/typescript/Time/AnalogClockMinutes.d.ts.map +1 -1
- package/lib/typescript/Time/AnimatedClockSwitcher.d.ts +5 -3
- package/lib/typescript/Time/AnimatedClockSwitcher.d.ts.map +1 -1
- package/lib/typescript/Time/TimeInput.d.ts +1 -1
- package/lib/typescript/Time/TimeInput.d.ts.map +1 -1
- package/lib/typescript/Time/TimeInputs.d.ts +1 -1
- package/lib/typescript/Time/TimeInputs.d.ts.map +1 -1
- package/lib/typescript/Time/TimePicker.d.ts +1 -1
- package/lib/typescript/Time/TimePicker.d.ts.map +1 -1
- package/lib/typescript/Time/TimePickerModal.d.ts +1 -1
- package/lib/typescript/Time/TimePickerModal.d.ts.map +1 -1
- package/lib/typescript/Time/timeUtils.d.ts.map +1 -1
- package/lib/typescript/contexts/DisplayModeContext.d.ts +4 -4
- package/lib/typescript/contexts/DisplayModeContext.d.ts.map +1 -1
- package/lib/typescript/shared/styles.d.ts +18 -0
- package/lib/typescript/shared/styles.d.ts.map +1 -0
- package/lib/typescript/{utils.d.ts → shared/utils.d.ts} +2 -2
- package/lib/typescript/shared/utils.d.ts.map +1 -0
- package/package.json +17 -17
- package/src/Date/AnimatedCrossView.tsx +9 -10
- package/src/Date/AutoSizer.tsx +12 -13
- package/src/Date/Calendar.tsx +29 -35
- package/src/Date/CalendarEdit.tsx +18 -15
- package/src/Date/CalendarHeader.tsx +9 -18
- package/src/Date/DatePickerInput.shared.tsx +3 -3
- package/src/Date/DatePickerInput.tsx +11 -8
- package/src/Date/DatePickerInputWithoutModal.tsx +3 -4
- package/src/Date/DatePickerModal.tsx +14 -23
- package/src/Date/DatePickerModalContent.tsx +10 -13
- package/src/Date/DatePickerModalContentHeader.tsx +31 -43
- package/src/Date/DatePickerModalHeader.tsx +4 -23
- package/src/Date/DatePickerModalHeaderBackground.tsx +3 -2
- package/src/Date/DatePickerModalStatusBar.tsx +4 -4
- package/src/Date/Day.tsx +22 -24
- package/src/Date/DayName.tsx +12 -4
- package/src/Date/DayNames.tsx +7 -6
- package/src/Date/DayRange.tsx +6 -11
- package/src/Date/Month.tsx +24 -21
- package/src/Date/Swiper.native.tsx +19 -20
- package/src/Date/Swiper.tsx +32 -29
- package/src/Date/SwiperUtils.ts +3 -4
- package/src/Date/YearPicker.tsx +11 -16
- package/src/Date/dateUtils.tsx +15 -8
- package/src/Date/inputUtils.ts +7 -5
- package/src/TextInputMask.tsx +10 -11
- package/src/Time/AmPmSwitcher.tsx +9 -7
- package/src/Time/AnalogClock.tsx +38 -24
- package/src/Time/AnalogClockHours.tsx +10 -20
- package/src/Time/AnalogClockMinutes.tsx +19 -32
- package/src/Time/AnimatedClockSwitcher.tsx +9 -5
- package/src/Time/TimeInput.tsx +22 -19
- package/src/Time/TimeInputs.tsx +28 -34
- package/src/Time/TimePicker.tsx +15 -10
- package/src/Time/TimePickerModal.tsx +48 -72
- package/src/Time/timeUtils.ts +5 -6
- package/src/contexts/DisplayModeContext.tsx +3 -3
- package/src/shared/styles.tsx +19 -0
- package/src/{utils.ts → shared/utils.ts} +16 -2
- package/lib/commonjs/Date/Week.js +0 -10
- package/lib/commonjs/Date/Week.js.map +0 -1
- package/lib/commonjs/utils.js.map +0 -1
- package/lib/module/Date/Week.js +0 -4
- package/lib/module/Date/Week.js.map +0 -1
- package/lib/module/utils.js.map +0 -1
- package/lib/typescript/Date/Week.d.ts +0 -2
- package/lib/typescript/Date/Week.d.ts.map +0 -1
- package/lib/typescript/utils.d.ts.map +0 -1
- package/src/Date/Week.tsx +0 -3
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { View, StyleSheet, useWindowDimensions } from 'react-native';
|
|
3
2
|
import { Text, useTheme } from 'react-native-paper';
|
|
4
3
|
import { clockTypes, toHourInputFormat, toHourOutputFormat } from './timeUtils';
|
|
5
4
|
import TimeInput from './TimeInput';
|
|
6
5
|
import AmPmSwitcher from './AmPmSwitcher';
|
|
7
|
-
import { useLatest } from '../utils';
|
|
6
|
+
import { useLatest } from '../shared/utils';
|
|
8
7
|
import Color from 'color';
|
|
9
8
|
import { getTranslation } from '../translations/utils';
|
|
9
|
+
import { memo, useCallback, useRef } from 'react';
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import { sharedStyles } from '../shared/styles';
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
15
|
function TimeInputs({
|
|
11
16
|
hours,
|
|
12
17
|
minutes,
|
|
@@ -18,143 +23,145 @@ function TimeInputs({
|
|
|
18
23
|
inputFontSize,
|
|
19
24
|
locale
|
|
20
25
|
}) {
|
|
21
|
-
const
|
|
22
|
-
const
|
|
26
|
+
const theme = useTheme();
|
|
27
|
+
const startInput = useRef(null);
|
|
28
|
+
const endInput = useRef(null);
|
|
23
29
|
const dimensions = useWindowDimensions();
|
|
24
30
|
const isLandscape = dimensions.width > dimensions.height;
|
|
25
|
-
const
|
|
26
|
-
const onSubmitStartInput =
|
|
31
|
+
const minutesRef = useLatest(minutes);
|
|
32
|
+
const onSubmitStartInput = useCallback(() => {
|
|
27
33
|
if (endInput.current) {
|
|
28
34
|
endInput.current.focus();
|
|
29
35
|
}
|
|
30
36
|
}, [endInput]);
|
|
31
|
-
const onSubmitEndInput =
|
|
37
|
+
const onSubmitEndInput = useCallback(() => {
|
|
32
38
|
// TODO: close modal and persist time
|
|
33
39
|
}, []);
|
|
34
|
-
const
|
|
35
|
-
const onChangeHours = React.useCallback(newHours => {
|
|
40
|
+
const onChangeHours = useCallback(newHours => {
|
|
36
41
|
onChange({
|
|
37
42
|
hours: newHours,
|
|
38
43
|
minutes: minutesRef.current,
|
|
39
44
|
focused: clockTypes.hours
|
|
40
45
|
});
|
|
41
46
|
}, [onChange, minutesRef]);
|
|
42
|
-
return /*#__PURE__*/
|
|
43
|
-
style: [styles.inputContainer, isLandscape &&
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
47
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
48
|
+
style: [styles.inputContainer, isLandscape && sharedStyles.root],
|
|
49
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
50
|
+
style: styles.column,
|
|
51
|
+
children: [/*#__PURE__*/_jsx(TimeInput, {
|
|
52
|
+
ref: startInput,
|
|
53
|
+
inputFontSize: inputFontSize,
|
|
54
|
+
placeholder: '00',
|
|
55
|
+
value: toHourInputFormat(hours, is24Hour),
|
|
56
|
+
clockType: clockTypes.hours,
|
|
57
|
+
pressed: focused === clockTypes.hours,
|
|
58
|
+
onPress: onFocusInput,
|
|
59
|
+
inputType: inputType,
|
|
60
|
+
maxFontSizeMultiplier: 1.2,
|
|
61
|
+
selectionColor: theme.dark ? Color(theme.colors.primary).darken(0.2).hex() : theme.colors.primary,
|
|
62
|
+
returnKeyType: 'next',
|
|
63
|
+
onSubmitEditing: onSubmitStartInput,
|
|
64
|
+
blurOnSubmit: false,
|
|
65
|
+
onChanged: newHoursFromInput => {
|
|
66
|
+
let newHours = toHourOutputFormat(newHoursFromInput, hours, is24Hour);
|
|
67
|
+
if (newHoursFromInput > 24) {
|
|
68
|
+
newHours = 24;
|
|
69
|
+
}
|
|
70
|
+
onChange({
|
|
71
|
+
hours: newHours,
|
|
72
|
+
minutes
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
}), inputType === 'keyboard' ? /*#__PURE__*/_jsx(Text, {
|
|
76
|
+
maxFontSizeMultiplier: 1.5,
|
|
77
|
+
variant: "bodySmall",
|
|
78
|
+
children: getTranslation(locale, 'hour', 'Hour')
|
|
79
|
+
}) : null]
|
|
80
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
81
|
+
style: [styles.hoursAndMinutesSeparator,
|
|
82
|
+
// eslint-disable-next-line react-native/no-inline-styles
|
|
83
|
+
{
|
|
84
|
+
marginBottom: inputType === 'keyboard' ? 24 : 0
|
|
85
|
+
}],
|
|
86
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
87
|
+
style: sharedStyles.root
|
|
88
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
89
|
+
style: [styles.dot, {
|
|
90
|
+
backgroundColor: theme?.isV3 ? theme.colors.onSurface : theme.colors.text
|
|
91
|
+
}]
|
|
92
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
93
|
+
style: styles.betweenDot
|
|
94
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
95
|
+
style: [styles.dot, {
|
|
96
|
+
backgroundColor: theme?.isV3 ? theme.colors.onSurface : theme.colors.text
|
|
97
|
+
}]
|
|
98
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
99
|
+
style: sharedStyles.root
|
|
100
|
+
})]
|
|
101
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
102
|
+
style: styles.column,
|
|
103
|
+
children: [/*#__PURE__*/_jsx(TimeInput, {
|
|
104
|
+
ref: endInput,
|
|
105
|
+
inputFontSize: inputFontSize,
|
|
106
|
+
placeholder: '00',
|
|
107
|
+
value: minutes,
|
|
108
|
+
clockType: clockTypes.minutes,
|
|
109
|
+
pressed: focused === clockTypes.minutes,
|
|
110
|
+
onPress: onFocusInput,
|
|
111
|
+
inputType: inputType,
|
|
112
|
+
maxFontSizeMultiplier: 1.2,
|
|
113
|
+
selectionColor: theme.dark ? Color(theme.colors.primary).darken(0.2).hex() : theme.colors.primary,
|
|
114
|
+
onSubmitEditing: onSubmitEndInput,
|
|
115
|
+
onChanged: newMinutesFromInput => {
|
|
116
|
+
let newMinutes = newMinutesFromInput;
|
|
117
|
+
if (newMinutesFromInput > 59) {
|
|
118
|
+
newMinutes = 59;
|
|
119
|
+
}
|
|
120
|
+
onChange({
|
|
121
|
+
hours,
|
|
122
|
+
minutes: newMinutes
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
}), inputType === 'keyboard' ? /*#__PURE__*/_jsx(Text, {
|
|
126
|
+
maxFontSizeMultiplier: 1.5,
|
|
127
|
+
variant: "bodySmall",
|
|
128
|
+
children: getTranslation(locale, 'minute', 'Minute')
|
|
129
|
+
}) : null]
|
|
130
|
+
}), !is24Hour && /*#__PURE__*/_jsxs(_Fragment, {
|
|
131
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
132
|
+
style: styles.spaceBetweenInputsAndSwitcher
|
|
133
|
+
}), /*#__PURE__*/_jsx(AmPmSwitcher, {
|
|
134
|
+
hours: hours,
|
|
135
|
+
onChange: onChangeHours,
|
|
136
|
+
inputType: inputType
|
|
137
|
+
})]
|
|
138
|
+
})]
|
|
139
|
+
});
|
|
127
140
|
}
|
|
128
141
|
const styles = StyleSheet.create({
|
|
142
|
+
betweenDot: {
|
|
143
|
+
height: 12
|
|
144
|
+
},
|
|
129
145
|
column: {
|
|
130
146
|
flexDirection: 'column'
|
|
131
147
|
},
|
|
132
|
-
|
|
133
|
-
width:
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
flexDirection: 'row',
|
|
137
|
-
alignItems: 'center'
|
|
138
|
-
},
|
|
139
|
-
inputContainerLandscape: {
|
|
140
|
-
flex: 1
|
|
148
|
+
dot: {
|
|
149
|
+
width: 7,
|
|
150
|
+
height: 7,
|
|
151
|
+
borderRadius: 7 / 2
|
|
141
152
|
},
|
|
142
153
|
hoursAndMinutesSeparator: {
|
|
143
154
|
fontSize: 65,
|
|
144
155
|
width: 24,
|
|
145
156
|
alignItems: 'center'
|
|
146
157
|
},
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
dot: {
|
|
151
|
-
width: 7,
|
|
152
|
-
height: 7,
|
|
153
|
-
borderRadius: 7 / 2
|
|
158
|
+
inputContainer: {
|
|
159
|
+
flexDirection: 'row',
|
|
160
|
+
alignItems: 'center'
|
|
154
161
|
},
|
|
155
|
-
|
|
156
|
-
|
|
162
|
+
spaceBetweenInputsAndSwitcher: {
|
|
163
|
+
width: 12
|
|
157
164
|
}
|
|
158
165
|
});
|
|
159
|
-
export default /*#__PURE__*/
|
|
166
|
+
export default /*#__PURE__*/memo(TimeInputs);
|
|
160
167
|
//# sourceMappingURL=TimeInputs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","useWindowDimensions","Text","useTheme","clockTypes","toHourInputFormat","toHourOutputFormat","TimeInput","AmPmSwitcher","useLatest","Color","getTranslation","memo","useCallback","useRef","React","sharedStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TimeInputs","hours","minutes","onFocusInput","focused","inputType","onChange","is24Hour","inputFontSize","locale","theme","startInput","endInput","dimensions","isLandscape","width","height","minutesRef","onSubmitStartInput","current","focus","onSubmitEndInput","onChangeHours","newHours","style","styles","inputContainer","root","children","column","ref","placeholder","value","clockType","pressed","onPress","maxFontSizeMultiplier","selectionColor","dark","colors","primary","darken","hex","returnKeyType","onSubmitEditing","blurOnSubmit","onChanged","newHoursFromInput","variant","hoursAndMinutesSeparator","marginBottom","dot","backgroundColor","isV3","onSurface","text","betweenDot","newMinutesFromInput","newMinutes","spaceBetweenInputsAndSwitcher","create","flexDirection","borderRadius","fontSize","alignItems"],"sourceRoot":"../../../src","sources":["Time/TimeInputs.tsx"],"mappings":"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"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { View, StyleSheet, useWindowDimensions } from 'react-native';
|
|
2
|
+
import React, { memo } from 'react';
|
|
3
3
|
import { inputTypes, toHourInputFormat, toHourOutputFormat } from './timeUtils';
|
|
4
4
|
import AnalogClock from './AnalogClock';
|
|
5
5
|
import { circleSize } from './timeUtils';
|
|
6
6
|
import TimeInputs from './TimeInputs';
|
|
7
7
|
import { DisplayModeContext } from '../contexts/DisplayModeContext';
|
|
8
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
11
|
function TimePicker({
|
|
9
12
|
hours,
|
|
10
13
|
minutes,
|
|
@@ -16,12 +19,12 @@ function TimePicker({
|
|
|
16
19
|
use24HourClock,
|
|
17
20
|
inputFontSize
|
|
18
21
|
}) {
|
|
19
|
-
const [displayMode, setDisplayMode] = React.useState(undefined);
|
|
20
22
|
const dimensions = useWindowDimensions();
|
|
21
23
|
const isLandscape = dimensions.width > dimensions.height;
|
|
24
|
+
const [displayMode, setDisplayMode] = useState(undefined);
|
|
22
25
|
|
|
23
26
|
// method to check whether we have 24 hours in clock or 12
|
|
24
|
-
const is24Hour =
|
|
27
|
+
const is24Hour = useMemo(() => {
|
|
25
28
|
if (use24HourClock !== undefined) {
|
|
26
29
|
return use24HourClock;
|
|
27
30
|
}
|
|
@@ -35,7 +38,7 @@ function TimePicker({
|
|
|
35
38
|
}, [locale, use24HourClock]);
|
|
36
39
|
|
|
37
40
|
// Initialize display Mode according the hours value
|
|
38
|
-
|
|
41
|
+
useEffect(() => {
|
|
39
42
|
if (hours >= 12) {
|
|
40
43
|
setDisplayMode('PM');
|
|
41
44
|
} else {
|
|
@@ -43,40 +46,48 @@ function TimePicker({
|
|
|
43
46
|
}
|
|
44
47
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
45
48
|
}, []);
|
|
46
|
-
const onInnerChange =
|
|
49
|
+
const onInnerChange = useCallback(params => {
|
|
47
50
|
params.hours = toHourOutputFormat(params.hours, hours, is24Hour);
|
|
48
51
|
onChange(params);
|
|
49
52
|
}, [onChange, hours, is24Hour]);
|
|
50
|
-
return /*#__PURE__*/
|
|
53
|
+
return /*#__PURE__*/_jsx(DisplayModeContext.Provider, {
|
|
51
54
|
value: {
|
|
52
55
|
mode: displayMode,
|
|
53
56
|
setMode: setDisplayMode
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
57
|
+
},
|
|
58
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
59
|
+
style: isLandscape ? [styles.rootLandscape, {
|
|
60
|
+
width: 24 * 3 + 96 * 2 + 52 + (inputType === inputTypes.picker ? circleSize : -circleSize)
|
|
61
|
+
}] : styles.rootPortrait,
|
|
62
|
+
children: [/*#__PURE__*/_jsx(TimeInputs, {
|
|
63
|
+
inputType: inputType,
|
|
64
|
+
inputFontSize: inputFontSize,
|
|
65
|
+
hours: hours,
|
|
66
|
+
minutes: minutes,
|
|
67
|
+
is24Hour: is24Hour,
|
|
68
|
+
onChange: onChange,
|
|
69
|
+
onFocusInput: onFocusInput,
|
|
70
|
+
focused: focused,
|
|
71
|
+
locale: locale
|
|
72
|
+
}), inputType === inputTypes.picker ? /*#__PURE__*/_jsx(View, {
|
|
73
|
+
style: styles.clockContainer,
|
|
74
|
+
children: /*#__PURE__*/_jsx(AnalogClock, {
|
|
75
|
+
hours: toHourInputFormat(hours, is24Hour),
|
|
76
|
+
minutes: minutes,
|
|
77
|
+
focused: focused,
|
|
78
|
+
is24Hour: is24Hour,
|
|
79
|
+
onChange: onInnerChange
|
|
80
|
+
})
|
|
81
|
+
}) : null]
|
|
82
|
+
})
|
|
83
|
+
});
|
|
78
84
|
}
|
|
79
85
|
const styles = StyleSheet.create({
|
|
86
|
+
clockContainer: {
|
|
87
|
+
paddingTop: 36,
|
|
88
|
+
paddingLeft: 12,
|
|
89
|
+
paddingRight: 12
|
|
90
|
+
},
|
|
80
91
|
rootLandscape: {
|
|
81
92
|
flexDirection: 'row',
|
|
82
93
|
alignItems: 'center',
|
|
@@ -85,12 +96,7 @@ const styles = StyleSheet.create({
|
|
|
85
96
|
rootPortrait: {
|
|
86
97
|
alignItems: 'center',
|
|
87
98
|
justifyContent: 'center'
|
|
88
|
-
},
|
|
89
|
-
clockContainer: {
|
|
90
|
-
paddingTop: 36,
|
|
91
|
-
paddingLeft: 12,
|
|
92
|
-
paddingRight: 12
|
|
93
99
|
}
|
|
94
100
|
});
|
|
95
|
-
export default /*#__PURE__*/
|
|
101
|
+
export default /*#__PURE__*/memo(TimePicker);
|
|
96
102
|
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","useWindowDimensions","React","memo","inputTypes","toHourInputFormat","toHourOutputFormat","AnalogClock","circleSize","TimeInputs","DisplayModeContext","useCallback","useEffect","useMemo","useState","jsx","_jsx","jsxs","_jsxs","TimePicker","hours","minutes","onFocusInput","focused","inputType","onChange","locale","use24HourClock","inputFontSize","dimensions","isLandscape","width","height","displayMode","setDisplayMode","undefined","is24Hour","formatter","Intl","DateTimeFormat","hour","minute","timeZone","formatted","format","Date","UTC","includes","onInnerChange","params","Provider","value","mode","setMode","children","style","styles","rootLandscape","picker","rootPortrait","clockContainer","create","paddingTop","paddingLeft","paddingRight","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["Time/TimePicker.tsx"],"mappings":"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"}
|