react-native-paper-dates 0.24.0 → 0.24.2
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 +26 -12
- package/lib/commonjs/Date/AutoSizer.js.map +1 -1
- package/lib/commonjs/Date/Calendar.js +8 -4
- 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 +33 -12
- package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContent.js +69 -35
- 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 +35 -22
- package/lib/commonjs/Date/Swiper.js.map +1 -1
- package/lib/commonjs/Date/Swiper.native.js +54 -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 +27 -13
- package/lib/module/Date/AutoSizer.js.map +1 -1
- package/lib/module/Date/Calendar.js +8 -4
- 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 +35 -14
- package/lib/module/Date/DatePickerModal.js.map +1 -1
- package/lib/module/Date/DatePickerModalContent.js +69 -35
- 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 +36 -23
- package/lib/module/Date/Swiper.js.map +1 -1
- package/lib/module/Date/Swiper.native.js +55 -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 +3 -1
- package/lib/typescript/Date/AutoSizer.d.ts.map +1 -1
- package/lib/typescript/Date/Calendar.d.ts +9 -0
- 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 +8 -0
- 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 +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 +5 -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 +36 -9
- package/src/Date/Calendar.tsx +13 -4
- package/src/Date/CalendarEdit.tsx +60 -51
- package/src/Date/CalendarHeader.tsx +38 -6
- package/src/Date/DatePickerModal.tsx +40 -13
- package/src/Date/DatePickerModalContent.tsx +78 -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 +92 -44
- package/src/Date/Swiper.tsx +46 -20
- package/src/Date/SwiperUtils.ts +2 -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
|
@@ -24,10 +24,10 @@ function AnimatedCrossView({
|
|
|
24
24
|
}).start();
|
|
25
25
|
}, [collapsed]);
|
|
26
26
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
27
|
-
style: _styles.sharedStyles.root,
|
|
27
|
+
style: [_styles.sharedStyles.root, _styles.sharedStyles.minHeightZero],
|
|
28
28
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
29
29
|
pointerEvents: collapsed ? 'auto' : 'none',
|
|
30
|
-
style: [_styles.sharedStyles.root, {
|
|
30
|
+
style: [_styles.sharedStyles.minHeightZero, _styles.sharedStyles.root, {
|
|
31
31
|
opacity: calendarOpacity.current,
|
|
32
32
|
transform: [{
|
|
33
33
|
scaleY: calendarOpacity.current.interpolate({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativePaper","_styles","_jsxRuntime","AnimatedCrossView","collapsed","calendar","calendarEdit","theme","useTheme","calendarOpacity","useRef","Animated","Value","useEffect","timing","current","toValue","duration","useNativeDriver","start","jsxs","View","style","sharedStyles","root","children","jsx","pointerEvents","opacity","transform","scaleY","interpolate","inputRange","outputRange","scaleX","styles","backgroundColor","colors","elevation","level3","scale","StyleSheet","create","position","left","right"],"sourceRoot":"../../../src","sources":["Date/AnimatedCrossView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAEhC,SAASK,iBAAiBA,CAAC;EACxCC,SAAS;EACTC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EAExB,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAC5B,IAAIC,qBAAQ,CAACC,KAAK,CAACR,SAAS,GAAG,CAAC,GAAG,CAAC,CACtC,CAAC;EAED,IAAAS,gBAAS,EAAC,MAAM;IACdF,qBAAQ,CAACG,MAAM,CAACL,eAAe,CAACM,OAAO,EAAE;MACvCC,OAAO,EAAEZ,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1Ba,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACf,SAAS,CAAC,CAAC;EAEf,oBACE,IAAAF,WAAA,CAAAkB,IAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativePaper","_styles","_jsxRuntime","AnimatedCrossView","collapsed","calendar","calendarEdit","theme","useTheme","calendarOpacity","useRef","Animated","Value","useEffect","timing","current","toValue","duration","useNativeDriver","start","jsxs","View","style","sharedStyles","root","minHeightZero","children","jsx","pointerEvents","opacity","transform","scaleY","interpolate","inputRange","outputRange","scaleX","styles","backgroundColor","colors","elevation","level3","scale","StyleSheet","create","position","left","right"],"sourceRoot":"../../../src","sources":["Date/AnimatedCrossView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,24 +9,38 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _styles = require("../shared/styles");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
function AutoSizer({
|
|
12
|
-
children
|
|
12
|
+
children,
|
|
13
|
+
initialLayout
|
|
13
14
|
}) {
|
|
14
|
-
const
|
|
15
|
+
const {
|
|
16
|
+
width: windowWidth,
|
|
17
|
+
height: windowHeight
|
|
18
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
19
|
+
const windowKey = `${windowWidth}x${windowHeight}`;
|
|
20
|
+
const [measured, setMeasured] = (0, _react.useState)(null);
|
|
15
21
|
const onLayout = (0, _react.useCallback)(event => {
|
|
16
22
|
const nl = event.nativeEvent.layout;
|
|
17
23
|
// https://github.com/necolas/react-native-web/issues/1704
|
|
18
|
-
|
|
19
|
-
|
|
24
|
+
setMeasured(prev => {
|
|
25
|
+
if (prev && prev.windowKey === windowKey && prev.width === nl.width && prev.height === nl.height) {
|
|
26
|
+
return prev;
|
|
27
|
+
}
|
|
28
|
+
return {
|
|
29
|
+
windowKey,
|
|
20
30
|
width: nl.width,
|
|
21
31
|
height: nl.height
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}, [
|
|
25
|
-
const
|
|
26
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View
|
|
32
|
+
};
|
|
33
|
+
});
|
|
34
|
+
}, [windowKey]);
|
|
35
|
+
const layout = measured && measured.windowKey === windowKey && measured.width > 0 && measured.height > 0 ? measured : initialLayout ?? null;
|
|
36
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View
|
|
37
|
+
// Modals often skip onLayout during rotation. Keying by window size
|
|
38
|
+
// mounts a fresh sizer so the calendar gets the landscape viewport.
|
|
39
|
+
, {
|
|
40
|
+
collapsable: false,
|
|
27
41
|
onLayout: onLayout,
|
|
28
|
-
style: [_styles.sharedStyles.overflowHidden, _styles.sharedStyles.root,
|
|
29
|
-
children:
|
|
30
|
-
});
|
|
42
|
+
style: [_styles.sharedStyles.overflowHidden, _styles.sharedStyles.root, _styles.sharedStyles.minHeightZero],
|
|
43
|
+
children: layout ? children(layout) : null
|
|
44
|
+
}, windowKey);
|
|
31
45
|
}
|
|
32
46
|
//# sourceMappingURL=AutoSizer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_styles","_jsxRuntime","AutoSizer","children","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_styles","_jsxRuntime","AutoSizer","children","initialLayout","width","windowWidth","height","windowHeight","useWindowDimensions","windowKey","measured","setMeasured","useState","onLayout","useCallback","event","nl","nativeEvent","layout","prev","jsx","View","collapsable","style","sharedStyles","overflowHidden","root","minHeightZero"],"sourceRoot":"../../../src","sources":["Date/AutoSizer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAWhC,SAASI,SAASA,CAAC;EAChCC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC1E,MAAMC,SAAS,GAAG,GAAGJ,WAAW,IAAIE,YAAY,EAAE;EAClD,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EAErE,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,KAAwB,IAAK;IAC5B,MAAMC,EAAE,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IACnC;IACAP,WAAW,CAAEQ,IAAI,IAAK;MACpB,IACEA,IAAI,IACJA,IAAI,CAACV,SAAS,KAAKA,SAAS,IAC5BU,IAAI,CAACf,KAAK,KAAKY,EAAE,CAACZ,KAAK,IACvBe,IAAI,CAACb,MAAM,KAAKU,EAAE,CAACV,MAAM,EACzB;QACA,OAAOa,IAAI;MACb;MACA,OAAO;QAAEV,SAAS;QAAEL,KAAK,EAAEY,EAAE,CAACZ,KAAK;QAAEE,MAAM,EAAEU,EAAE,CAACV;MAAO,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,EACD,CAACG,SAAS,CACZ,CAAC;EAED,MAAMS,MAAM,GACVR,QAAQ,IACRA,QAAQ,CAACD,SAAS,KAAKA,SAAS,IAChCC,QAAQ,CAACN,KAAK,GAAG,CAAC,IAClBM,QAAQ,CAACJ,MAAM,GAAG,CAAC,GACfI,QAAQ,GACPP,aAAa,IAAI,IAAK;EAE7B,oBACE,IAAAH,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAAuB;EACC;EACA;EAAA;IAEAC,WAAW,EAAE,KAAM;IACnBT,QAAQ,EAAEA,QAAS;IACnBU,KAAK,EAAE,CACLC,oBAAY,CAACC,cAAc,EAC3BD,oBAAY,CAACE,IAAI,EACjBF,oBAAY,CAACG,aAAa,CAC1B;IAAAzB,QAAA,EAEDgB,MAAM,GAAGhB,QAAQ,CAACgB,MAAM,CAAC,GAAG;EAAI,GAT5BT,SAUD,CAAC;AAEX","ignoreList":[]}
|
|
@@ -46,7 +46,8 @@ function Calendar(props) {
|
|
|
46
46
|
startWeekOnMonday,
|
|
47
47
|
dayContent,
|
|
48
48
|
dayContentPosition,
|
|
49
|
-
dayContentStyle
|
|
49
|
+
dayContentStyle,
|
|
50
|
+
initialLayout
|
|
50
51
|
} = props;
|
|
51
52
|
const scrollMode = mode === 'range' || mode === 'multiple' ? 'vertical' : 'horizontal';
|
|
52
53
|
const firstDate = startDate || date || dates?.[0];
|
|
@@ -96,9 +97,10 @@ function Calendar(props) {
|
|
|
96
97
|
}, [mode, dateMode, onChangeRef, startDateRef, endDateRef, datesRef]);
|
|
97
98
|
const selectColor = theme.colors.primaryContainer;
|
|
98
99
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
99
|
-
style: _styles.sharedStyles.root,
|
|
100
|
+
style: [_styles.sharedStyles.root, _styles.sharedStyles.minHeightZero],
|
|
100
101
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Swiper.default, {
|
|
101
102
|
initialIndex: (0, _dateUtils.getInitialIndex)(firstDate, startYear, endYear),
|
|
103
|
+
initialLayout: initialLayout,
|
|
102
104
|
selectedYear: selectedYear,
|
|
103
105
|
scrollMode: scrollMode,
|
|
104
106
|
startWeekOnMonday: startWeekOnMonday || false,
|
|
@@ -131,14 +133,16 @@ function Calendar(props) {
|
|
|
131
133
|
dayContentStyle: dayContentStyle
|
|
132
134
|
}, index),
|
|
133
135
|
renderHeader: ({
|
|
136
|
+
endInset,
|
|
134
137
|
onPrev,
|
|
135
138
|
onNext
|
|
136
139
|
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarHeader.default, {
|
|
140
|
+
disableWeekDays: disableWeekDays,
|
|
141
|
+
endInset: endInset,
|
|
137
142
|
locale: locale,
|
|
138
|
-
onPrev: onPrev,
|
|
139
143
|
onNext: onNext,
|
|
144
|
+
onPrev: onPrev,
|
|
140
145
|
scrollMode: scrollMode,
|
|
141
|
-
disableWeekDays: disableWeekDays,
|
|
142
146
|
startWeekOnMonday: startWeekOnMonday || false
|
|
143
147
|
})
|
|
144
148
|
}), scrollMode === 'horizontal' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_YearPicker.default, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_Swiper","_interopRequireDefault","_Month","_dateUtils","_CalendarHeader","_react","_YearPicker","_reactNativePaper","_utils","_styles","_jsxRuntime","e","__esModule","default","Calendar","props","locale","mode","onChange","startDate","endDate","date","disableWeekDays","startYear","endYear","dates","validRange","dateMode","startWeekOnMonday","dayContent","dayContentPosition","dayContentStyle","scrollMode","firstDate","theme","useTheme","selectedYear","setSelectedYear","useState","undefined","selectingYear","setSelectingYear","startDateRef","useLatest","endDateRef","onChangeRef","datesRef","onPressYear","useCallback","year","prev","onPressDate","d","current","getEndOfDay","sd","ed","isStart","dateToUnix","exists","some","areDatesOnSameDay","newDates","filter","sort","a","b","getTime","datePressed","change","selectColor","colors","primaryContainer","jsxs","View","style","sharedStyles","root","children","jsx","initialIndex","getInitialIndex","renderItem","index","primaryColor","primary","roundness","renderHeader","onPrev","onNext","defaultStartYear","defaultEndYear","_default","exports","memo"],"sourceRoot":"../../../src","sources":["Date/Calendar.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAQA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAA+C,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAE,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAa/C;AACA;AACA;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_Swiper","_interopRequireDefault","_Month","_dateUtils","_CalendarHeader","_react","_YearPicker","_reactNativePaper","_utils","_styles","_jsxRuntime","e","__esModule","default","Calendar","props","locale","mode","onChange","startDate","endDate","date","disableWeekDays","startYear","endYear","dates","validRange","dateMode","startWeekOnMonday","dayContent","dayContentPosition","dayContentStyle","initialLayout","scrollMode","firstDate","theme","useTheme","selectedYear","setSelectedYear","useState","undefined","selectingYear","setSelectingYear","startDateRef","useLatest","endDateRef","onChangeRef","datesRef","onPressYear","useCallback","year","prev","onPressDate","d","current","getEndOfDay","sd","ed","isStart","dateToUnix","exists","some","areDatesOnSameDay","newDates","filter","sort","a","b","getTime","datePressed","change","selectColor","colors","primaryContainer","jsxs","View","style","sharedStyles","root","minHeightZero","children","jsx","initialIndex","getInitialIndex","renderItem","index","primaryColor","primary","roundness","renderHeader","endInset","onPrev","onNext","defaultStartYear","defaultEndYear","_default","exports","memo"],"sourceRoot":"../../../src","sources":["Date/Calendar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _DatePickerInputWithoutModal = _interopRequireDefault(require("./DatePickerInputWithoutModal"));
|
|
9
|
+
var _weekdayColumns = require("./weekdayColumns");
|
|
9
10
|
var _react = require("react");
|
|
10
11
|
var _reactNativePaper = require("react-native-paper");
|
|
11
12
|
var _styles = require("../shared/styles");
|
|
@@ -23,7 +24,8 @@ function CalendarEdit({
|
|
|
23
24
|
locale,
|
|
24
25
|
inputEnabled,
|
|
25
26
|
withDateFormatInLabel,
|
|
26
|
-
placeholder
|
|
27
|
+
placeholder,
|
|
28
|
+
disableWeekDays
|
|
27
29
|
}) {
|
|
28
30
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
29
31
|
const dateInput = (0, _react.useRef)(null);
|
|
@@ -58,43 +60,23 @@ function CalendarEdit({
|
|
|
58
60
|
const onSubmitInput = (0, _react.useCallback)(() => {
|
|
59
61
|
// TODO: close modal and persist range
|
|
60
62
|
}, []);
|
|
61
|
-
return /*#__PURE__*/(0, _jsxRuntime.
|
|
63
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
62
64
|
style: styles.root,
|
|
63
|
-
children:
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
value: state.date,
|
|
69
|
-
onChange: date => onChange({
|
|
70
|
-
...state,
|
|
71
|
-
date
|
|
72
|
-
}),
|
|
73
|
-
onSubmitEditing: onSubmitInput,
|
|
74
|
-
validRange: validRange,
|
|
75
|
-
locale: locale,
|
|
76
|
-
withModal: false,
|
|
77
|
-
autoComplete: 'off',
|
|
78
|
-
inputEnabled: inputEnabled,
|
|
79
|
-
withDateFormatInLabel: withDateFormatInLabel,
|
|
80
|
-
placeholder: placeholder,
|
|
81
|
-
style: inputStyle
|
|
82
|
-
}) : null, mode === 'range' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
83
|
-
style: _styles.sharedStyles.flexDirectionRow,
|
|
84
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
85
|
-
style: _styles.sharedStyles.root,
|
|
86
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerInputWithoutModal.default, {
|
|
65
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
66
|
+
style: (0, _weekdayColumns.weekdaySpan)(disableWeekDays),
|
|
67
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
68
|
+
style: _weekdayColumns.weekdaySpanOvershoot,
|
|
69
|
+
children: [mode === 'single' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerInputWithoutModal.default, {
|
|
87
70
|
inputMode: "start",
|
|
88
|
-
ref:
|
|
71
|
+
ref: dateInput,
|
|
89
72
|
mode: "outlined",
|
|
90
|
-
label:
|
|
91
|
-
value: state.
|
|
92
|
-
onChange:
|
|
73
|
+
label: label,
|
|
74
|
+
value: state.date,
|
|
75
|
+
onChange: date => onChange({
|
|
93
76
|
...state,
|
|
94
|
-
|
|
77
|
+
date
|
|
95
78
|
}),
|
|
96
|
-
|
|
97
|
-
onSubmitEditing: onSubmitStartInput,
|
|
79
|
+
onSubmitEditing: onSubmitInput,
|
|
98
80
|
validRange: validRange,
|
|
99
81
|
locale: locale,
|
|
100
82
|
withModal: false,
|
|
@@ -103,38 +85,65 @@ function CalendarEdit({
|
|
|
103
85
|
withDateFormatInLabel: withDateFormatInLabel,
|
|
104
86
|
placeholder: placeholder,
|
|
105
87
|
style: inputStyle
|
|
106
|
-
})
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
88
|
+
}) : null, mode === 'range' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
89
|
+
style: _styles.sharedStyles.flexDirectionRow,
|
|
90
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
91
|
+
style: _styles.sharedStyles.root,
|
|
92
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerInputWithoutModal.default, {
|
|
93
|
+
inputMode: "start",
|
|
94
|
+
ref: startInput,
|
|
95
|
+
mode: "outlined",
|
|
96
|
+
label: startLabel,
|
|
97
|
+
value: state.startDate,
|
|
98
|
+
onChange: startDate => onChange({
|
|
99
|
+
...state,
|
|
100
|
+
startDate
|
|
101
|
+
}),
|
|
102
|
+
returnKeyType: 'next',
|
|
103
|
+
onSubmitEditing: onSubmitStartInput,
|
|
104
|
+
validRange: validRange,
|
|
105
|
+
locale: locale,
|
|
106
|
+
withModal: false,
|
|
107
|
+
autoComplete: 'off',
|
|
108
|
+
inputEnabled: inputEnabled,
|
|
109
|
+
withDateFormatInLabel: withDateFormatInLabel,
|
|
110
|
+
placeholder: placeholder,
|
|
111
|
+
style: inputStyle
|
|
112
|
+
})
|
|
113
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
114
|
+
style: styles.separator
|
|
115
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
116
|
+
style: _styles.sharedStyles.root,
|
|
117
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerInputWithoutModal.default, {
|
|
118
|
+
inputMode: "end",
|
|
119
|
+
ref: endInput,
|
|
120
|
+
mode: "outlined",
|
|
121
|
+
label: endLabel,
|
|
122
|
+
value: state.endDate,
|
|
123
|
+
onChange: endDate => onChange({
|
|
124
|
+
...state,
|
|
125
|
+
endDate
|
|
126
|
+
}),
|
|
127
|
+
onSubmitEditing: onSubmitEndInput,
|
|
128
|
+
validRange: validRange,
|
|
129
|
+
locale: locale,
|
|
130
|
+
withModal: false,
|
|
131
|
+
autoComplete: "off",
|
|
132
|
+
inputEnabled: inputEnabled,
|
|
133
|
+
withDateFormatInLabel: withDateFormatInLabel,
|
|
134
|
+
placeholder: placeholder,
|
|
135
|
+
style: inputStyle
|
|
136
|
+
})
|
|
137
|
+
})]
|
|
138
|
+
}) : null]
|
|
139
|
+
})
|
|
140
|
+
})
|
|
133
141
|
});
|
|
134
142
|
}
|
|
135
143
|
const styles = _reactNative.StyleSheet.create({
|
|
136
144
|
root: {
|
|
137
|
-
|
|
145
|
+
paddingVertical: 12,
|
|
146
|
+
width: '100%'
|
|
138
147
|
},
|
|
139
148
|
separator: {
|
|
140
149
|
width: 12
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_DatePickerInputWithoutModal","_interopRequireDefault","_react","_reactNativePaper","_styles","_jsxRuntime","e","__esModule","default","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","withDateFormatInLabel","placeholder","theme","useTheme","dateInput","useRef","startInput","endInput","inputStyle","backgroundColor","colors","elevation","level3","useEffect","Keyboard","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","useCallback","onSubmitEndInput","onSubmitInput","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_DatePickerInputWithoutModal","_interopRequireDefault","_weekdayColumns","_react","_reactNativePaper","_styles","_jsxRuntime","e","__esModule","default","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","withDateFormatInLabel","placeholder","disableWeekDays","theme","useTheme","dateInput","useRef","startInput","endInput","inputStyle","backgroundColor","colors","elevation","level3","useEffect","Keyboard","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","useCallback","onSubmitEndInput","onSubmitInput","jsx","View","style","styles","root","children","weekdaySpan","jsxs","weekdaySpanOvershoot","inputMode","ref","value","date","onSubmitEditing","withModal","autoComplete","sharedStyles","flexDirectionRow","startDate","returnKeyType","separator","endDate","StyleSheet","create","paddingVertical","width","_default","exports","memo"],"sourceRoot":"../../../src","sources":["Date/CalendarEdit.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
exports.getCalendarHeaderHeight = getCalendarHeaderHeight;
|
|
8
|
+
exports.verticalScrollbarGutter = void 0;
|
|
8
9
|
var _reactNative = require("react-native");
|
|
9
10
|
var _reactNativePaper = require("react-native-paper");
|
|
10
11
|
var _DayNames = _interopRequireWildcard(require("./DayNames"));
|
|
12
|
+
var _weekdayColumns = require("./weekdayColumns");
|
|
11
13
|
var _utils = require("../translations/utils");
|
|
12
14
|
var _styles = require("../shared/styles");
|
|
13
15
|
var _react = require("react");
|
|
14
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
|
+
/** Space reserved so an overlay header does not paint over a vertical scrollbar. */
|
|
19
|
+
const verticalScrollbarGutter = exports.verticalScrollbarGutter = _reactNative.Platform.select({
|
|
20
|
+
ios: 0,
|
|
21
|
+
web: 16,
|
|
22
|
+
default: 14
|
|
23
|
+
});
|
|
16
24
|
const buttonContainerHeight = 56;
|
|
17
25
|
const buttonContainerMarginTop = 4;
|
|
18
26
|
const buttonContainerMarginBottom = 8;
|
|
@@ -28,12 +36,15 @@ function CalendarHeader({
|
|
|
28
36
|
onNext,
|
|
29
37
|
disableWeekDays,
|
|
30
38
|
locale,
|
|
31
|
-
startWeekOnMonday
|
|
39
|
+
startWeekOnMonday,
|
|
40
|
+
endInset = 0
|
|
32
41
|
}) {
|
|
33
42
|
const isHorizontal = scrollMode === 'horizontal';
|
|
34
43
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
35
44
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
36
|
-
style: styles.datePickerHeader,
|
|
45
|
+
style: endInset ? [styles.datePickerHeader, {
|
|
46
|
+
right: endInset
|
|
47
|
+
}] : styles.datePickerHeader,
|
|
37
48
|
pointerEvents: 'box-none',
|
|
38
49
|
children: [isHorizontal ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
39
50
|
style: styles.buttonContainer,
|
|
@@ -41,26 +52,23 @@ function CalendarHeader({
|
|
|
41
52
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
42
53
|
style: _styles.sharedStyles.root,
|
|
43
54
|
pointerEvents: 'box-none'
|
|
44
|
-
}), /*#__PURE__*/(0, _jsxRuntime.
|
|
45
|
-
style: {
|
|
55
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
56
|
+
style: [styles.arrowGroup, {
|
|
46
57
|
backgroundColor: theme.colors.elevation.level3
|
|
47
|
-
},
|
|
48
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.IconButton, {
|
|
58
|
+
}, (0, _weekdayColumns.centerIconOnLastWeekday)(disableWeekDays)],
|
|
59
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.IconButton, {
|
|
49
60
|
icon: "chevron-left",
|
|
50
61
|
accessibilityLabel: (0, _utils.getTranslation)(locale, 'previous'),
|
|
51
62
|
onPress: onPrev,
|
|
52
|
-
testID: "react-native-paper-dates-prev-month"
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
style: {
|
|
56
|
-
backgroundColor: theme.colors.elevation.level3
|
|
57
|
-
},
|
|
58
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.IconButton, {
|
|
63
|
+
testID: "react-native-paper-dates-prev-month",
|
|
64
|
+
style: styles.arrowButton
|
|
65
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.IconButton, {
|
|
59
66
|
icon: "chevron-right",
|
|
60
67
|
accessibilityLabel: (0, _utils.getTranslation)(locale, 'next'),
|
|
61
68
|
onPress: onNext,
|
|
62
|
-
testID: "react-native-paper-dates-next-month"
|
|
63
|
-
|
|
69
|
+
testID: "react-native-paper-dates-next-month",
|
|
70
|
+
style: styles.arrowButton
|
|
71
|
+
})]
|
|
64
72
|
})]
|
|
65
73
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayNames.default, {
|
|
66
74
|
disableWeekDays: disableWeekDays,
|
|
@@ -83,6 +91,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
83
91
|
marginBottom: buttonContainerMarginBottom,
|
|
84
92
|
flexDirection: 'row',
|
|
85
93
|
alignItems: 'center'
|
|
94
|
+
},
|
|
95
|
+
arrowGroup: {
|
|
96
|
+
flexDirection: 'row',
|
|
97
|
+
alignItems: 'center'
|
|
98
|
+
},
|
|
99
|
+
arrowButton: {
|
|
100
|
+
margin: 0
|
|
86
101
|
}
|
|
87
102
|
});
|
|
88
103
|
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(CalendarHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativePaper","_DayNames","_interopRequireWildcard","_utils","_styles","_react","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","buttonContainerHeight","buttonContainerMarginTop","buttonContainerMarginBottom","getCalendarHeaderHeight","scrollMode","dayNamesHeight","CalendarHeader","onPrev","onNext","disableWeekDays","locale","startWeekOnMonday","isHorizontal","theme","useTheme","jsxs","View","style","styles","datePickerHeader","pointerEvents","children","buttonContainer","jsx","sharedStyles","root","backgroundColor","colors","elevation","level3","IconButton","icon","accessibilityLabel","getTranslation","onPress","testID","StyleSheet","create","position","top","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativePaper","_DayNames","_interopRequireWildcard","_weekdayColumns","_utils","_styles","_react","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","verticalScrollbarGutter","exports","Platform","select","ios","web","buttonContainerHeight","buttonContainerMarginTop","buttonContainerMarginBottom","getCalendarHeaderHeight","scrollMode","dayNamesHeight","CalendarHeader","onPrev","onNext","disableWeekDays","locale","startWeekOnMonday","endInset","isHorizontal","theme","useTheme","jsxs","View","style","styles","datePickerHeader","right","pointerEvents","children","buttonContainer","jsx","sharedStyles","root","arrowGroup","backgroundColor","colors","elevation","level3","centerIconOnLastWeekday","IconButton","icon","accessibilityLabel","getTranslation","onPress","testID","arrowButton","StyleSheet","create","position","top","left","zIndex","height","marginTop","marginBottom","flexDirection","alignItems","margin","_default","memo"],"sourceRoot":"../../../src","sources":["Date/CalendarHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -28,17 +28,35 @@ function DatePickerModal(props) {
|
|
|
28
28
|
web: 'none',
|
|
29
29
|
default: 'slide'
|
|
30
30
|
});
|
|
31
|
-
const theme = (0, _reactNativePaper.useTheme)();
|
|
32
|
-
const dimensions = (0, _reactNative.useWindowDimensions)();
|
|
33
31
|
|
|
34
|
-
//
|
|
35
|
-
//
|
|
36
|
-
//
|
|
37
|
-
//
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
// The calendar unmounts when the modal closes. Keep its size from the last
|
|
33
|
+
// open, so the next open draws the month on the first frame instead of
|
|
34
|
+
// waiting for the calendar to measure itself. Only reused for the same window
|
|
35
|
+
// size, since rotating or resizing changes the layout.
|
|
36
|
+
const {
|
|
37
|
+
width: windowWidth,
|
|
38
|
+
height: windowHeight
|
|
39
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
40
|
+
const windowKey = `${windowWidth}x${windowHeight}`;
|
|
41
|
+
const [lastCalendarLayout, setLastCalendarLayout] = (0, _react.useState)(null);
|
|
42
|
+
const onCalendarLayout = (0, _react.useCallback)(({
|
|
43
|
+
width,
|
|
44
|
+
height
|
|
45
|
+
}) => {
|
|
46
|
+
setLastCalendarLayout(prev => prev && prev.windowKey === windowKey && prev.width === width && prev.height === height ? prev : {
|
|
47
|
+
windowKey,
|
|
48
|
+
width,
|
|
49
|
+
height
|
|
50
|
+
});
|
|
51
|
+
}, [windowKey]);
|
|
52
|
+
const rememberedCalendarLayout = (0, _react.useMemo)(() => lastCalendarLayout && lastCalendarLayout.windowKey === windowKey ? {
|
|
53
|
+
width: lastCalendarLayout.width,
|
|
54
|
+
height: lastCalendarLayout.height
|
|
55
|
+
} : undefined, [lastCalendarLayout, windowKey]);
|
|
56
|
+
const theme = (0, _reactNativePaper.useTheme)();
|
|
57
|
+
const isLargeScreen = (0, _utils.useIsLargeScreen)();
|
|
40
58
|
const shouldUseSheet = _reactNative.Platform.OS === 'ios' && (presentationStyle === 'pageSheet' || presentationStyle === 'formSheet');
|
|
41
|
-
const useFormSheet = shouldUseSheet &&
|
|
59
|
+
const useFormSheet = shouldUseSheet && isLargeScreen;
|
|
42
60
|
const isSheet = shouldUseSheet;
|
|
43
61
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
44
62
|
style: _reactNative.StyleSheet.absoluteFill,
|
|
@@ -64,7 +82,7 @@ function DatePickerModal(props) {
|
|
|
64
82
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
65
83
|
style: [styles.modalContent, {
|
|
66
84
|
backgroundColor: theme.colors.elevation.level3
|
|
67
|
-
},
|
|
85
|
+
}, isLargeScreen ? useFormSheet ? styles.modalContentFormSheet : styles.modalContentBig : null],
|
|
68
86
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerModalContent.default, {
|
|
69
87
|
...rest,
|
|
70
88
|
inputEnabled: inputEnabled,
|
|
@@ -72,7 +90,9 @@ function DatePickerModal(props) {
|
|
|
72
90
|
disableStatusBar: disableStatusBar,
|
|
73
91
|
statusBarOnTopOfBackdrop: isSheet || statusBarOnTopOfBackdrop,
|
|
74
92
|
withDateFormatInLabel: props.withDateFormatInLabel,
|
|
75
|
-
placeholder: props.placeholder
|
|
93
|
+
placeholder: props.placeholder,
|
|
94
|
+
initialLayout: rest.initialLayout ?? rememberedCalendarLayout,
|
|
95
|
+
onCalendarLayout: onCalendarLayout
|
|
76
96
|
})
|
|
77
97
|
})
|
|
78
98
|
})]
|
|
@@ -82,7 +102,8 @@ function DatePickerModal(props) {
|
|
|
82
102
|
const styles = _reactNative.StyleSheet.create({
|
|
83
103
|
modalContent: {
|
|
84
104
|
flex: 1,
|
|
85
|
-
width: '100%'
|
|
105
|
+
width: '100%',
|
|
106
|
+
minHeight: 0
|
|
86
107
|
},
|
|
87
108
|
modalContentBig: {
|
|
88
109
|
maxWidth: 400,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativePaper","_DatePickerModalContent","_interopRequireDefault","_react","_styles","_utils","_jsxRuntime","e","__esModule","default","DatePickerModal","props","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","statusBarOnTopOfBackdrop","rest","animationTypeCalculated","Platform","select","web","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativePaper","_DatePickerModalContent","_interopRequireDefault","_react","_styles","_utils","_jsxRuntime","e","__esModule","default","DatePickerModal","props","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","statusBarOnTopOfBackdrop","rest","animationTypeCalculated","Platform","select","web","width","windowWidth","height","windowHeight","useWindowDimensions","windowKey","lastCalendarLayout","setLastCalendarLayout","useState","onCalendarLayout","useCallback","prev","rememberedCalendarLayout","useMemo","undefined","theme","useTheme","isLargeScreen","useIsLargeScreen","shouldUseSheet","OS","useFormSheet","isSheet","jsx","View","style","StyleSheet","absoluteFill","pointerEvents","children","jsxs","Modal","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","TouchableWithoutFeedback","onPress","sharedStyles","root","backgroundColor","colors","backdrop","styles","modalRoot","modalContent","elevation","level3","modalContentFormSheet","modalContentBig","disableSafeTop","withDateFormatInLabel","placeholder","initialLayout","create","flex","minHeight","maxWidth","maxHeight","borderRadius","overflow","justifyContent","alignItems","_default","exports","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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","ignoreList":[]}
|