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
|
@@ -46,6 +46,15 @@ export type BaseCalendarProps = {
|
|
|
46
46
|
dayContentPosition?: DayContentPosition;
|
|
47
47
|
/** Style for the `dayContent` overlay container (offsets, size, …). */
|
|
48
48
|
dayContentStyle?: StyleProp<ViewStyle>;
|
|
49
|
+
/**
|
|
50
|
+
* Size of the calendar, if known before it is laid out (e.g. a fixed-size
|
|
51
|
+
* dialog). The calendar draws immediately at this size instead of rendering
|
|
52
|
+
* nothing until it has measured itself; the measured size replaces it.
|
|
53
|
+
*/
|
|
54
|
+
initialLayout?: {
|
|
55
|
+
width: number;
|
|
56
|
+
height: number;
|
|
57
|
+
};
|
|
49
58
|
};
|
|
50
59
|
export type CalendarDate = Date | undefined;
|
|
51
60
|
export type CalendarDates = Date[] | undefined | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/Date/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxD,OAAO,EAGL,mBAAmB,EAGpB,MAAM,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,aAAa,CAAC,EAAE,IAAI,EAAE,CAAA;CACvB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAC1B,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,cAAc,CAAA;AAElB;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE;IACxC,IAAI,EAAE,IAAI,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB,KAAK,SAAS,CAAA;AAEf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,mBAAmB,CAAA;IACrC,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,uEAAuE;IACvE,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/Date/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ModeType, ValidRangeType } from './Calendar';
|
|
2
2
|
import type { LocalState } from './DatePickerModalContent';
|
|
3
|
-
|
|
3
|
+
import type { DisableWeekDaysType } from './dateUtils';
|
|
4
|
+
declare function CalendarEdit({ mode, state, label, startLabel, endLabel, collapsed, onChange, validRange, locale, inputEnabled, withDateFormatInLabel, placeholder, disableWeekDays, }: {
|
|
4
5
|
mode: ModeType;
|
|
5
6
|
label?: string;
|
|
6
7
|
startLabel?: string;
|
|
@@ -13,6 +14,7 @@ declare function CalendarEdit({ mode, state, label, startLabel, endLabel, collap
|
|
|
13
14
|
inputEnabled?: boolean;
|
|
14
15
|
withDateFormatInLabel?: boolean;
|
|
15
16
|
placeholder?: string;
|
|
17
|
+
disableWeekDays?: DisableWeekDaysType;
|
|
16
18
|
}): import("react").JSX.Element;
|
|
17
19
|
declare const _default: import("react").MemoExoticComponent<typeof CalendarEdit>;
|
|
18
20
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarEdit.d.ts","sourceRoot":"","sources":["../../../src/Date/CalendarEdit.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"CalendarEdit.d.ts","sourceRoot":"","sources":["../../../src/Date/CalendarEdit.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAMtD,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,KAAU,EACV,UAAoB,EACpB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,YAAY,EACZ,qBAAqB,EACrB,WAAW,EACX,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,GAAG,CAAA;IAChC,UAAU,EAAE,cAAc,GAAG,SAAS,CAAA;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC,+BAoHA;;AAYD,wBAAiC"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import type { DisableWeekDaysType } from './dateUtils';
|
|
2
|
+
/** Space reserved so an overlay header does not paint over a vertical scrollbar. */
|
|
3
|
+
export declare const verticalScrollbarGutter: number;
|
|
2
4
|
export declare function getCalendarHeaderHeight(scrollMode: 'horizontal' | 'vertical'): number;
|
|
3
|
-
declare function CalendarHeader({ scrollMode, onPrev, onNext, disableWeekDays, locale, startWeekOnMonday, }: {
|
|
5
|
+
declare function CalendarHeader({ scrollMode, onPrev, onNext, disableWeekDays, locale, startWeekOnMonday, endInset, }: {
|
|
4
6
|
locale: undefined | string;
|
|
5
7
|
scrollMode: 'horizontal' | 'vertical';
|
|
6
8
|
onPrev: () => any;
|
|
7
9
|
onNext: () => any;
|
|
8
10
|
disableWeekDays?: DisableWeekDaysType;
|
|
9
11
|
startWeekOnMonday: boolean;
|
|
12
|
+
/** Shrink from the trailing edge so week names do not cover a vertical scrollbar. */
|
|
13
|
+
endInset?: number;
|
|
10
14
|
}): import("react").JSX.Element;
|
|
11
15
|
declare const _default: import("react").MemoExoticComponent<typeof CalendarHeader>;
|
|
12
16
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/CalendarHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/CalendarHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAMtD,oFAAoF;AACpF,eAAO,MAAM,uBAAuB,EAI9B,MAAM,CAAA;AAMZ,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,YAAY,GAAG,UAAU,UAU5E;AAED,iBAAS,cAAc,CAAC,EACtB,UAAU,EACV,MAAM,EACN,MAAM,EACN,eAAe,EACf,MAAM,EACN,iBAAiB,EACjB,QAAY,GACb,EAAE;IACD,MAAM,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,UAAU,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,MAAM,EAAE,MAAM,GAAG,CAAA;IACjB,MAAM,EAAE,MAAM,GAAG,CAAA;IACjB,eAAe,CAAC,EAAE,mBAAmB,CAAA;IACrC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BAiDA;;AA0BD,wBAAmC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModal.tsx"],"names":[],"mappings":"AASA,OAA+B,EAC7B,gCAAgC,EAChC,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,0BAA0B,CAAA;AAKjC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,gBAAgB,CAAA;CACjE;AAED,MAAM,WAAW,0BACf,SAAQ,iCAAiC,EAAE,oBAAoB;CAAG;AAEpE,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EAAE,oBAAoB;CAAG;AAEnE,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EAAE,oBAAoB;CAAG;AAEnE,wBAAgB,eAAe,CAC7B,KAAK,EACD,yBAAyB,GACzB,0BAA0B,GAC1B,yBAAyB,+
|
|
1
|
+
{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModal.tsx"],"names":[],"mappings":"AASA,OAA+B,EAC7B,gCAAgC,EAChC,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,0BAA0B,CAAA;AAKjC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,gBAAgB,CAAA;CACjE;AAED,MAAM,WAAW,0BACf,SAAQ,iCAAiC,EAAE,oBAAoB;CAAG;AAEpE,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EAAE,oBAAoB;CAAG;AAEnE,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EAAE,oBAAoB;CAAG;AAEnE,wBAAgB,eAAe,CAC7B,KAAK,EACD,yBAAyB,GACzB,0BAA0B,GAC1B,yBAAyB,+BAoH9B;;AA6BD,wBAAoC"}
|
|
@@ -16,6 +16,14 @@ interface DatePickerModalContentBaseProps {
|
|
|
16
16
|
disableSafeTop?: boolean;
|
|
17
17
|
disableStatusBar?: boolean;
|
|
18
18
|
statusBarOnTopOfBackdrop?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Called with the calendar's measured size. `DatePickerModal` uses it to
|
|
21
|
+
* draw the calendar immediately the next time it opens.
|
|
22
|
+
*/
|
|
23
|
+
onCalendarLayout?: (layout: {
|
|
24
|
+
width: number;
|
|
25
|
+
height: number;
|
|
26
|
+
}) => void;
|
|
19
27
|
}
|
|
20
28
|
export interface DatePickerModalContentRangeProps extends HeaderPickProps, BaseCalendarProps, DatePickerModalContentBaseProps {
|
|
21
29
|
mode: 'range';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModalContent.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalContent.tsx"],"names":[],"mappings":"AAAA,OAAiB,EACf,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACb,MAAM,YAAY,CAAA;AAInB,OAAqC,EACnC,eAAe,EAChB,MAAM,gCAAgC,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePickerModalContent.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalContent.tsx"],"names":[],"mappings":"AAAA,OAAiB,EACf,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACb,MAAM,YAAY,CAAA;AAInB,OAAqC,EACnC,eAAe,EAChB,MAAM,gCAAgC,CAAA;AASvC,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,YAAY,CAAA;IACvB,OAAO,EAAE,YAAY,CAAA;IACrB,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;CACrB,CAAA;AAED,UAAU,+BAA+B;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,GAAG,CAAA;IAEpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAElC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACvE;AAED,MAAM,WAAW,gCACf,SAAQ,eAAe,EAAE,iBAAiB,EAAE,+BAA+B;IAC3E,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,YAAY,CAAA;IACvB,OAAO,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,SAAS,EAAE,WAAW,CAAA;CACvB;AAED,MAAM,WAAW,iCACf,SAAQ,eAAe,EAAE,iBAAiB,EAAE,+BAA+B;IAC3E,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,SAAS,EAAE,YAAY,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAC3B;AAED,MAAM,WAAW,gCACf,SAAQ,eAAe,EAAE,iBAAiB,EAAE,+BAA+B;IAC3E,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,SAAS,EAAE,YAAY,CAAA;CACxB;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EACD,gCAAgC,GAChC,iCAAiC,GACjC,gCAAgC,+BAiLrC;;AAED,wBAA2C"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ModeType } from './Calendar';
|
|
2
2
|
import type { LocalState } from './DatePickerModalContent';
|
|
3
|
+
import type { DisableWeekDaysType } from './dateUtils';
|
|
3
4
|
export interface HeaderPickProps {
|
|
4
5
|
moreLabel?: string;
|
|
5
6
|
label?: string;
|
|
@@ -22,6 +23,7 @@ export interface HeaderContentProps extends HeaderPickProps {
|
|
|
22
23
|
collapsed: boolean;
|
|
23
24
|
onToggle: () => any;
|
|
24
25
|
locale: string | undefined;
|
|
26
|
+
disableWeekDays?: DisableWeekDaysType;
|
|
25
27
|
}
|
|
26
28
|
export default function DatePickerModalContentHeader(props: HeaderContentProps): import("react").JSX.Element;
|
|
27
29
|
export declare function HeaderContentSingle({ state, emptyLabel, color, locale, }: HeaderContentProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModalContentHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalContentHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePickerModalContentHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalContentHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAM1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAMtD,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,GAAG,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAsBD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAClD,KAAK,EAAE,kBAAkB,+BAgE1B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,UAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAqBxC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAgB,EAChB,SAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,+BAgCvE;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,KAAK,EACL,eAAqB,EACrB,UAAoB,EACpB,QAAgB,EAChB,KAAK,GACN,EAAE,kBAAkB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAsCxC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { DisableWeekDaysType } from './dateUtils';
|
|
1
2
|
export interface DatePickerModalHeaderProps {
|
|
2
3
|
saveLabel?: string;
|
|
3
4
|
saveLabelDisabled?: boolean;
|
|
@@ -6,6 +7,7 @@ export interface DatePickerModalHeaderProps {
|
|
|
6
7
|
onSave: () => void;
|
|
7
8
|
locale: string | undefined;
|
|
8
9
|
closeIcon?: string;
|
|
10
|
+
disableWeekDays?: DisableWeekDaysType;
|
|
9
11
|
}
|
|
10
12
|
export default function DatePickerModalHeader(props: DatePickerModalHeaderProps): import("react").JSX.Element;
|
|
11
13
|
//# sourceMappingURL=DatePickerModalHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModalHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePickerModalHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAMtD,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,+BAkClC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import type { DisableWeekDaysType } from './dateUtils';
|
|
2
|
+
export default function DatePickerModalHeaderBackground({ children, disableWeekDays, }: {
|
|
2
3
|
children: any;
|
|
4
|
+
disableWeekDays?: DisableWeekDaysType;
|
|
3
5
|
}): import("react").JSX.Element;
|
|
4
6
|
//# sourceMappingURL=DatePickerModalHeaderBackground.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModalHeaderBackground.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeaderBackground.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePickerModalHeaderBackground.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeaderBackground.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAGtD,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,QAAQ,EACR,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;IACb,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC,+BA4BA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Month.d.ts","sourceRoot":"","sources":["../../../src/Date/Month.tsx"],"names":[],"mappings":"AAIA,OAAO,EAWL,mBAAmB,EAKpB,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"Month.d.ts","sourceRoot":"","sources":["../../../src/Date/Month.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SwiperProps } from './SwiperUtils';
|
|
2
|
-
declare function Swiper({ scrollMode, renderItem, renderHeader, renderFooter, selectedYear, initialIndex, startWeekOnMonday, startYear, endYear, }: SwiperProps): import("react").JSX.Element;
|
|
2
|
+
declare function Swiper({ scrollMode, renderItem, renderHeader, renderFooter, selectedYear, initialIndex, startWeekOnMonday, startYear, endYear, initialLayout, }: SwiperProps): import("react").JSX.Element;
|
|
3
3
|
export declare function useDebouncedCallback(callback: any): any;
|
|
4
4
|
declare const _default: import("react").MemoExoticComponent<typeof Swiper>;
|
|
5
5
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../../src/Date/Swiper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../../src/Date/Swiper.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,WAAW,EAKZ,MAAM,eAAe,CAAA;AAgBtB,iBAAS,MAAM,CAAC,EACd,UAAU,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,aAAa,GACd,EAAE,WAAW,+BAmGb;AA8KD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,GAAG,GAAG,GAAG,CA2BvD;;AAED,wBAA2B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swiper.native.d.ts","sourceRoot":"","sources":["../../../src/Date/Swiper.native.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,WAAW,EAAqC,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Swiper.native.d.ts","sourceRoot":"","sources":["../../../src/Date/Swiper.native.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,WAAW,EAAqC,MAAM,eAAe,CAAA;AAqB9E,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAQjC;;AA2QD,wBAA2B"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type MutableRefObject } from 'react';
|
|
2
2
|
export type RenderProps = {
|
|
3
|
+
endInset?: number;
|
|
3
4
|
index: number;
|
|
4
5
|
onNext: () => any;
|
|
5
6
|
onPrev: () => any;
|
|
@@ -14,6 +15,10 @@ export type SwiperProps = {
|
|
|
14
15
|
startWeekOnMonday: boolean;
|
|
15
16
|
startYear?: number;
|
|
16
17
|
endYear?: number;
|
|
18
|
+
initialLayout?: {
|
|
19
|
+
width: number;
|
|
20
|
+
height: number;
|
|
21
|
+
};
|
|
17
22
|
};
|
|
18
23
|
export declare function getMinIndex(startYear?: number, endYear?: number): number;
|
|
19
24
|
export declare function getMaxIndex(startYear?: number, endYear?: number): number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwiperUtils.d.ts","sourceRoot":"","sources":["../../../src/Date/SwiperUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAa,MAAM,OAAO,CAAA;AAWxD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,GAAG,CAAA;IACjB,MAAM,EAAE,MAAM,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,GAAG,CAAA;IAC7C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,GAAG,CAAA;IAChD,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,GAAG,CAAA;IAChD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"SwiperUtils.d.ts","sourceRoot":"","sources":["../../../src/Date/SwiperUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAa,MAAM,OAAO,CAAA;AAWxD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,GAAG,CAAA;IACjB,MAAM,EAAE,MAAM,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,GAAG,CAAA;IAC7C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,GAAG,CAAA;IAChD,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,GAAG,CAAA;IAChD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAClD,CAAA;AAGD,wBAAgB,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAYxE;AAGD,wBAAgB,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAaxE;AAGD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAIT;AAED,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,EAC7C,EACE,YAAY,EACZ,eAAe,EACf,SAAS,EACT,OAAO,GACR,EAAE;IACD,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,QAyBF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YearPicker.d.ts","sourceRoot":"","sources":["../../../src/Date/YearPicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"YearPicker.d.ts","sourceRoot":"","sources":["../../../src/Date/YearPicker.tsx"],"names":[],"mappings":"AAgBA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAY,EACZ,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE;IACD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,+BAsDA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ViewStyle } from 'react-native';
|
|
2
|
+
import { type DisableWeekDaysType } from './dateUtils';
|
|
3
|
+
export declare function alignIconToFirstWeekday(disableWeekDays?: DisableWeekDaysType): ViewStyle;
|
|
4
|
+
export declare function alignTextToFirstWeekday(disableWeekDays?: DisableWeekDaysType): ViewStyle;
|
|
5
|
+
export declare function alignTextToLastWeekday(disableWeekDays?: DisableWeekDaysType): ViewStyle;
|
|
6
|
+
export declare function centerIconOnLastWeekday(disableWeekDays?: DisableWeekDaysType): ViewStyle;
|
|
7
|
+
export declare function weekdaySpan(disableWeekDays?: DisableWeekDaysType): ViewStyle;
|
|
8
|
+
export declare const weekdaySpanOvershoot: ViewStyle;
|
|
9
|
+
//# sourceMappingURL=weekdayColumns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"weekdayColumns.d.ts","sourceRoot":"","sources":["../../../src/Date/weekdayColumns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC/E,OAAO,EAAe,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAOnE,wBAAgB,uBAAuB,CACrC,eAAe,CAAC,EAAE,mBAAmB,GACpC,SAAS,CAKX;AAED,wBAAgB,uBAAuB,CACrC,eAAe,CAAC,EAAE,mBAAmB,GACpC,SAAS,CAEX;AAED,wBAAgB,sBAAsB,CACpC,eAAe,CAAC,EAAE,mBAAmB,GACpC,SAAS,CAKX;AAsBD,wBAAgB,uBAAuB,CACrC,eAAe,CAAC,EAAE,mBAAmB,GACpC,SAAS,CAEX;AAWD,wBAAgB,WAAW,CAAC,eAAe,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAG5E;AAED,eAAO,MAAM,oBAAoB,EAAE,SAElC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;CAmBvB,CAAA"}
|
|
@@ -3,6 +3,7 @@ import Color from 'color';
|
|
|
3
3
|
export declare const supportedOrientations: ('portrait' | 'portrait-upside-down' | 'landscape' | 'landscape-left' | 'landscape-right')[];
|
|
4
4
|
export type PaperTheme = typeof MD3DarkTheme | typeof DefaultTheme;
|
|
5
5
|
export declare function useLatest<T>(value: T): import("react").RefObject<T>;
|
|
6
|
+
export declare function useIsLargeScreen(): boolean;
|
|
6
7
|
export declare function useHeaderBackgroundColor(): string;
|
|
7
8
|
export declare function useHeaderTextColor(): string;
|
|
8
9
|
export declare function useTextColorOnPrimary(): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/shared/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/shared/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAY,MAAM,oBAAoB,CAAA;AACzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,qBAAqB,EAAE,CAChC,UAAU,GACV,sBAAsB,GACtB,WAAW,GACX,gBAAgB,GAChB,iBAAiB,CACpB,EAMA,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,YAAY,GAAG,OAAO,YAAY,CAAA;AAElE,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,gCAIpC;AAED,wBAAgB,gBAAgB,YAG/B;AAED,wBAAgB,wBAAwB,WAGvC;AAED,wBAAgB,kBAAkB,WAGjC;AAED,wBAAgB,qBAAqB,WAQpC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,YAI/C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,iCAGzE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,iCAGxE"}
|
package/package.json
CHANGED
|
@@ -27,10 +27,11 @@ export default function AnimatedCrossView({
|
|
|
27
27
|
}, [collapsed])
|
|
28
28
|
|
|
29
29
|
return (
|
|
30
|
-
<View style={sharedStyles.root}>
|
|
30
|
+
<View style={[sharedStyles.root, sharedStyles.minHeightZero]}>
|
|
31
31
|
<Animated.View
|
|
32
32
|
pointerEvents={collapsed ? 'auto' : 'none'}
|
|
33
33
|
style={[
|
|
34
|
+
sharedStyles.minHeightZero,
|
|
34
35
|
sharedStyles.root,
|
|
35
36
|
{
|
|
36
37
|
opacity: calendarOpacity.current,
|
package/src/Date/AutoSizer.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useCallback, useState } from 'react'
|
|
2
|
-
import { LayoutChangeEvent, View } from 'react-native'
|
|
2
|
+
import { LayoutChangeEvent, useWindowDimensions, View } from 'react-native'
|
|
3
3
|
import { sharedStyles } from '../shared/styles'
|
|
4
4
|
|
|
5
5
|
type WidthAndHeight = {
|
|
@@ -7,36 +7,63 @@ type WidthAndHeight = {
|
|
|
7
7
|
height: number
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
type MeasuredLayout = WidthAndHeight & {
|
|
11
|
+
windowKey: string
|
|
12
|
+
}
|
|
13
|
+
|
|
10
14
|
export default function AutoSizer({
|
|
11
15
|
children,
|
|
16
|
+
initialLayout,
|
|
12
17
|
}: {
|
|
13
18
|
children: ({ width, height }: WidthAndHeight) => any
|
|
19
|
+
/** Used until the first measurement, so children render on the first frame. */
|
|
20
|
+
initialLayout?: WidthAndHeight
|
|
14
21
|
}) {
|
|
15
|
-
const
|
|
22
|
+
const { width: windowWidth, height: windowHeight } = useWindowDimensions()
|
|
23
|
+
const windowKey = `${windowWidth}x${windowHeight}`
|
|
24
|
+
const [measured, setMeasured] = useState<MeasuredLayout | null>(null)
|
|
16
25
|
|
|
17
26
|
const onLayout = useCallback(
|
|
18
27
|
(event: LayoutChangeEvent) => {
|
|
19
28
|
const nl = event.nativeEvent.layout
|
|
20
29
|
// https://github.com/necolas/react-native-web/issues/1704
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
30
|
+
setMeasured((prev) => {
|
|
31
|
+
if (
|
|
32
|
+
prev &&
|
|
33
|
+
prev.windowKey === windowKey &&
|
|
34
|
+
prev.width === nl.width &&
|
|
35
|
+
prev.height === nl.height
|
|
36
|
+
) {
|
|
37
|
+
return prev
|
|
38
|
+
}
|
|
39
|
+
return { windowKey, width: nl.width, height: nl.height }
|
|
40
|
+
})
|
|
24
41
|
},
|
|
25
|
-
[
|
|
42
|
+
[windowKey]
|
|
26
43
|
)
|
|
27
44
|
|
|
28
|
-
const
|
|
45
|
+
const layout =
|
|
46
|
+
measured &&
|
|
47
|
+
measured.windowKey === windowKey &&
|
|
48
|
+
measured.width > 0 &&
|
|
49
|
+
measured.height > 0
|
|
50
|
+
? measured
|
|
51
|
+
: (initialLayout ?? null)
|
|
29
52
|
|
|
30
53
|
return (
|
|
31
54
|
<View
|
|
55
|
+
// Modals often skip onLayout during rotation. Keying by window size
|
|
56
|
+
// mounts a fresh sizer so the calendar gets the landscape viewport.
|
|
57
|
+
key={windowKey}
|
|
58
|
+
collapsable={false}
|
|
32
59
|
onLayout={onLayout}
|
|
33
60
|
style={[
|
|
34
61
|
sharedStyles.overflowHidden,
|
|
35
62
|
sharedStyles.root,
|
|
36
|
-
|
|
63
|
+
sharedStyles.minHeightZero,
|
|
37
64
|
]}
|
|
38
65
|
>
|
|
39
|
-
{
|
|
66
|
+
{layout ? children(layout) : null}
|
|
40
67
|
</View>
|
|
41
68
|
)
|
|
42
69
|
}
|
package/src/Date/Calendar.tsx
CHANGED
|
@@ -77,6 +77,12 @@ export type BaseCalendarProps = {
|
|
|
77
77
|
dayContentPosition?: DayContentPosition
|
|
78
78
|
/** Style for the `dayContent` overlay container (offsets, size, …). */
|
|
79
79
|
dayContentStyle?: StyleProp<ViewStyle>
|
|
80
|
+
/**
|
|
81
|
+
* Size of the calendar, if known before it is laid out (e.g. a fixed-size
|
|
82
|
+
* dialog). The calendar draws immediately at this size instead of rendering
|
|
83
|
+
* nothing until it has measured itself; the measured size replaces it.
|
|
84
|
+
*/
|
|
85
|
+
initialLayout?: { width: number; height: number }
|
|
80
86
|
}
|
|
81
87
|
|
|
82
88
|
export type CalendarDate = Date | undefined
|
|
@@ -136,6 +142,7 @@ function Calendar(
|
|
|
136
142
|
dayContent,
|
|
137
143
|
dayContentPosition,
|
|
138
144
|
dayContentStyle,
|
|
145
|
+
initialLayout,
|
|
139
146
|
} = props
|
|
140
147
|
const scrollMode =
|
|
141
148
|
mode === 'range' || mode === 'multiple' ? 'vertical' : 'horizontal'
|
|
@@ -204,9 +211,10 @@ function Calendar(
|
|
|
204
211
|
const selectColor = theme.colors.primaryContainer
|
|
205
212
|
|
|
206
213
|
return (
|
|
207
|
-
<View style={sharedStyles.root}>
|
|
214
|
+
<View style={[sharedStyles.root, sharedStyles.minHeightZero]}>
|
|
208
215
|
<Swiper
|
|
209
216
|
initialIndex={getInitialIndex(firstDate, startYear, endYear)}
|
|
217
|
+
initialLayout={initialLayout}
|
|
210
218
|
selectedYear={selectedYear}
|
|
211
219
|
scrollMode={scrollMode}
|
|
212
220
|
startWeekOnMonday={startWeekOnMonday || false}
|
|
@@ -239,13 +247,14 @@ function Calendar(
|
|
|
239
247
|
dayContentStyle={dayContentStyle}
|
|
240
248
|
/>
|
|
241
249
|
)}
|
|
242
|
-
renderHeader={({ onPrev, onNext }) => (
|
|
250
|
+
renderHeader={({ endInset, onPrev, onNext }) => (
|
|
243
251
|
<CalendarHeader
|
|
252
|
+
disableWeekDays={disableWeekDays}
|
|
253
|
+
endInset={endInset}
|
|
244
254
|
locale={locale}
|
|
245
|
-
onPrev={onPrev}
|
|
246
255
|
onNext={onNext}
|
|
256
|
+
onPrev={onPrev}
|
|
247
257
|
scrollMode={scrollMode}
|
|
248
|
-
disableWeekDays={disableWeekDays}
|
|
249
258
|
startWeekOnMonday={startWeekOnMonday || false}
|
|
250
259
|
/>
|
|
251
260
|
)}
|
|
@@ -9,6 +9,8 @@ import type { ModeType, ValidRangeType } from './Calendar'
|
|
|
9
9
|
import type { LocalState } from './DatePickerModalContent'
|
|
10
10
|
|
|
11
11
|
import DatePickerInputWithoutModal from './DatePickerInputWithoutModal'
|
|
12
|
+
import type { DisableWeekDaysType } from './dateUtils'
|
|
13
|
+
import { weekdaySpan, weekdaySpanOvershoot } from './weekdayColumns'
|
|
12
14
|
import { memo, useCallback, useEffect, useRef } from 'react'
|
|
13
15
|
import { useTheme } from 'react-native-paper'
|
|
14
16
|
import { sharedStyles } from '../shared/styles'
|
|
@@ -26,6 +28,7 @@ function CalendarEdit({
|
|
|
26
28
|
inputEnabled,
|
|
27
29
|
withDateFormatInLabel,
|
|
28
30
|
placeholder,
|
|
31
|
+
disableWeekDays,
|
|
29
32
|
}: {
|
|
30
33
|
mode: ModeType
|
|
31
34
|
label?: string
|
|
@@ -39,6 +42,7 @@ function CalendarEdit({
|
|
|
39
42
|
inputEnabled?: boolean
|
|
40
43
|
withDateFormatInLabel?: boolean
|
|
41
44
|
placeholder?: string
|
|
45
|
+
disableWeekDays?: DisableWeekDaysType
|
|
42
46
|
}) {
|
|
43
47
|
const theme = useTheme()
|
|
44
48
|
const dateInput = useRef<TextInputNative | null>(null)
|
|
@@ -86,37 +90,17 @@ function CalendarEdit({
|
|
|
86
90
|
|
|
87
91
|
return (
|
|
88
92
|
<View style={styles.root}>
|
|
89
|
-
{
|
|
90
|
-
<
|
|
91
|
-
|
|
92
|
-
ref={dateInput}
|
|
93
|
-
mode="outlined"
|
|
94
|
-
label={label}
|
|
95
|
-
value={state.date}
|
|
96
|
-
onChange={(date) => onChange({ ...state, date })}
|
|
97
|
-
onSubmitEditing={onSubmitInput}
|
|
98
|
-
validRange={validRange}
|
|
99
|
-
locale={locale}
|
|
100
|
-
withModal={false}
|
|
101
|
-
autoComplete={'off'}
|
|
102
|
-
inputEnabled={inputEnabled}
|
|
103
|
-
withDateFormatInLabel={withDateFormatInLabel}
|
|
104
|
-
placeholder={placeholder}
|
|
105
|
-
style={inputStyle}
|
|
106
|
-
/>
|
|
107
|
-
) : null}
|
|
108
|
-
{mode === 'range' ? (
|
|
109
|
-
<View style={sharedStyles.flexDirectionRow}>
|
|
110
|
-
<View style={sharedStyles.root}>
|
|
93
|
+
<View style={weekdaySpan(disableWeekDays)}>
|
|
94
|
+
<View style={weekdaySpanOvershoot}>
|
|
95
|
+
{mode === 'single' ? (
|
|
111
96
|
<DatePickerInputWithoutModal
|
|
112
97
|
inputMode="start"
|
|
113
|
-
ref={
|
|
98
|
+
ref={dateInput}
|
|
114
99
|
mode="outlined"
|
|
115
|
-
label={
|
|
116
|
-
value={state.
|
|
117
|
-
onChange={(
|
|
118
|
-
|
|
119
|
-
onSubmitEditing={onSubmitStartInput}
|
|
100
|
+
label={label}
|
|
101
|
+
value={state.date}
|
|
102
|
+
onChange={(date) => onChange({ ...state, date })}
|
|
103
|
+
onSubmitEditing={onSubmitInput}
|
|
120
104
|
validRange={validRange}
|
|
121
105
|
locale={locale}
|
|
122
106
|
withModal={false}
|
|
@@ -126,36 +110,61 @@ function CalendarEdit({
|
|
|
126
110
|
placeholder={placeholder}
|
|
127
111
|
style={inputStyle}
|
|
128
112
|
/>
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
113
|
+
) : null}
|
|
114
|
+
{mode === 'range' ? (
|
|
115
|
+
<View style={sharedStyles.flexDirectionRow}>
|
|
116
|
+
<View style={sharedStyles.root}>
|
|
117
|
+
<DatePickerInputWithoutModal
|
|
118
|
+
inputMode="start"
|
|
119
|
+
ref={startInput}
|
|
120
|
+
mode="outlined"
|
|
121
|
+
label={startLabel}
|
|
122
|
+
value={state.startDate}
|
|
123
|
+
onChange={(startDate) => onChange({ ...state, startDate })}
|
|
124
|
+
returnKeyType={'next'}
|
|
125
|
+
onSubmitEditing={onSubmitStartInput}
|
|
126
|
+
validRange={validRange}
|
|
127
|
+
locale={locale}
|
|
128
|
+
withModal={false}
|
|
129
|
+
autoComplete={'off'}
|
|
130
|
+
inputEnabled={inputEnabled}
|
|
131
|
+
withDateFormatInLabel={withDateFormatInLabel}
|
|
132
|
+
placeholder={placeholder}
|
|
133
|
+
style={inputStyle}
|
|
134
|
+
/>
|
|
135
|
+
</View>
|
|
136
|
+
<View style={styles.separator} />
|
|
137
|
+
<View style={sharedStyles.root}>
|
|
138
|
+
<DatePickerInputWithoutModal
|
|
139
|
+
inputMode="end"
|
|
140
|
+
ref={endInput}
|
|
141
|
+
mode="outlined"
|
|
142
|
+
label={endLabel}
|
|
143
|
+
value={state.endDate}
|
|
144
|
+
onChange={(endDate) => onChange({ ...state, endDate })}
|
|
145
|
+
onSubmitEditing={onSubmitEndInput}
|
|
146
|
+
validRange={validRange}
|
|
147
|
+
locale={locale}
|
|
148
|
+
withModal={false}
|
|
149
|
+
autoComplete="off"
|
|
150
|
+
inputEnabled={inputEnabled}
|
|
151
|
+
withDateFormatInLabel={withDateFormatInLabel}
|
|
152
|
+
placeholder={placeholder}
|
|
153
|
+
style={inputStyle}
|
|
154
|
+
/>
|
|
155
|
+
</View>
|
|
156
|
+
</View>
|
|
157
|
+
) : null}
|
|
150
158
|
</View>
|
|
151
|
-
|
|
159
|
+
</View>
|
|
152
160
|
</View>
|
|
153
161
|
)
|
|
154
162
|
}
|
|
155
163
|
|
|
156
164
|
const styles = StyleSheet.create({
|
|
157
165
|
root: {
|
|
158
|
-
|
|
166
|
+
paddingVertical: 12,
|
|
167
|
+
width: '100%',
|
|
159
168
|
},
|
|
160
169
|
separator: {
|
|
161
170
|
width: 12,
|