react-native-paper-dates 0.24.0 → 0.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Date/AnimatedCrossView.js +2 -2
- package/lib/commonjs/Date/AnimatedCrossView.js.map +1 -1
- package/lib/commonjs/Date/AutoSizer.js +24 -11
- package/lib/commonjs/Date/AutoSizer.js.map +1 -1
- package/lib/commonjs/Date/Calendar.js +5 -3
- package/lib/commonjs/Date/Calendar.js.map +1 -1
- package/lib/commonjs/Date/CalendarEdit.js +70 -61
- package/lib/commonjs/Date/CalendarEdit.js.map +1 -1
- package/lib/commonjs/Date/CalendarHeader.js +30 -15
- package/lib/commonjs/Date/CalendarHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModal.js +5 -11
- package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContent.js +48 -34
- package/lib/commonjs/Date/DatePickerModalContent.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContentHeader.js +12 -5
- package/lib/commonjs/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js +40 -40
- package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js +22 -4
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/commonjs/Date/Month.js +44 -30
- package/lib/commonjs/Date/Month.js.map +1 -1
- package/lib/commonjs/Date/Swiper.js +31 -21
- package/lib/commonjs/Date/Swiper.js.map +1 -1
- package/lib/commonjs/Date/Swiper.native.js +37 -21
- package/lib/commonjs/Date/Swiper.native.js.map +1 -1
- package/lib/commonjs/Date/SwiperUtils.js.map +1 -1
- package/lib/commonjs/Date/YearPicker.js +3 -1
- package/lib/commonjs/Date/YearPicker.js.map +1 -1
- package/lib/commonjs/Date/weekdayColumns.js +60 -0
- package/lib/commonjs/Date/weekdayColumns.js.map +1 -0
- package/lib/commonjs/shared/styles.js +3 -0
- package/lib/commonjs/shared/styles.js.map +1 -1
- package/lib/commonjs/shared/utils.js +9 -0
- package/lib/commonjs/shared/utils.js.map +1 -1
- package/lib/module/Date/AnimatedCrossView.js +2 -2
- package/lib/module/Date/AnimatedCrossView.js.map +1 -1
- package/lib/module/Date/AutoSizer.js +25 -12
- package/lib/module/Date/AutoSizer.js.map +1 -1
- package/lib/module/Date/Calendar.js +5 -3
- package/lib/module/Date/Calendar.js.map +1 -1
- package/lib/module/Date/CalendarEdit.js +70 -61
- package/lib/module/Date/CalendarEdit.js.map +1 -1
- package/lib/module/Date/CalendarHeader.js +31 -16
- package/lib/module/Date/CalendarHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModal.js +7 -13
- package/lib/module/Date/DatePickerModal.js.map +1 -1
- package/lib/module/Date/DatePickerModalContent.js +48 -34
- package/lib/module/Date/DatePickerModalContent.js.map +1 -1
- package/lib/module/Date/DatePickerModalContentHeader.js +12 -5
- package/lib/module/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeader.js +43 -43
- package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeaderBackground.js +24 -6
- package/lib/module/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/module/Date/Month.js +46 -32
- package/lib/module/Date/Month.js.map +1 -1
- package/lib/module/Date/Swiper.js +32 -22
- package/lib/module/Date/Swiper.js.map +1 -1
- package/lib/module/Date/Swiper.native.js +38 -22
- package/lib/module/Date/Swiper.native.js.map +1 -1
- package/lib/module/Date/SwiperUtils.js.map +1 -1
- package/lib/module/Date/YearPicker.js +4 -2
- package/lib/module/Date/YearPicker.js.map +1 -1
- package/lib/module/Date/weekdayColumns.js +51 -0
- package/lib/module/Date/weekdayColumns.js.map +1 -0
- package/lib/module/shared/styles.js +3 -0
- package/lib/module/shared/styles.js.map +1 -1
- package/lib/module/shared/utils.js +8 -0
- package/lib/module/shared/utils.js.map +1 -1
- package/lib/typescript/Date/AnimatedCrossView.d.ts.map +1 -1
- package/lib/typescript/Date/AutoSizer.d.ts.map +1 -1
- package/lib/typescript/Date/Calendar.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarEdit.d.ts +3 -1
- package/lib/typescript/Date/CalendarEdit.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarHeader.d.ts +5 -1
- package/lib/typescript/Date/CalendarHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModal.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContent.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts +2 -0
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts +2 -0
- package/lib/typescript/Date/DatePickerModalHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts +3 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts.map +1 -1
- package/lib/typescript/Date/Month.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.native.d.ts.map +1 -1
- package/lib/typescript/Date/SwiperUtils.d.ts +1 -0
- package/lib/typescript/Date/SwiperUtils.d.ts.map +1 -1
- package/lib/typescript/Date/YearPicker.d.ts.map +1 -1
- package/lib/typescript/Date/weekdayColumns.d.ts +9 -0
- package/lib/typescript/Date/weekdayColumns.d.ts.map +1 -0
- package/lib/typescript/shared/styles.d.ts +3 -0
- package/lib/typescript/shared/styles.d.ts.map +1 -1
- package/lib/typescript/shared/utils.d.ts +1 -0
- package/lib/typescript/shared/utils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Date/AnimatedCrossView.tsx +2 -1
- package/src/Date/AutoSizer.tsx +33 -9
- package/src/Date/Calendar.tsx +5 -4
- package/src/Date/CalendarEdit.tsx +60 -51
- package/src/Date/CalendarHeader.tsx +38 -6
- package/src/Date/DatePickerModal.tsx +5 -13
- package/src/Date/DatePickerModalContent.tsx +55 -40
- package/src/Date/DatePickerModalContentHeader.tsx +14 -3
- package/src/Date/DatePickerModalHeader.tsx +47 -50
- package/src/Date/DatePickerModalHeaderBackground.tsx +30 -8
- package/src/Date/Month.tsx +73 -44
- package/src/Date/Swiper.native.tsx +70 -43
- package/src/Date/Swiper.tsx +44 -19
- package/src/Date/SwiperUtils.ts +1 -0
- package/src/Date/YearPicker.tsx +14 -2
- package/src/Date/weekdayColumns.ts +75 -0
- package/src/shared/styles.tsx +3 -0
- package/src/shared/utils.ts +6 -0
|
@@ -1,28 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useCallback, useState } from 'react';
|
|
4
|
-
import { View } from 'react-native';
|
|
4
|
+
import { useWindowDimensions, View } from 'react-native';
|
|
5
5
|
import { sharedStyles } from '../shared/styles';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export default function AutoSizer({
|
|
8
8
|
children
|
|
9
9
|
}) {
|
|
10
|
-
const
|
|
10
|
+
const {
|
|
11
|
+
width: windowWidth,
|
|
12
|
+
height: windowHeight
|
|
13
|
+
} = useWindowDimensions();
|
|
14
|
+
const windowKey = `${windowWidth}x${windowHeight}`;
|
|
15
|
+
const [measured, setMeasured] = useState(null);
|
|
11
16
|
const onLayout = useCallback(event => {
|
|
12
17
|
const nl = event.nativeEvent.layout;
|
|
13
18
|
// https://github.com/necolas/react-native-web/issues/1704
|
|
14
|
-
|
|
15
|
-
|
|
19
|
+
setMeasured(prev => {
|
|
20
|
+
if (prev && prev.windowKey === windowKey && prev.width === nl.width && prev.height === nl.height) {
|
|
21
|
+
return prev;
|
|
22
|
+
}
|
|
23
|
+
return {
|
|
24
|
+
windowKey,
|
|
16
25
|
width: nl.width,
|
|
17
26
|
height: nl.height
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}, [
|
|
21
|
-
const
|
|
22
|
-
return /*#__PURE__*/_jsx(View
|
|
27
|
+
};
|
|
28
|
+
});
|
|
29
|
+
}, [windowKey]);
|
|
30
|
+
const layout = measured && measured.windowKey === windowKey && measured.width > 0 && measured.height > 0 ? measured : null;
|
|
31
|
+
return /*#__PURE__*/_jsx(View
|
|
32
|
+
// Modals often skip onLayout during rotation. Keying by window size
|
|
33
|
+
// mounts a fresh sizer so the calendar gets the landscape viewport.
|
|
34
|
+
, {
|
|
35
|
+
collapsable: false,
|
|
23
36
|
onLayout: onLayout,
|
|
24
|
-
style: [sharedStyles.overflowHidden, sharedStyles.root,
|
|
25
|
-
children:
|
|
26
|
-
});
|
|
37
|
+
style: [sharedStyles.overflowHidden, sharedStyles.root, sharedStyles.minHeightZero],
|
|
38
|
+
children: layout ? children(layout) : null
|
|
39
|
+
}, windowKey);
|
|
27
40
|
}
|
|
28
41
|
//# sourceMappingURL=AutoSizer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useState","View","sharedStyles","jsx","_jsx","AutoSizer","children","
|
|
1
|
+
{"version":3,"names":["useCallback","useState","useWindowDimensions","View","sharedStyles","jsx","_jsx","AutoSizer","children","width","windowWidth","height","windowHeight","windowKey","measured","setMeasured","onLayout","event","nl","nativeEvent","layout","prev","collapsable","style","overflowHidden","root","minHeightZero"],"sourceRoot":"../../../src","sources":["Date/AutoSizer.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAA4BC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAC3E,SAASC,YAAY,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAW/C,eAAe,SAASC,SAASA,CAAC;EAChCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EAC1E,MAAMW,SAAS,GAAG,GAAGH,WAAW,IAAIE,YAAY,EAAE;EAClD,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAwB,IAAI,CAAC;EAErE,MAAMe,QAAQ,GAAGhB,WAAW,CACzBiB,KAAwB,IAAK;IAC5B,MAAMC,EAAE,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IACnC;IACAL,WAAW,CAAEM,IAAI,IAAK;MACpB,IACEA,IAAI,IACJA,IAAI,CAACR,SAAS,KAAKA,SAAS,IAC5BQ,IAAI,CAACZ,KAAK,KAAKS,EAAE,CAACT,KAAK,IACvBY,IAAI,CAACV,MAAM,KAAKO,EAAE,CAACP,MAAM,EACzB;QACA,OAAOU,IAAI;MACb;MACA,OAAO;QAAER,SAAS;QAAEJ,KAAK,EAAES,EAAE,CAACT,KAAK;QAAEE,MAAM,EAAEO,EAAE,CAACP;MAAO,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,EACD,CAACE,SAAS,CACZ,CAAC;EAED,MAAMO,MAAM,GACVN,QAAQ,IACRA,QAAQ,CAACD,SAAS,KAAKA,SAAS,IAChCC,QAAQ,CAACL,KAAK,GAAG,CAAC,IAClBK,QAAQ,CAACH,MAAM,GAAG,CAAC,GACfG,QAAQ,GACR,IAAI;EAEV,oBACER,IAAA,CAACH;EACC;EACA;EAAA;IAEAmB,WAAW,EAAE,KAAM;IACnBN,QAAQ,EAAEA,QAAS;IACnBO,KAAK,EAAE,CACLnB,YAAY,CAACoB,cAAc,EAC3BpB,YAAY,CAACqB,IAAI,EACjBrB,YAAY,CAACsB,aAAa,CAC1B;IAAAlB,QAAA,EAEDY,MAAM,GAAGZ,QAAQ,CAACY,MAAM,CAAC,GAAG;EAAI,GAT5BP,SAUD,CAAC;AAEX","ignoreList":[]}
|
|
@@ -92,7 +92,7 @@ function Calendar(props) {
|
|
|
92
92
|
}, [mode, dateMode, onChangeRef, startDateRef, endDateRef, datesRef]);
|
|
93
93
|
const selectColor = theme.colors.primaryContainer;
|
|
94
94
|
return /*#__PURE__*/_jsxs(View, {
|
|
95
|
-
style: sharedStyles.root,
|
|
95
|
+
style: [sharedStyles.root, sharedStyles.minHeightZero],
|
|
96
96
|
children: [/*#__PURE__*/_jsx(Swiper, {
|
|
97
97
|
initialIndex: getInitialIndex(firstDate, startYear, endYear),
|
|
98
98
|
selectedYear: selectedYear,
|
|
@@ -127,14 +127,16 @@ function Calendar(props) {
|
|
|
127
127
|
dayContentStyle: dayContentStyle
|
|
128
128
|
}, index),
|
|
129
129
|
renderHeader: ({
|
|
130
|
+
endInset,
|
|
130
131
|
onPrev,
|
|
131
132
|
onNext
|
|
132
133
|
}) => /*#__PURE__*/_jsx(CalendarHeader, {
|
|
134
|
+
disableWeekDays: disableWeekDays,
|
|
135
|
+
endInset: endInset,
|
|
133
136
|
locale: locale,
|
|
134
|
-
onPrev: onPrev,
|
|
135
137
|
onNext: onNext,
|
|
138
|
+
onPrev: onPrev,
|
|
136
139
|
scrollMode: scrollMode,
|
|
137
|
-
disableWeekDays: disableWeekDays,
|
|
138
140
|
startWeekOnMonday: startWeekOnMonday || false
|
|
139
141
|
})
|
|
140
142
|
}), scrollMode === 'horizontal' ? /*#__PURE__*/_jsx(YearPicker, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Swiper","Month","areDatesOnSameDay","dateToUnix","getEndOfDay","getInitialIndex","CalendarHeader","memo","useCallback","useState","YearPicker","useTheme","useLatest","sharedStyles","defaultStartYear","defaultEndYear","jsx","_jsx","jsxs","_jsxs","Calendar","props","locale","mode","onChange","startDate","endDate","date","disableWeekDays","startYear","endYear","dates","validRange","dateMode","startWeekOnMonday","dayContent","dayContentPosition","dayContentStyle","scrollMode","firstDate","theme","selectedYear","setSelectedYear","undefined","selectingYear","setSelectingYear","startDateRef","endDateRef","onChangeRef","datesRef","onPressYear","year","prev","onPressDate","d","current","sd","ed","isStart","exists","some","newDates","filter","sort","a","b","getTime","datePressed","change","selectColor","colors","primaryContainer","style","root","children","initialIndex","renderItem","index","primaryColor","primary","roundness","renderHeader","onPrev","onNext"],"sourceRoot":"../../../src","sources":["Date/Calendar.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["View","Swiper","Month","areDatesOnSameDay","dateToUnix","getEndOfDay","getInitialIndex","CalendarHeader","memo","useCallback","useState","YearPicker","useTheme","useLatest","sharedStyles","defaultStartYear","defaultEndYear","jsx","_jsx","jsxs","_jsxs","Calendar","props","locale","mode","onChange","startDate","endDate","date","disableWeekDays","startYear","endYear","dates","validRange","dateMode","startWeekOnMonday","dayContent","dayContentPosition","dayContentStyle","scrollMode","firstDate","theme","selectedYear","setSelectedYear","undefined","selectingYear","setSelectingYear","startDateRef","endDateRef","onChangeRef","datesRef","onPressYear","year","prev","onPressDate","d","current","sd","ed","isStart","exists","some","newDates","filter","sort","a","b","getTime","datePressed","change","selectColor","colors","primaryContainer","style","root","minHeightZero","children","initialIndex","renderItem","index","primaryColor","primary","roundness","renderHeader","endInset","onPrev","onNext"],"sourceRoot":"../../../src","sources":["Date/Calendar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { Keyboard, StyleSheet, View } from 'react-native';
|
|
4
4
|
import DatePickerInputWithoutModal from './DatePickerInputWithoutModal';
|
|
5
|
+
import { weekdaySpan, weekdaySpanOvershoot } from './weekdayColumns';
|
|
5
6
|
import { memo, useCallback, useEffect, useRef } from 'react';
|
|
6
7
|
import { useTheme } from 'react-native-paper';
|
|
7
8
|
import { sharedStyles } from '../shared/styles';
|
|
@@ -18,7 +19,8 @@ function CalendarEdit({
|
|
|
18
19
|
locale,
|
|
19
20
|
inputEnabled,
|
|
20
21
|
withDateFormatInLabel,
|
|
21
|
-
placeholder
|
|
22
|
+
placeholder,
|
|
23
|
+
disableWeekDays
|
|
22
24
|
}) {
|
|
23
25
|
const theme = useTheme();
|
|
24
26
|
const dateInput = useRef(null);
|
|
@@ -53,43 +55,23 @@ function CalendarEdit({
|
|
|
53
55
|
const onSubmitInput = useCallback(() => {
|
|
54
56
|
// TODO: close modal and persist range
|
|
55
57
|
}, []);
|
|
56
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/_jsx(View, {
|
|
57
59
|
style: styles.root,
|
|
58
|
-
children:
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
value: state.date,
|
|
64
|
-
onChange: date => onChange({
|
|
65
|
-
...state,
|
|
66
|
-
date
|
|
67
|
-
}),
|
|
68
|
-
onSubmitEditing: onSubmitInput,
|
|
69
|
-
validRange: validRange,
|
|
70
|
-
locale: locale,
|
|
71
|
-
withModal: false,
|
|
72
|
-
autoComplete: 'off',
|
|
73
|
-
inputEnabled: inputEnabled,
|
|
74
|
-
withDateFormatInLabel: withDateFormatInLabel,
|
|
75
|
-
placeholder: placeholder,
|
|
76
|
-
style: inputStyle
|
|
77
|
-
}) : null, mode === 'range' ? /*#__PURE__*/_jsxs(View, {
|
|
78
|
-
style: sharedStyles.flexDirectionRow,
|
|
79
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
80
|
-
style: sharedStyles.root,
|
|
81
|
-
children: /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
60
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
61
|
+
style: weekdaySpan(disableWeekDays),
|
|
62
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
63
|
+
style: weekdaySpanOvershoot,
|
|
64
|
+
children: [mode === 'single' ? /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
82
65
|
inputMode: "start",
|
|
83
|
-
ref:
|
|
66
|
+
ref: dateInput,
|
|
84
67
|
mode: "outlined",
|
|
85
|
-
label:
|
|
86
|
-
value: state.
|
|
87
|
-
onChange:
|
|
68
|
+
label: label,
|
|
69
|
+
value: state.date,
|
|
70
|
+
onChange: date => onChange({
|
|
88
71
|
...state,
|
|
89
|
-
|
|
72
|
+
date
|
|
90
73
|
}),
|
|
91
|
-
|
|
92
|
-
onSubmitEditing: onSubmitStartInput,
|
|
74
|
+
onSubmitEditing: onSubmitInput,
|
|
93
75
|
validRange: validRange,
|
|
94
76
|
locale: locale,
|
|
95
77
|
withModal: false,
|
|
@@ -98,38 +80,65 @@ function CalendarEdit({
|
|
|
98
80
|
withDateFormatInLabel: withDateFormatInLabel,
|
|
99
81
|
placeholder: placeholder,
|
|
100
82
|
style: inputStyle
|
|
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
|
-
|
|
127
|
-
|
|
83
|
+
}) : null, mode === 'range' ? /*#__PURE__*/_jsxs(View, {
|
|
84
|
+
style: sharedStyles.flexDirectionRow,
|
|
85
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
86
|
+
style: sharedStyles.root,
|
|
87
|
+
children: /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
88
|
+
inputMode: "start",
|
|
89
|
+
ref: startInput,
|
|
90
|
+
mode: "outlined",
|
|
91
|
+
label: startLabel,
|
|
92
|
+
value: state.startDate,
|
|
93
|
+
onChange: startDate => onChange({
|
|
94
|
+
...state,
|
|
95
|
+
startDate
|
|
96
|
+
}),
|
|
97
|
+
returnKeyType: 'next',
|
|
98
|
+
onSubmitEditing: onSubmitStartInput,
|
|
99
|
+
validRange: validRange,
|
|
100
|
+
locale: locale,
|
|
101
|
+
withModal: false,
|
|
102
|
+
autoComplete: 'off',
|
|
103
|
+
inputEnabled: inputEnabled,
|
|
104
|
+
withDateFormatInLabel: withDateFormatInLabel,
|
|
105
|
+
placeholder: placeholder,
|
|
106
|
+
style: inputStyle
|
|
107
|
+
})
|
|
108
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
109
|
+
style: styles.separator
|
|
110
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
111
|
+
style: sharedStyles.root,
|
|
112
|
+
children: /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
113
|
+
inputMode: "end",
|
|
114
|
+
ref: endInput,
|
|
115
|
+
mode: "outlined",
|
|
116
|
+
label: endLabel,
|
|
117
|
+
value: state.endDate,
|
|
118
|
+
onChange: endDate => onChange({
|
|
119
|
+
...state,
|
|
120
|
+
endDate
|
|
121
|
+
}),
|
|
122
|
+
onSubmitEditing: onSubmitEndInput,
|
|
123
|
+
validRange: validRange,
|
|
124
|
+
locale: locale,
|
|
125
|
+
withModal: false,
|
|
126
|
+
autoComplete: "off",
|
|
127
|
+
inputEnabled: inputEnabled,
|
|
128
|
+
withDateFormatInLabel: withDateFormatInLabel,
|
|
129
|
+
placeholder: placeholder,
|
|
130
|
+
style: inputStyle
|
|
131
|
+
})
|
|
132
|
+
})]
|
|
133
|
+
}) : null]
|
|
134
|
+
})
|
|
135
|
+
})
|
|
128
136
|
});
|
|
129
137
|
}
|
|
130
138
|
const styles = StyleSheet.create({
|
|
131
139
|
root: {
|
|
132
|
-
|
|
140
|
+
paddingVertical: 12,
|
|
141
|
+
width: '100%'
|
|
133
142
|
},
|
|
134
143
|
separator: {
|
|
135
144
|
width: 12
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Keyboard","StyleSheet","View","DatePickerInputWithoutModal","memo","useCallback","useEffect","useRef","useTheme","sharedStyles","jsx","_jsx","jsxs","_jsxs","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","withDateFormatInLabel","placeholder","theme","dateInput","startInput","endInput","inputStyle","backgroundColor","colors","elevation","level3","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","onSubmitEndInput","onSubmitInput","style","styles","root","children","inputMode","ref","value","date","onSubmitEditing","withModal","autoComplete","flexDirectionRow","startDate","returnKeyType","separator","endDate","create","
|
|
1
|
+
{"version":3,"names":["Keyboard","StyleSheet","View","DatePickerInputWithoutModal","weekdaySpan","weekdaySpanOvershoot","memo","useCallback","useEffect","useRef","useTheme","sharedStyles","jsx","_jsx","jsxs","_jsxs","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","withDateFormatInLabel","placeholder","disableWeekDays","theme","dateInput","startInput","endInput","inputStyle","backgroundColor","colors","elevation","level3","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","onSubmitEndInput","onSubmitInput","style","styles","root","children","inputMode","ref","value","date","onSubmitEditing","withModal","autoComplete","flexDirectionRow","startDate","returnKeyType","separator","endDate","create","paddingVertical","width"],"sourceRoot":"../../../src","sources":["Date/CalendarEdit.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
4
4
|
import { IconButton, useTheme } from 'react-native-paper';
|
|
5
5
|
import DayNames, { dayNamesHeight } from './DayNames';
|
|
6
|
+
import { centerIconOnLastWeekday } from './weekdayColumns';
|
|
6
7
|
import { getTranslation } from '../translations/utils';
|
|
7
8
|
import { sharedStyles } from '../shared/styles';
|
|
8
9
|
import { memo } from 'react';
|
|
10
|
+
|
|
11
|
+
/** Space reserved so an overlay header does not paint over a vertical scrollbar. */
|
|
9
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export const verticalScrollbarGutter = Platform.select({
|
|
14
|
+
ios: 0,
|
|
15
|
+
web: 16,
|
|
16
|
+
default: 14
|
|
17
|
+
});
|
|
10
18
|
const buttonContainerHeight = 56;
|
|
11
19
|
const buttonContainerMarginTop = 4;
|
|
12
20
|
const buttonContainerMarginBottom = 8;
|
|
@@ -22,12 +30,15 @@ function CalendarHeader({
|
|
|
22
30
|
onNext,
|
|
23
31
|
disableWeekDays,
|
|
24
32
|
locale,
|
|
25
|
-
startWeekOnMonday
|
|
33
|
+
startWeekOnMonday,
|
|
34
|
+
endInset = 0
|
|
26
35
|
}) {
|
|
27
36
|
const isHorizontal = scrollMode === 'horizontal';
|
|
28
37
|
const theme = useTheme();
|
|
29
38
|
return /*#__PURE__*/_jsxs(View, {
|
|
30
|
-
style: styles.datePickerHeader,
|
|
39
|
+
style: endInset ? [styles.datePickerHeader, {
|
|
40
|
+
right: endInset
|
|
41
|
+
}] : styles.datePickerHeader,
|
|
31
42
|
pointerEvents: 'box-none',
|
|
32
43
|
children: [isHorizontal ? /*#__PURE__*/_jsxs(View, {
|
|
33
44
|
style: styles.buttonContainer,
|
|
@@ -35,26 +46,23 @@ function CalendarHeader({
|
|
|
35
46
|
children: [/*#__PURE__*/_jsx(View, {
|
|
36
47
|
style: sharedStyles.root,
|
|
37
48
|
pointerEvents: 'box-none'
|
|
38
|
-
}), /*#__PURE__*/
|
|
39
|
-
style: {
|
|
49
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
50
|
+
style: [styles.arrowGroup, {
|
|
40
51
|
backgroundColor: theme.colors.elevation.level3
|
|
41
|
-
},
|
|
42
|
-
children: /*#__PURE__*/_jsx(IconButton, {
|
|
52
|
+
}, centerIconOnLastWeekday(disableWeekDays)],
|
|
53
|
+
children: [/*#__PURE__*/_jsx(IconButton, {
|
|
43
54
|
icon: "chevron-left",
|
|
44
55
|
accessibilityLabel: getTranslation(locale, 'previous'),
|
|
45
56
|
onPress: onPrev,
|
|
46
|
-
testID: "react-native-paper-dates-prev-month"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
style: {
|
|
50
|
-
backgroundColor: theme.colors.elevation.level3
|
|
51
|
-
},
|
|
52
|
-
children: /*#__PURE__*/_jsx(IconButton, {
|
|
57
|
+
testID: "react-native-paper-dates-prev-month",
|
|
58
|
+
style: styles.arrowButton
|
|
59
|
+
}), /*#__PURE__*/_jsx(IconButton, {
|
|
53
60
|
icon: "chevron-right",
|
|
54
61
|
accessibilityLabel: getTranslation(locale, 'next'),
|
|
55
62
|
onPress: onNext,
|
|
56
|
-
testID: "react-native-paper-dates-next-month"
|
|
57
|
-
|
|
63
|
+
testID: "react-native-paper-dates-next-month",
|
|
64
|
+
style: styles.arrowButton
|
|
65
|
+
})]
|
|
58
66
|
})]
|
|
59
67
|
}) : null, /*#__PURE__*/_jsx(DayNames, {
|
|
60
68
|
disableWeekDays: disableWeekDays,
|
|
@@ -77,6 +85,13 @@ const styles = StyleSheet.create({
|
|
|
77
85
|
marginBottom: buttonContainerMarginBottom,
|
|
78
86
|
flexDirection: 'row',
|
|
79
87
|
alignItems: 'center'
|
|
88
|
+
},
|
|
89
|
+
arrowGroup: {
|
|
90
|
+
flexDirection: 'row',
|
|
91
|
+
alignItems: 'center'
|
|
92
|
+
},
|
|
93
|
+
arrowButton: {
|
|
94
|
+
margin: 0
|
|
80
95
|
}
|
|
81
96
|
});
|
|
82
97
|
export default /*#__PURE__*/memo(CalendarHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","IconButton","useTheme","DayNames","dayNamesHeight","getTranslation","sharedStyles","memo","jsx","_jsx","jsxs","_jsxs","buttonContainerHeight","buttonContainerMarginTop","buttonContainerMarginBottom","getCalendarHeaderHeight","scrollMode","CalendarHeader","onPrev","onNext","disableWeekDays","locale","startWeekOnMonday","isHorizontal","theme","style","styles","datePickerHeader","pointerEvents","children","buttonContainer","root","backgroundColor","colors","elevation","level3","icon","accessibilityLabel","onPress","testID","create","position","top","
|
|
1
|
+
{"version":3,"names":["Platform","StyleSheet","View","IconButton","useTheme","DayNames","dayNamesHeight","centerIconOnLastWeekday","getTranslation","sharedStyles","memo","jsx","_jsx","jsxs","_jsxs","verticalScrollbarGutter","select","ios","web","default","buttonContainerHeight","buttonContainerMarginTop","buttonContainerMarginBottom","getCalendarHeaderHeight","scrollMode","CalendarHeader","onPrev","onNext","disableWeekDays","locale","startWeekOnMonday","endInset","isHorizontal","theme","style","styles","datePickerHeader","right","pointerEvents","children","buttonContainer","root","arrowGroup","backgroundColor","colors","elevation","level3","icon","accessibilityLabel","onPress","testID","arrowButton","create","position","top","left","zIndex","height","marginTop","marginBottom","flexDirection","alignItems","margin"],"sourceRoot":"../../../src","sources":["Date/CalendarHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Modal, Platform, StyleSheet, TouchableWithoutFeedback,
|
|
3
|
+
import { Modal, Platform, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
|
|
4
4
|
import { useTheme } from 'react-native-paper';
|
|
5
5
|
import DatePickerModalContent from './DatePickerModalContent';
|
|
6
6
|
import { memo } from 'react';
|
|
7
7
|
import { sharedStyles } from '../shared/styles';
|
|
8
|
-
import { supportedOrientations } from '../shared/utils';
|
|
8
|
+
import { supportedOrientations, useIsLargeScreen } from '../shared/utils';
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
export function DatePickerModal(props) {
|
|
11
11
|
const {
|
|
@@ -23,16 +23,9 @@ export function DatePickerModal(props) {
|
|
|
23
23
|
default: 'slide'
|
|
24
24
|
});
|
|
25
25
|
const theme = useTheme();
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
// Automatically use formSheet on iPad for better fit
|
|
29
|
-
// iPad detection: width > 650 AND height > 650 (works in both orientations)
|
|
30
|
-
// - iPad portrait: 744x1133, landscape: 1133x744 (both > 650)
|
|
31
|
-
// - iPhone landscape: 932x430 (height < 650, so excluded)
|
|
32
|
-
// pageSheet on iPad is ~540pt wide, but calendar is max 400pt, causing centering
|
|
33
|
-
// formSheet at ~540x620pt provides a better fit for the date picker
|
|
26
|
+
const isLargeScreen = useIsLargeScreen();
|
|
34
27
|
const shouldUseSheet = Platform.OS === 'ios' && (presentationStyle === 'pageSheet' || presentationStyle === 'formSheet');
|
|
35
|
-
const useFormSheet = shouldUseSheet &&
|
|
28
|
+
const useFormSheet = shouldUseSheet && isLargeScreen;
|
|
36
29
|
const isSheet = shouldUseSheet;
|
|
37
30
|
return /*#__PURE__*/_jsx(View, {
|
|
38
31
|
style: StyleSheet.absoluteFill,
|
|
@@ -58,7 +51,7 @@ export function DatePickerModal(props) {
|
|
|
58
51
|
children: /*#__PURE__*/_jsx(View, {
|
|
59
52
|
style: [styles.modalContent, {
|
|
60
53
|
backgroundColor: theme.colors.elevation.level3
|
|
61
|
-
},
|
|
54
|
+
}, isLargeScreen ? useFormSheet ? styles.modalContentFormSheet : styles.modalContentBig : null],
|
|
62
55
|
children: /*#__PURE__*/_jsx(DatePickerModalContent, {
|
|
63
56
|
...rest,
|
|
64
57
|
inputEnabled: inputEnabled,
|
|
@@ -76,7 +69,8 @@ export function DatePickerModal(props) {
|
|
|
76
69
|
const styles = StyleSheet.create({
|
|
77
70
|
modalContent: {
|
|
78
71
|
flex: 1,
|
|
79
|
-
width: '100%'
|
|
72
|
+
width: '100%',
|
|
73
|
+
minHeight: 0
|
|
80
74
|
},
|
|
81
75
|
modalContentBig: {
|
|
82
76
|
maxWidth: 400,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Modal","Platform","StyleSheet","TouchableWithoutFeedback","
|
|
1
|
+
{"version":3,"names":["Modal","Platform","StyleSheet","TouchableWithoutFeedback","View","useTheme","DatePickerModalContent","memo","sharedStyles","supportedOrientations","useIsLargeScreen","jsx","_jsx","jsxs","_jsxs","DatePickerModal","props","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","statusBarOnTopOfBackdrop","rest","animationTypeCalculated","select","web","default","theme","isLargeScreen","shouldUseSheet","OS","useFormSheet","isSheet","style","absoluteFill","pointerEvents","children","transparent","onRequestClose","onDismiss","statusBarTranslucent","onPress","root","backgroundColor","colors","backdrop","styles","modalRoot","modalContent","elevation","level3","modalContentFormSheet","modalContentBig","disableSafeTop","withDateFormatInLabel","placeholder","create","flex","width","minHeight","maxWidth","maxHeight","borderRadius","overflow","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,6 +8,9 @@ import CalendarEdit from './CalendarEdit';
|
|
|
8
8
|
import DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground';
|
|
9
9
|
import DatePickerModalStatusBar from './DatePickerModalStatusBar';
|
|
10
10
|
import { memo, useCallback, useEffect, useState } from 'react';
|
|
11
|
+
import { View } from 'react-native';
|
|
12
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
13
|
+
import { sharedStyles } from '../shared/styles';
|
|
11
14
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
15
|
export function DatePickerModalContent(props) {
|
|
13
16
|
const {
|
|
@@ -31,6 +34,7 @@ export function DatePickerModalContent(props) {
|
|
|
31
34
|
} = props;
|
|
32
35
|
const anyProps = props;
|
|
33
36
|
const defaultUppercase = false;
|
|
37
|
+
const insets = useSafeAreaInsets();
|
|
34
38
|
|
|
35
39
|
// use local state to add only onConfirm state changes
|
|
36
40
|
const [state, setState] = useState({
|
|
@@ -81,6 +85,7 @@ export function DatePickerModalContent(props) {
|
|
|
81
85
|
}, [setCollapsed]);
|
|
82
86
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
83
87
|
children: [/*#__PURE__*/_jsxs(DatePickerModalHeaderBackground, {
|
|
88
|
+
disableWeekDays: disableWeekDays,
|
|
84
89
|
children: [/*#__PURE__*/_jsx(DatePickerModalStatusBar, {
|
|
85
90
|
disableSafeTop: !!disableSafeTop,
|
|
86
91
|
disableStatusBar: !!disableStatusBar,
|
|
@@ -92,7 +97,8 @@ export function DatePickerModalContent(props) {
|
|
|
92
97
|
saveLabel: props.saveLabel,
|
|
93
98
|
saveLabelDisabled: props.saveLabelDisabled ?? false,
|
|
94
99
|
uppercase: props.uppercase ?? defaultUppercase,
|
|
95
|
-
closeIcon: props.closeIcon
|
|
100
|
+
closeIcon: props.closeIcon,
|
|
101
|
+
disableWeekDays: disableWeekDays
|
|
96
102
|
}), /*#__PURE__*/_jsx(DatePickerModalContentHeader, {
|
|
97
103
|
state: state,
|
|
98
104
|
mode: mode,
|
|
@@ -108,41 +114,49 @@ export function DatePickerModalContent(props) {
|
|
|
108
114
|
locale: locale,
|
|
109
115
|
editIcon: props?.editIcon,
|
|
110
116
|
calendarIcon: props.calendarIcon,
|
|
111
|
-
allowEditing: props.allowEditing ?? true
|
|
117
|
+
allowEditing: props.allowEditing ?? true,
|
|
118
|
+
disableWeekDays: disableWeekDays
|
|
112
119
|
})]
|
|
113
|
-
}), /*#__PURE__*/_jsx(
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
endDate: state.endDate,
|
|
120
|
-
date: state.date,
|
|
121
|
-
onChange: onInnerChange,
|
|
122
|
-
disableWeekDays: disableWeekDays,
|
|
123
|
-
dates: state.dates,
|
|
124
|
-
validRange: validRange,
|
|
125
|
-
dateMode: dateMode,
|
|
126
|
-
startYear: startYear,
|
|
127
|
-
endYear: endYear,
|
|
128
|
-
startWeekOnMonday: startWeekOnMonday,
|
|
129
|
-
dayContent: dayContent,
|
|
130
|
-
dayContentPosition: dayContentPosition,
|
|
131
|
-
dayContentStyle: dayContentStyle
|
|
132
|
-
}),
|
|
133
|
-
calendarEdit: /*#__PURE__*/_jsx(CalendarEdit, {
|
|
134
|
-
mode: mode,
|
|
135
|
-
state: state,
|
|
136
|
-
label: props.label,
|
|
137
|
-
startLabel: props.startLabel,
|
|
138
|
-
endLabel: props.endLabel,
|
|
120
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
121
|
+
style: [sharedStyles.root, sharedStyles.minHeightZero, {
|
|
122
|
+
paddingLeft: insets.left,
|
|
123
|
+
paddingRight: insets.right
|
|
124
|
+
}],
|
|
125
|
+
children: /*#__PURE__*/_jsx(AnimatedCrossView, {
|
|
139
126
|
collapsed: collapsed,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
127
|
+
calendar: /*#__PURE__*/_jsx(Calendar, {
|
|
128
|
+
locale: locale,
|
|
129
|
+
mode: mode,
|
|
130
|
+
startDate: state.startDate,
|
|
131
|
+
endDate: state.endDate,
|
|
132
|
+
date: state.date,
|
|
133
|
+
onChange: onInnerChange,
|
|
134
|
+
disableWeekDays: disableWeekDays,
|
|
135
|
+
dates: state.dates,
|
|
136
|
+
validRange: validRange,
|
|
137
|
+
dateMode: dateMode,
|
|
138
|
+
startYear: startYear,
|
|
139
|
+
endYear: endYear,
|
|
140
|
+
startWeekOnMonday: startWeekOnMonday,
|
|
141
|
+
dayContent: dayContent,
|
|
142
|
+
dayContentPosition: dayContentPosition,
|
|
143
|
+
dayContentStyle: dayContentStyle
|
|
144
|
+
}),
|
|
145
|
+
calendarEdit: /*#__PURE__*/_jsx(CalendarEdit, {
|
|
146
|
+
mode: mode,
|
|
147
|
+
state: state,
|
|
148
|
+
label: props.label,
|
|
149
|
+
startLabel: props.startLabel,
|
|
150
|
+
endLabel: props.endLabel,
|
|
151
|
+
collapsed: collapsed,
|
|
152
|
+
onChange: onInnerChange,
|
|
153
|
+
validRange: validRange,
|
|
154
|
+
locale: locale,
|
|
155
|
+
inputEnabled: props.inputEnabled,
|
|
156
|
+
withDateFormatInLabel: props.withDateFormatInLabel,
|
|
157
|
+
placeholder: props.placeholder,
|
|
158
|
+
disableWeekDays: disableWeekDays
|
|
159
|
+
})
|
|
146
160
|
})
|
|
147
161
|
})]
|
|
148
162
|
});
|