react-native-paper-dates 0.22.14 → 0.22.16

package/lib/typescript/Time/TimeInputs.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { PossibleClockTypes, PossibleInputTypes } from './timeUtils';
+import React from 'react';
 declare function TimeInputs({ hours, minutes, onFocusInput, focused, inputType, onChange, is24Hour, inputFontSize, locale, }: {
     inputType: PossibleInputTypes;
     focused: PossibleClockTypes;

package/lib/typescript/Time/TimeInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInputs.d.ts","sourceRoot":"","sources":["../../../src/Time/TimeInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,EAEL,kBAAkB,EAClB,kBAAkB,EAGnB,MAAM,aAAa,CAAA;AAOpB,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,MAAM,GACP,EAAE;IACD,SAAS,EAAE,kBAAkB,CAAA;IAC7B,OAAO,EAAE,kBAAkB,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,GAAG,CAAA;IAC/C,QAAQ,EAAE,CAAC,sBAAsB,EAAE;QACjC,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAA;KACzC,KAAK,GAAG,CAAA;IACT,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,qBAyJA;;AAgCD,wBAAqC"}
+{"version":3,"file":"TimeInputs.d.ts","sourceRoot":"","sources":["../../../src/Time/TimeInputs.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,kBAAkB,EAClB,kBAAkB,EAGnB,MAAM,aAAa,CAAA;AAOpB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,MAAM,GACP,EAAE;IACD,SAAS,EAAE,kBAAkB,CAAA;IAC7B,OAAO,EAAE,kBAAkB,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,GAAG,CAAA;IAC/C,QAAQ,EAAE,CAAC,sBAAsB,EAAE;QACjC,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAA;KACzC,KAAK,GAAG,CAAA;IACT,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,qBAqJA;;AA4BD,wBAA+B"}

package/lib/typescript/Time/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PossibleClockTypes, PossibleInputTypes } from './timeUtils';
 type onChangeFunc = ({ hours, minutes, focused, }: {
     hours: number;

package/lib/typescript/Time/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/Time/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,kBAAkB,EAClB,kBAAkB,EAGnB,MAAM,aAAa,CAAA;AAOpB,KAAK,YAAY,GAAG,CAAC,EACnB,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAA;CACzC,KAAK,GAAG,CAAA;AAET,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,EACN,cAAc,EACd,aAAa,GACd,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3B,SAAS,EAAE,kBAAkB,CAAA;IAC7B,OAAO,EAAE,kBAAkB,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,GAAG,CAAA;IAC/C,QAAQ,EAAE,YAAY,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,qBAsFA;;AAeD,wBAAqC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/Time/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAA;AACnC,OAAO,EAEL,kBAAkB,EAClB,kBAAkB,EAGnB,MAAM,aAAa,CAAA;AAQpB,KAAK,YAAY,GAAG,CAAC,EACnB,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAA;CACzC,KAAK,GAAG,CAAA;AAET,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,EACN,cAAc,EACd,aAAa,GACd,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3B,SAAS,EAAE,kBAAkB,CAAA;IAC7B,OAAO,EAAE,kBAAkB,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,GAAG,CAAA;IAC/C,QAAQ,EAAE,YAAY,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,qBAuFA;;AAmBD,wBAA+B"}

package/lib/typescript/Time/TimePickerModal.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { PossibleInputTypes } from './timeUtils';
+import React from 'react';
 export declare function TimePickerModal({ visible, onDismiss, onConfirm, hours, minutes, label, uppercase: _uppercase, cancelLabel, confirmLabel, animationType, locale, keyboardIcon, clockIcon, use24HourClock, inputFontSize, defaultInputType, }: {
     locale?: undefined | string;
     label?: string;

package/lib/typescript/Time/TimePickerModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Time/TimePickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,OAAO,EAKL,kBAAkB,EAEnB,MAAM,aAAa,CAAA;AAgBpB,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAqB,EACrB,SAAS,EAAE,UAAU,EACrB,WAAsB,EACtB,YAAmB,EACnB,aAAsB,EACtB,MAAM,EACN,YAAiC,EACjC,SAA2B,EAC3B,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,SAAS,EAAE,MAAM,GAAG,CAAA;IACpB,SAAS,EAAE,CAAC,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAA;IACvE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,kBAAkB,CAAA;CACtC,qBAkKA;;AA8DD,wBAA0C"}
+{"version":3,"file":"TimePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Time/TimePickerModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAKL,kBAAkB,EAEnB,MAAM,aAAa,CAAA;AACpB,OAAO,KAAiD,MAAM,OAAO,CAAA;AAIrE,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAqB,EACrB,SAAS,EAAE,UAAU,EACrB,WAAsB,EACtB,YAAmB,EACnB,aAAsB,EACtB,MAAM,EACN,YAAiC,EACjC,SAA2B,EAC3B,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,SAAS,EAAE,MAAM,GAAG,CAAA;IACpB,SAAS,EAAE,CAAC,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAA;IACvE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,kBAAkB,CAAA;CACtC,qBA4JA;;AAwDD,wBAAoC"}

package/lib/typescript/Time/timeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.d.ts","sourceRoot":"","sources":["../../../src/Time/timeUtils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,MAAM,CAAA;AAE7B,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,MAAM,MAAM,WAAW,GAAG;KACvB,QAAQ,IAAI,iBAAiB,GAAG,iBAAiB;CACnD,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,WAGvB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAQxE;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,YAAY,GAAG;KACxB,SAAS,IAAI,kBAAkB,GAAG,kBAAkB;CACtD,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,YAGxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,YAG/B,CAAA;AACD,KAAK,YAAY,GAAG;KACjB,SAAS,IAAI,kBAAkB,GAAG,MAAM;CAC1C,CAAA;AACD,eAAO,MAAM,cAAc,EAAE,YAG5B,CAAA;AAED,eAAO,MAAM,oBAAoB,cACpB,kBAAkB,iBACd,YAAY,WAM5B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAA;AACpD,MAAM,MAAM,YAAY,GAAG;KACxB,SAAS,IAAI,kBAAkB,GAAG,kBAAkB;CACtD,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,YAGxB,CAAA;AAUD,2FAA2F;AAC3F,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAU/C;AAGD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GACX,iBAAiB,CASnB;AAGD,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,UAQ3C;AAGD,wBAAgB,QAAQ,CACtB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,iBAAiB,GAAG,SAAS,UAwBxC;AAED,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAY/D;AAED,wBAAgB,eAAe,CAAC,WAAW,EAAE,OAAO;;;EAuCnD;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,OAAO;;;EAgDlD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,CAc1E;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,OAAO,GAChB,MAAM,CAWR"}
+{"version":3,"file":"timeUtils.d.ts","sourceRoot":"","sources":["../../../src/Time/timeUtils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,MAAM,CAAA;AAE7B,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,MAAM,MAAM,WAAW,GAAG;KACvB,QAAQ,IAAI,iBAAiB,GAAG,iBAAiB;CACnD,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,WAGvB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAQxE;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,YAAY,GAAG;KACxB,SAAS,IAAI,kBAAkB,GAAG,kBAAkB;CACtD,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,YAGxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,YAG/B,CAAA;AACD,KAAK,YAAY,GAAG;KACjB,SAAS,IAAI,kBAAkB,GAAG,MAAM;CAC1C,CAAA;AACD,eAAO,MAAM,cAAc,EAAE,YAG5B,CAAA;AAED,eAAO,MAAM,oBAAoB,cACpB,kBAAkB,iBACd,YAAY,WAM5B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAA;AACpD,MAAM,MAAM,YAAY,GAAG;KACxB,SAAS,IAAI,kBAAkB,GAAG,kBAAkB;CACtD,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,YAGxB,CAAA;AASD,2FAA2F;AAC3F,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAU/C;AAGD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GACX,iBAAiB,CASnB;AAGD,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,UAQ3C;AAGD,wBAAgB,QAAQ,CACtB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,iBAAiB,GAAG,SAAS,UAwBxC;AAED,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAY/D;AAED,wBAAgB,eAAe,CAAC,WAAW,EAAE,OAAO;;;EAuCnD;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,OAAO;;;EAgDlD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,CAc1E;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,OAAO,GAChB,MAAM,CAWR"}

package/lib/typescript/contexts/DisplayModeContext.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export declare const DisplayModeContext: React.Context<{
-    mode: 'AM' | 'PM' | undefined;
-    setMode: React.Dispatch<React.SetStateAction<'AM' | 'PM' | undefined>>;
+import { Dispatch, SetStateAction } from 'react';
+export declare const DisplayModeContext: import("react").Context<{
+    mode: "AM" | "PM" | undefined;
+    setMode: Dispatch<SetStateAction<"AM" | "PM" | undefined>>;
 }>;
 //# sourceMappingURL=DisplayModeContext.d.ts.map

package/lib/typescript/contexts/DisplayModeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayModeContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/DisplayModeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,kBAAkB;UACvB,IAAI,GAAG,IAAI,GAAG,SAAS;aACpB,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;EACnC,CAAA"}
+{"version":3,"file":"DisplayModeContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/DisplayModeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE/D,eAAO,MAAM,kBAAkB;UACvB,IAAI,GAAG,IAAI,GAAG,SAAS;aACpB,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;EACvB,CAAA"}

package/lib/typescript/shared/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const sharedStyles: {
+    flexDirectionRow: {
+        flexDirection: "row";
+    };
+    opacity0: {
+        opacity: number;
+    };
+    opacity1: {
+        opacity: number;
+    };
+    overflowHidden: {
+        overflow: "hidden";
+    };
+    root: {
+        flex: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/shared/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;CAgBvB,CAAA"}

package/lib/typescript/{utils.d.ts → shared/utils.d.ts}

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { DefaultTheme, MD3DarkTheme } from 'react-native-paper';
 import Color from 'color';
+export declare const supportedOrientations: ('portrait' | 'portrait-upside-down' | 'landscape' | 'landscape-left' | 'landscape-right')[];
 export type PaperTheme = typeof MD3DarkTheme | typeof DefaultTheme;
-export declare function useLatest<T>(value: T): React.MutableRefObject<T>;
+export declare function useLatest<T>(value: T): import("react").MutableRefObject<T>;
 export declare function useHeaderBackgroundColor(): string;
 export declare function useHeaderColorIsLight(): boolean;
 export declare function useHeaderTextColor(): string;

package/lib/typescript/shared/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/shared/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,oBAAoB,CAAA;AAC3B,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,uCAIpC;AAED,wBAAgB,wBAAwB,WAQvC;AAED,wBAAgB,qBAAqB,YAOpC;AAED,wBAAgB,kBAAkB,WAOjC;AAED,wBAAgB,qBAAqB,WAapC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,YAI/C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;GAGpD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;GAGnD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-paper-dates",
-  "version": "0.22.14",
+  "version": "0.22.16",
   "description": "Performant Date Picker for React Native Paper",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -50,36 +50,36 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^18.6.2",
+    "@commitlint/config-conventional": "^18.6.3",
     "@react-native-community/eslint-config": "^3.2.0",
     "@release-it/conventional-changelog": "^8.0.1",
     "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.4.3",
+    "@testing-library/react-native": "^12.5.1",
     "@types/color": "^3.0.6",
     "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.61",
+    "@types/react": "^18.3.3",
     "@types/react-native-vector-icons": "^6.4.18",
-    "@types/react-test-renderer": "^18.0.7",
+    "@types/react-test-renderer": "^18.3.0",
     "babel-loader": "^9.1.3",
-    "caniuse-lite": "^1.0.30001591",
+    "caniuse-lite": "^1.0.30001641",
     "commitlint": "^18.6.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "husky": "^9.0.10",
+    "husky": "^9.0.11",
     "jest": "^29.7.0",
     "metro-react-native-babel-preset": "^0.77.0",
-    "pod-install": "^0.2.0",
-    "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-native": "^0.73.5",
-    "react-native-builder-bob": "^0.23.2",
+    "pod-install": "^0.2.2",
+    "prettier": "^3.3.2",
+    "react": "^18.3.1",
+    "react-native": "^0.73.9",
+    "react-native-builder-bob": "^0.26.0",
     "react-native-paper": "^5.12.3",
-    "react-native-safe-area-context": "^4.9.0",
-    "react-native-vector-icons": "^10.0.3",
-    "react-test-renderer": "^18.2.0",
-    "release-it": "^17.1.1",
-    "typescript": "^5.3.3"
+    "react-native-safe-area-context": "^4.10.8",
+    "react-native-vector-icons": "^10.1.0",
+    "react-test-renderer": "^18.3.1",
+    "release-it": "^17.5.0",
+    "typescript": "^5.5.3"
   },
   "peerDependencies": {
     "react": "*",

package/src/Date/AnimatedCrossView.tsx

@@ -1,6 +1,8 @@
-import * as React from 'react'
+import React from 'react'
+import { useEffect, useRef } from 'react'
 import { Animated, StyleSheet, View } from 'react-native'
 import { useTheme } from 'react-native-paper'
+import { sharedStyles } from '../shared/styles'
 
 export default function AnimatedCrossView({
   collapsed,
@@ -12,10 +14,12 @@ export default function AnimatedCrossView({
   collapsed: boolean
 }) {
   const theme = useTheme()
-  const calendarOpacity = React.useRef<Animated.Value>(
+
+  const calendarOpacity = useRef<Animated.Value>(
     new Animated.Value(collapsed ? 1 : 0)
   )
-  React.useEffect(() => {
+
+  useEffect(() => {
     Animated.timing(calendarOpacity.current, {
       toValue: collapsed ? 1 : 0,
       duration: 250,
@@ -24,11 +28,11 @@ export default function AnimatedCrossView({
   }, [collapsed])
 
   return (
-    <View style={styles.root}>
+    <View style={sharedStyles.root}>
       <Animated.View
         pointerEvents={collapsed ? 'auto' : 'none'}
         style={[
-          styles.calendar,
+          sharedStyles.root,
           {
             opacity: calendarOpacity.current,
             transform: [
@@ -78,14 +82,9 @@ export default function AnimatedCrossView({
 }
 
 const styles = StyleSheet.create({
-  root: { flex: 1 },
   calendarEdit: {
     position: 'absolute',
-
     left: 0,
     right: 0,
   },
-  calendar: {
-    flex: 1,
-  },
 })

package/src/Date/AutoSizer.tsx

@@ -1,5 +1,7 @@
-import * as React from 'react'
-import { LayoutChangeEvent, StyleSheet, View } from 'react-native'
+import React from 'react'
+import { useCallback, useState } from 'react'
+import { LayoutChangeEvent, View } from 'react-native'
+import { sharedStyles } from '../shared/styles'
 
 type WidthAndHeight = {
   width: number
@@ -11,11 +13,11 @@ export default function AutoSizer({
 }: {
   children: ({ width, height }: WidthAndHeight) => any
 }) {
-  const [layout, setLayout] = React.useState<WidthAndHeight | null>(null)
-  const onLayout = React.useCallback(
+  const [layout, setLayout] = useState<WidthAndHeight | null>(null)
+
+  const onLayout = useCallback(
     (event: LayoutChangeEvent) => {
       const nl = event.nativeEvent.layout
-
       // https://github.com/necolas/react-native-web/issues/1704
       if (!layout || layout.width !== nl.width || layout.height !== nl.height) {
         setLayout({ width: nl.width, height: nl.height })
@@ -23,16 +25,13 @@ export default function AutoSizer({
     },
     [layout, setLayout]
   )
+
   return (
-    <View style={[styles.autoSizer, layout && layout]} onLayout={onLayout}>
+    <View
+      onLayout={onLayout}
+      style={[sharedStyles.overflowHidden, sharedStyles.root, layout && layout]}
+    >
       {layout ? children(layout) : null}
     </View>
   )
 }
-
-const styles = StyleSheet.create({
-  autoSizer: {
-    flex: 1,
-    overflow: 'hidden',
-  },
-})

package/src/Date/Calendar.tsx

@@ -1,5 +1,4 @@
-import * as React from 'react'
-import { StyleSheet, View } from 'react-native'
+import { View } from 'react-native'
 import Swiper from './Swiper'
 import Month from './Month'
 import {
@@ -11,11 +10,13 @@ import {
 } from './dateUtils'
 
 import CalendarHeader from './CalendarHeader'
-import { useCallback, useMemo } from 'react'
+import { memo, useCallback, useMemo, useState } from 'react'
 import YearPicker from './YearPicker'
 import Color from 'color'
 import { useTheme } from 'react-native-paper'
-import { useLatest, lightenBy, darkenBy } from '../utils'
+import { useLatest, lightenBy, darkenBy } from '../shared/utils'
+import React from 'react'
+import { sharedStyles } from '../shared/styles'
 
 export type ModeType = 'single' | 'range' | 'multiple'
 
@@ -34,7 +35,6 @@ export type BaseCalendarProps = {
   startYear?: number
   endYear?: number
   startWeekOnMonday?: boolean
-
   // here they are optional but in final implementation they are required
   date?: CalendarDate
   dates?: CalendarDates
@@ -98,33 +98,16 @@ function Calendar(
     dateMode,
     startWeekOnMonday,
   } = props
-
-  const theme = useTheme()
-
-  const selectColor = useMemo<string>(() => {
-    if (theme.isV3) {
-      return theme.colors.primaryContainer
-    }
-    if (theme.dark) {
-      return darkenBy(Color(theme.colors.primary), 0.1).hex()
-    }
-    return lightenBy(Color(theme.colors.primary), 0.9).hex()
-  }, [theme])
-
   const scrollMode =
     mode === 'range' || mode === 'multiple' ? 'vertical' : 'horizontal'
+  const firstDate = startDate || date || dates?.[0]
+
+  const theme = useTheme()
 
-  const [selectedYear, setSelectedYear] = React.useState<number | undefined>(
+  const [selectedYear, setSelectedYear] = useState<number | undefined>(
     undefined
   )
-  const [selectingYear, setSelectingYear] = React.useState<boolean>(false)
-  const onPressYear = useCallback(
-    (year: number) => {
-      setSelectedYear(year)
-      setSelectingYear((prev) => !prev)
-    },
-    [setSelectingYear]
-  )
+  const [selectingYear, setSelectingYear] = useState(false)
 
   // prevent re-rendering all months when something changed we only need the
   // latest version of the props and we don't want the useCallback to change
@@ -135,6 +118,14 @@ function Calendar(
   )
   const datesRef = useLatest<CalendarDates>(dates)
 
+  const onPressYear = useCallback(
+    (year: number) => {
+      setSelectedYear(year)
+      setSelectingYear((prev) => !prev)
+    },
+    [setSelectingYear]
+  )
+
   const onPressDate = useCallback(
     (d: Date) => {
       if (mode === 'single') {
@@ -171,10 +162,18 @@ function Calendar(
     [mode, dateMode, onChangeRef, startDateRef, endDateRef, datesRef]
   )
 
-  const firstDate = startDate || date || dates?.[0]
+  const selectColor = useMemo<string>(() => {
+    if (theme.isV3) {
+      return theme.colors.primaryContainer
+    }
+    if (theme.dark) {
+      return darkenBy(Color(theme.colors.primary), 0.1).hex()
+    }
+    return lightenBy(Color(theme.colors.primary), 0.9).hex()
+  }, [theme])
 
   return (
-    <View style={styles.root}>
+    <View style={sharedStyles.root}>
       <Swiper
         initialIndex={getInitialIndex(firstDate)}
         selectedYear={selectedYear}
@@ -226,9 +225,4 @@ function Calendar(
   )
 }
 
-const styles = StyleSheet.create({
-  root: { flex: 1 },
-  viewPager: { flex: 1 },
-})
-
-export default React.memo(Calendar)
+export default memo(Calendar)

package/src/Date/CalendarEdit.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import {
   View,
   StyleSheet,
@@ -10,6 +9,9 @@ import type { ModeType, ValidRangeType } from './Calendar'
 import type { LocalState } from './DatePickerModalContent'
 
 import DatePickerInputWithoutModal from './DatePickerInputWithoutModal'
+import { memo, useCallback, useEffect, useRef } from 'react'
+import React from 'react'
+import { sharedStyles } from '../shared/styles'
 
 function CalendarEdit({
   mode,
@@ -34,12 +36,12 @@ function CalendarEdit({
   locale: string
   inputEnabled?: boolean
 }) {
-  const dateInput = React.useRef<TextInputNative | null>(null)
-  const startInput = React.useRef<TextInputNative | null>(null)
-  const endInput = React.useRef<TextInputNative | null>(null)
+  const dateInput = useRef<TextInputNative | null>(null)
+  const startInput = useRef<TextInputNative | null>(null)
+  const endInput = useRef<TextInputNative | null>(null)
 
   // when switching views focus, or un-focus text input
-  React.useEffect(() => {
+  useEffect(() => {
     // hide open keyboard
     if (collapsed) {
       Keyboard.dismiss()
@@ -62,17 +64,17 @@ function CalendarEdit({
     }
   }, [mode, startInput, endInput, dateInput, collapsed])
 
-  const onSubmitStartInput = React.useCallback(() => {
+  const onSubmitStartInput = useCallback(() => {
     if (endInput.current) {
       endInput.current.focus()
     }
   }, [endInput])
 
-  const onSubmitEndInput = React.useCallback(() => {
+  const onSubmitEndInput = useCallback(() => {
     // TODO: close modal and persist range
   }, [])
 
-  const onSubmitInput = React.useCallback(() => {
+  const onSubmitInput = useCallback(() => {
     // TODO: close modal and persist range
   }, [])
 
@@ -94,7 +96,7 @@ function CalendarEdit({
         />
       ) : null}
       {mode === 'range' ? (
-        <View style={styles.inner}>
+        <View style={sharedStyles.flexDirectionRow}>
           <DatePickerInputWithoutModal
             inputMode="start"
             ref={startInput}
@@ -130,11 +132,12 @@ function CalendarEdit({
 }
 
 const styles = StyleSheet.create({
-  root: { padding: 12 },
-  inner: { flexDirection: 'row' },
-  inputContainer: { flex: 1 },
-  input: { flex: 1 },
-  separator: { width: 12 },
+  root: {
+    padding: 12,
+  },
+  separator: {
+    width: 12,
+  },
 })
 
-export default React.memo(CalendarEdit)
+export default memo(CalendarEdit)

package/src/Date/CalendarHeader.tsx

@@ -1,9 +1,10 @@
-import * as React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { IconButton, useTheme } from 'react-native-paper'
 import DayNames, { dayNamesHeight } from './DayNames'
 import type { DisableWeekDaysType } from './dateUtils'
 import { getTranslation } from '../translations/utils'
+import { sharedStyles } from '../shared/styles'
+import React, { memo } from 'react'
 
 const buttonContainerHeight = 56
 const buttonContainerMarginTop = 4
@@ -36,31 +37,23 @@ function CalendarHeader({
   disableWeekDays?: DisableWeekDaysType
   startWeekOnMonday: boolean
 }) {
-  const theme = useTheme()
   const isHorizontal = scrollMode === 'horizontal'
+
+  const theme = useTheme()
+
   return (
     <View style={styles.datePickerHeader} pointerEvents={'box-none'}>
       {isHorizontal ? (
         <View style={styles.buttonContainer} pointerEvents={'box-none'}>
-          <View style={styles.spacer} pointerEvents={'box-none'} />
-          <View
-            style={[
-              styles.buttonWrapper,
-              { backgroundColor: theme.colors.surface },
-            ]}
-          >
+          <View style={sharedStyles.root} pointerEvents={'box-none'} />
+          <View style={{ backgroundColor: theme.colors.surface }}>
             <IconButton
               icon="chevron-left"
               accessibilityLabel={getTranslation(locale, 'previous')}
               onPress={onPrev}
             />
           </View>
-          <View
-            style={[
-              styles.buttonWrapper,
-              { backgroundColor: theme.colors.surface },
-            ]}
-          >
+          <View style={{ backgroundColor: theme.colors.surface }}>
             <IconButton
               icon="chevron-right"
               accessibilityLabel={getTranslation(locale, 'next')}
@@ -93,8 +86,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
   },
-  buttonWrapper: {},
-  spacer: { flex: 1 },
 })
 
-export default React.memo(CalendarHeader)
+export default memo(CalendarHeader)

package/src/Date/DatePickerInput.shared.tsx

@@ -1,5 +1,5 @@
+import { ComponentProps, CSSProperties } from 'react'
 import type { ValidRangeType } from './Calendar'
-import type * as React from 'react'
 import type { TextInput } from 'react-native-paper'
 
 export type DatePickerInputProps = {
@@ -15,7 +15,7 @@ export type DatePickerInputProps = {
   onValidationError?: ((error: string | null) => void) | undefined
   calendarIcon?: string
   iconSize?: number
-  iconStyle?: React.CSSProperties
+  iconStyle?: CSSProperties
   iconColor?: string
   saveLabel?: string
   saveLabelDisabled?: boolean
@@ -29,6 +29,6 @@ export type DatePickerInputProps = {
   presentationStyle?: 'pageSheet' | 'overFullScreen'
   startWeekOnMonday?: boolean
 } & Omit<
-  React.ComponentProps<typeof TextInput>,
+  ComponentProps<typeof TextInput>,
   'value' | 'onChange' | 'onChangeText' | 'inputMode'
 >

package/src/Date/DatePickerInput.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react'
-
 import { TextInput } from 'react-native-paper'
 import DatePickerModal from './DatePickerModal'
-import { useLatest } from '../utils'
+import { useLatest } from '../shared/utils'
 import type { DatePickerInputProps } from './DatePickerInput.shared'
 import DatePickerInputWithoutModal from './DatePickerInputWithoutModal'
 import { Platform, StyleProp, ViewStyle } from 'react-native'
+import { forwardRef, useCallback, useState } from 'react'
+import React from 'react'
 
 function DatePickerInput(
   {
@@ -17,12 +17,15 @@ function DatePickerInput(
   }: DatePickerInputProps,
   ref: any
 ) {
-  const [visible, setVisible] = React.useState<boolean>(false)
-  const onDismiss = React.useCallback(() => {
+  const [visible, setVisible] = useState(false)
+
+  const onChangeRef = useLatest(rest.onChange)
+
+  const onDismiss = useCallback(() => {
     setVisible(false)
   }, [setVisible])
-  const onChangeRef = useLatest(rest.onChange)
-  const onInnerConfirm = React.useCallback(
+
+  const onInnerConfirm = useCallback(
     ({ date }: any) => {
       setVisible(false)
       onChangeRef.current(date)
@@ -91,4 +94,4 @@ function DatePickerInput(
   )
 }
 
-export default React.forwardRef(DatePickerInput)
+export default forwardRef(DatePickerInput)

package/src/Date/DatePickerInputWithoutModal.tsx

@@ -1,10 +1,9 @@
-import * as React from 'react'
-
 import TextInputWithMask from '../TextInputMask'
 import { HelperText, useTheme } from 'react-native-paper'
 import { View, StyleSheet } from 'react-native'
 import useDateInput from './inputUtils'
 import type { DatePickerInputProps } from './DatePickerInput.shared'
+import React, { forwardRef, ReactNode } from 'react'
 
 function DatePickerInputWithoutModal(
   {
@@ -46,7 +45,7 @@ function DatePickerInputWithoutModal(
       disableStatusBarPadding: DatePickerInputProps['disableStatusBarPadding']
       startWeekOnMonday?: DatePickerInputProps['startWeekOnMonday']
     }) => any
-    inputButton?: React.ReactNode
+    inputButton?: ReactNode
   },
   ref: any
 ) {
@@ -161,4 +160,4 @@ const styles = StyleSheet.create({
     width: '100%',
   },
 })
-export default React.forwardRef(DatePickerInputWithoutModal)
+export default forwardRef(DatePickerInputWithoutModal)