react-native-dates-picker 0.0.9 → 0.1.0

package/lib/typescript/components/TimeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSelector.d.ts","sourceRoot":"","sources":["../../../src/components/TimeSelector.tsx"],"names":[],"mappings":";AAmBA,QAAA,MAAM,YAAY,mBAuDjB,CAAC;AAyBF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"TimeSelector.d.ts","sourceRoot":"","sources":["../../../src/components/TimeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAkB3C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAuDzB,CAAC;AAyBF,eAAe,YAAY,CAAC"}

package/lib/typescript/components/WheelPicker/Wheel.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ViewStyle } from 'react-native';
+import { PickerOption } from '../../types';
 interface WheelProps {
     value: number;
     setValue?: (value: number) => void;
-    items: string[];
+    items: Array<PickerOption>;
     indicatorStyle?: ViewStyle;
 }
-export default function Wheel(props: WheelProps): JSX.Element;
-export {};
+declare const _default: React.NamedExoticComponent<WheelProps>;
+export default _default;
 //# sourceMappingURL=Wheel.d.ts.map

package/lib/typescript/components/WheelPicker/Wheel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/Wheel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIxD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,eAM9C"}
+{"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/Wheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;;AAOD,wBAA2B"}

package/lib/typescript/components/WheelPicker/WheelNative.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { type ViewStyle } from 'react-native';
+import React from 'react';
+import { PickerOption } from '../../types';
 interface WheelProps {
-    value: number;
-    setValue?: (value: number) => void;
-    items: string[];
-    indicatorStyle?: ViewStyle;
+    value: number | string;
+    setValue?: (value: any) => void;
+    items: PickerOption[];
 }
-export default function WheelNative({ value, setValue, items, indicatorStyle, }: WheelProps): JSX.Element;
-export {};
+declare const _default: React.NamedExoticComponent<WheelProps>;
+export default _default;
 //# sourceMappingURL=WheelNative.d.ts.map

package/lib/typescript/components/WheelPicker/WheelNative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WheelNative.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelNative.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,QAAmB,EACnB,KAAK,EACL,cAAc,GACf,EAAE,UAAU,eA0BZ"}
+{"version":3,"file":"WheelNative.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;;AAmBD,wBAAiC"}

package/lib/typescript/components/WheelPicker/WheelNativePicker/index.d.ts

@@ -0,0 +1,3 @@
+import WheelPicker from './wheel-picker';
+export default WheelPicker;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/WheelPicker/WheelNativePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/WheelPicker/WheelNativePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,eAAe,WAAW,CAAC"}

package/lib/typescript/components/WheelPicker/WheelNativePicker/wheel-picker-item.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Animated } from 'react-native';
+import { PickerOption } from 'src/types';
+interface ItemProps {
+    option: PickerOption | null;
+    height: number;
+    index: number;
+    currentScrollIndex: Animated.AnimatedAddition<number>;
+    visibleRest: number;
+    rotationFunction: (x: number) => number;
+    opacityFunction: (x: number) => number;
+    scaleFunction: (x: number) => number;
+}
+declare const _default: React.NamedExoticComponent<ItemProps>;
+export default _default;
+//# sourceMappingURL=wheel-picker-item.d.ts.map

package/lib/typescript/components/WheelPicker/WheelNativePicker/wheel-picker-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wheel-picker-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/WheelPicker/WheelNativePicker/wheel-picker-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,UAAU,SAAS;IACjB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC;;AA2HD,wBAAqC"}

package/lib/typescript/components/WheelPicker/WheelNativePicker/wheel-picker.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ViewStyle, ViewProps, FlatListProps } from 'react-native';
+import { PickerOption } from '../../../types';
+interface Props {
+    value: number | string;
+    options: PickerOption[];
+    onChange: (index: number | string) => void;
+    itemHeight?: number;
+    containerStyle?: ViewStyle;
+    containerProps?: Omit<ViewProps, 'style'>;
+    scaleFunction?: (x: number) => number;
+    rotationFunction?: (x: number) => number;
+    opacityFunction?: (x: number) => number;
+    visibleRest?: number;
+    decelerationRate?: 'normal' | 'fast' | number;
+    flatListProps?: Omit<FlatListProps<string | null>, 'data' | 'renderItem'>;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;
+//# sourceMappingURL=wheel-picker.d.ts.map

package/lib/typescript/components/WheelPicker/WheelNativePicker/wheel-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wheel-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/WheelPicker/WheelNativePicker/wheel-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,EAIL,SAAS,EAET,SAAS,EACT,aAAa,EAId,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9C,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,CAAC;CAC3E;;AAwLD,wBAAiC"}

package/lib/typescript/components/WheelPicker/WheelWeb.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
+import { PickerOption } from '../../types';
 interface WheelProps {
-    value: number;
-    setValue?: (value: number) => void;
-    items: string[];
+    value: number | string;
+    setValue?: (value: any) => void;
+    items: PickerOption[];
 }
-declare const _default: import("react").MemoExoticComponent<({ value, setValue, items }: WheelProps) => JSX.Element>;
+declare const _default: React.NamedExoticComponent<WheelProps>;
 export default _default;
 //# sourceMappingURL=WheelWeb.d.ts.map

package/lib/typescript/components/WheelPicker/WheelWeb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WheelWeb.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelWeb.tsx"],"names":[],"mappings":";AAYA,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;;AAmKD,wBAKG"}
+{"version":3,"file":"WheelWeb.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelWeb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAWrD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;;AAyLD,wBAAgD"}

package/lib/typescript/components/WheelPicker/animated-math.d.ts

@@ -0,0 +1,5 @@
+import { Animated } from 'react-native';
+declare function sin(animated: Animated.Animated): Animated.AnimatedAddition<string | number>;
+declare function normalize(animated: Animated.Animated): Animated.Animated;
+export { sin, normalize };
+//# sourceMappingURL=animated-math.d.ts.map

package/lib/typescript/components/WheelPicker/animated-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-math.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/animated-math.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,iBAAS,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,8CAcvC;AAED,iBAAS,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAQjE;AAED,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/components/WheelPicker/period-native.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PeriodProps {
+    value: string;
+    setValue?: (value: any) => void;
+}
+declare const _default: React.NamedExoticComponent<PeriodProps>;
+export default _default;
+//# sourceMappingURL=period-native.d.ts.map

package/lib/typescript/components/WheelPicker/period-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-native.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/period-native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC;;AA+BD,wBAAoD"}

package/lib/typescript/components/WheelPicker/period-picker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type PeriodProps = {
+    value: string;
+    setValue?: (value: any) => void;
+};
+declare const _default: React.NamedExoticComponent<PeriodProps>;
+export default _default;
+//# sourceMappingURL=period-picker.d.ts.map

package/lib/typescript/components/WheelPicker/period-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/period-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAKpC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC,CAAC;;AAOF,wBAAkC"}

package/lib/typescript/components/WheelPicker/period-web.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PeriodProps {
+    value: string;
+    setValue?: (value: any) => void;
+}
+declare const _default: React.NamedExoticComponent<PeriodProps>;
+export default _default;
+//# sourceMappingURL=period-web.d.ts.map

package/lib/typescript/components/WheelPicker/period-web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-web.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/period-web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC;;AA8BD,wBAAiD"}

package/lib/typescript/components/YearSelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const YearSelector: () => JSX.Element;
+import React from 'react';
+declare const YearSelector: React.FC;
 export default YearSelector;
 //# sourceMappingURL=YearSelector.d.ts.map

package/lib/typescript/components/YearSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YearSelector.d.ts","sourceRoot":"","sources":["../../../src/components/YearSelector.tsx"],"names":[],"mappings":";AAYA,QAAA,MAAM,YAAY,mBAyDjB,CAAC;AA6BF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"YearSelector.d.ts","sourceRoot":"","sources":["../../../src/components/YearSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAY3C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAyDzB,CAAC;AA6BF,eAAe,YAAY,CAAC"}

package/lib/typescript/enums.d.ts

@@ -7,5 +7,6 @@ export declare enum CalendarActionKind {
     CHANGE_SELECTED_RANGE = "CHANGE_SELECTED_RANGE",
     CHANGE_SELECTED_MULTIPLE = "CHANGE_SELECTED_MULTIPLE"
 }
-export declare const CALENDAR_HEIGHT = 300;
+export declare const CONTAINER_HEIGHT = 300;
+export declare const WEEKDAYS_HEIGHT = 25;
 //# sourceMappingURL=enums.d.ts.map

package/lib/typescript/enums.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/enums.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,oBAAY,kBAAkB;IAC5B,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;IAC3C,mBAAmB,wBAAwB;IAC3C,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,wBAAwB,6BAA6B;CACtD;AAED,eAAO,MAAM,eAAe,MAAM,CAAC"}
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/enums.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,oBAAY,kBAAkB;IAC5B,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;IAC3C,mBAAmB,wBAAwB;IAC3C,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,wBAAwB,6BAA6B;CACtD;AAED,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,eAAe,KAAK,CAAC"}

package/lib/typescript/types.d.ts

@@ -92,4 +92,8 @@ export interface DatePickerBaseProps {
     initialView?: CalendarViews;
     height?: number;
 }
+export type PickerOption = {
+    value: number | string;
+    text: string;
+};
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils.d.ts

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-import type { DateType, IDayObject } from './types';
+import type { DateType, IDayObject, PickerOption } from './types';
 export declare const CALENDAR_FORMAT = "YYYY-MM-DD HH:mm:ss";
 export declare const DATE_FORMAT = "YYYY-MM-DD";
 export declare const YEAR_PAGE_SIZE = 12;
@@ -27,7 +27,7 @@ export declare function getDaysInMonth(date: DateType, displayFullDays: boolean
     daysInNextMonth: number;
     fullDaysInMonth: number;
 };
-export declare function getDaysNumInMonth(year: number, month: number, minDate: DateType, maxDate: DateType): string[];
+export declare function getDaysNumInMonth(year: number, month: number, minDate: DateType, maxDate: DateType): Array<PickerOption>;
 export declare function getTimeRange(date: DateType, min: DateType, max: DateType, type: 'hour' | 'minute' | 'second'): [number, number];
 export declare function getFirstDayOfMonth(date: DateType, firstDayOfWeek: number): number;
 export declare function getStartOfDay(date: DateType): DateType;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,eAAe,wBAAwB,CAAC;AACrD,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,SAAS,wBAAuB,CAAC;AAE9C,eAAO,MAAM,YAAY,UAAW,MAAM,uBAA0B,CAAC;AAErE,eAAO,MAAM,WAAW,0BAAyB,CAAC;AAElD,eAAO,MAAM,gBAAgB,0BAA8B,CAAC;AAE5D,eAAO,MAAM,cAAc,mBAAoB,MAAM,uBAQpD,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,QAAQ,WACN,CAAC;AAEtC,eAAO,MAAM,YAAY,SAAU,QAAQ,WAAwB,CAAC;AAEpE,eAAO,MAAM,WAAW,SAAU,QAAQ,WAAuB,CAAC;AAElE,eAAO,MAAM,QAAQ,cAAoC,CAAC;AAE1D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,WAOzD;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,QAAQ,EACd,EACE,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,GACA,OAAO,CAIT;AAED,eAAO,MAAM,gBAAgB,SAAU,QAAQ,UAAU,MAAM,WACnC,CAAC;AAE7B,eAAO,MAAM,OAAO,SAAU,QAAQ,gBAA6B,CAAC;AAEpE,eAAO,MAAM,YAAY,SAAU,MAAM,aAOxC,CAAC;AAEF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,EACd,eAAe,EAAE,OAAO,GAAG,SAAS,EACpC,cAAc,EAAE,MAAM;;;;;;EAyBvB;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,QAAQ,GAChB,MAAM,EAAE,CAmBV;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,oBAcnC;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,MAAM,GACrB,MAAM,CAGR;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAEtD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAEpD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEjD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,SAAU,QAAQ;;;;;;CAM1C,CAAC;AAEH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,aACb,QAAQ,mBACD,OAAO,WACf,QAAQ,WACR,QAAQ,kBACD,MAAM,KACrB,UAAU,EAmDZ,CAAC;AAoCF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,UAcvE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,eAAe,wBAAwB,CAAC;AACrD,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,SAAS,wBAAuB,CAAC;AAE9C,eAAO,MAAM,YAAY,UAAW,MAAM,uBAA0B,CAAC;AAErE,eAAO,MAAM,WAAW,0BAAyB,CAAC;AAElD,eAAO,MAAM,gBAAgB,0BAA8B,CAAC;AAE5D,eAAO,MAAM,cAAc,mBAAoB,MAAM,uBAQpD,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,QAAQ,WACN,CAAC;AAEtC,eAAO,MAAM,YAAY,SAAU,QAAQ,WAAwB,CAAC;AAEpE,eAAO,MAAM,WAAW,SAAU,QAAQ,WAAuB,CAAC;AAElE,eAAO,MAAM,QAAQ,cAAoC,CAAC;AAE1D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,WAOzD;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,QAAQ,EACd,EACE,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,GACA,OAAO,CAIT;AAED,eAAO,MAAM,gBAAgB,SAAU,QAAQ,UAAU,MAAM,WACnC,CAAC;AAE7B,eAAO,MAAM,OAAO,SAAU,QAAQ,gBAA6B,CAAC;AAEpE,eAAO,MAAM,YAAY,SAAU,MAAM,aAOxC,CAAC;AAEF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,EACd,eAAe,EAAE,OAAO,GAAG,SAAS,EACpC,cAAc,EAAE,MAAM;;;;;;EAyBvB;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,QAAQ,GAChB,KAAK,CAAC,YAAY,CAAC,CAmBrB;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,oBAcnC;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,MAAM,GACrB,MAAM,CAGR;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAEtD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAEpD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEjD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,SAAU,QAAQ;;;;;;CAM1C,CAAC;AAEH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,aACb,QAAQ,mBACD,OAAO,WACf,QAAQ,WACR,QAAQ,kBACD,MAAM,KACrB,UAAU,EAmDZ,CAAC;AAoCF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,UAcvE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-dates-picker",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "Customizable date picker for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -84,9 +84,11 @@
     "@types/react-test-renderer": "^18.0.5",
     "commitlint": "^17.0.2",
     "del-cli": "^5.0.0",
-    "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint": "^9.20.0",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-prettier": "^5.2.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-native": "^5.0.0",
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
     "react": "^18.2.0",
@@ -193,7 +195,6 @@
   },
   "dependencies": {
     "dayjs": "^1.11.12",
-    "lodash": "^4.17.21",
-    "react-native-wheely": "^0.6.0"
+    "lodash": "^4.17.21"
   }
 }

package/src/DateTimePicker.tsx

@@ -1,4 +1,4 @@
-import { memo, useCallback, useEffect, useReducer } from 'react';
+import React, { memo, useCallback, useEffect, useReducer } from 'react';
 import {
   getFormatted,
   getDate,
@@ -73,13 +73,12 @@ export interface DatePickerWheelProps
   onChange?: SingleChange;
 }
 
-const DateTimePicker = (
-  props:
-    | DatePickerSingleProps
-    | DatePickerRangeProps
-    | DatePickerMultipleProps
-    | DatePickerWheelProps
-) => {
+const DateTimePicker: React.FC<
+  | DatePickerSingleProps
+  | DatePickerRangeProps
+  | DatePickerMultipleProps
+  | DatePickerWheelProps
+> = (props) => {
   const {
     mode = 'single',
     locale = 'zh-cn',
@@ -121,6 +120,7 @@ const DateTimePicker = (
     currentDate = dayjs(dates[0]);
 
   if (minDate && currentDate.isBefore(minDate)) currentDate = dayjs(minDate);
+  if (maxDate && currentDate.isAfter(maxDate)) currentDate = dayjs(maxDate);
 
   let currentYear = currentDate.year();
 
@@ -201,7 +201,12 @@ const DateTimePicker = (
         type: CalendarActionKind.CHANGE_SELECTED_DATE,
         payload: { date },
       });
-  }, [mode, date, startDate, endDate, dates, minDate, timePicker]);
+
+    dispatch({
+      type: CalendarActionKind.CHANGE_CURRENT_DATE,
+      payload: currentDate,
+    });
+  }, [mode, date, startDate, endDate, dates, minDate, timePicker, currentDate]);
 
   const setCalendarView = useCallback((view: CalendarViews) => {
     dispatch({ type: CalendarActionKind.SET_CALENDAR_VIEW, payload: view });

package/src/components/Calendar.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, memo } from 'react';
+import React, { ReactNode, memo } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useCalendarContext } from '../CalendarContext';
 import type { CalendarViews } from '../enums';
@@ -9,7 +9,7 @@ import MonthSelector from './MonthSelector';
 import DaySelector from './DaySelector';
 import TimeSelector from './TimeSelector';
 import DatePicker from './DatePicker';
-import { CALENDAR_HEIGHT } from '../enums';
+import { CONTAINER_HEIGHT } from '../enums';
 
 const CalendarView: Record<CalendarViews, ReactNode> = {
   year: <YearSelector />,
@@ -23,12 +23,12 @@ interface PropTypes extends HeaderProps {
   containerStyle?: CalendarThemeProps['containerStyle'];
 }
 
-const Calendar = ({
+const Calendar: React.FC<PropTypes> = ({
   buttonPrevIcon,
   buttonNextIcon,
   height,
   containerStyle,
-}: PropTypes) => {
+}) => {
   const { calendarView, mode } = useCalendarContext();
 
   const styles = StyleSheet.create({
@@ -36,7 +36,7 @@ const Calendar = ({
       width: '100%',
     },
     calendarContainer: {
-      height: height || CALENDAR_HEIGHT,
+      height: height || CONTAINER_HEIGHT,
       alignItems: 'center',
     },
   });

package/src/components/DatePicker.tsx

@@ -1,8 +1,8 @@
-import { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useCalendarContext } from '../CalendarContext';
 import Wheel from './WheelPicker/Wheel';
-import { CALENDAR_HEIGHT } from '../enums';
+import { CONTAINER_HEIGHT } from '../enums';
 import {
   getFormatted,
   getParsedDate,
@@ -11,13 +11,14 @@ import {
   getDate,
 } from '../utils';
 
-function createNumberList(start: number, end: number) {
-  return new Array(end - start)
-    .fill(0)
-    .map((_, index) => String(index + 1 + start).padStart(2, '0'));
+function createNumberList(start: number, end: number, first: number = 1) {
+  return new Array(end - start).fill(0).map((_, index) => ({
+    value: index + first + start,
+    text: String(index + first + start).padStart(2, '0'),
+  }));
 }
 
-const DatePicker = () => {
+const DatePicker: React.FC = () => {
   const {
     columns,
     currentDate,
@@ -41,6 +42,7 @@ const DatePicker = () => {
 
   const { year: startYear, month: startMonth } = getParsedDate(minDate);
   const { year: endYear, month: endMonth } = getParsedDate(maxDate);
+  const { hour, minute, second } = getParsedDate(currentDate);
   const years = createNumberList(startYear - 1, endYear);
   const months = useMemo(
     () =>
@@ -57,31 +59,32 @@ const DatePicker = () => {
   );
   const hours = useMemo(
     () =>
-      createNumberList(...getTimeRange(currentDate, minDate, maxDate, 'hour')),
+      createNumberList(
+        ...getTimeRange(currentDate, minDate, maxDate, 'hour'),
+        0
+      ),
     [currentDate, maxDate, minDate]
   );
   const minutes = useMemo(
     () =>
       createNumberList(
-        ...getTimeRange(currentDate, minDate, maxDate, 'minute')
+        ...getTimeRange(currentDate, minDate, maxDate, 'minute'),
+        0
       ),
     [currentDate, maxDate, minDate]
   );
   const seconds = useMemo(
     () =>
       createNumberList(
-        ...getTimeRange(currentDate, minDate, maxDate, 'second')
+        ...getTimeRange(currentDate, minDate, maxDate, 'second'),
+        0
       ),
     [currentDate, maxDate, minDate]
   );
 
   const handleChangeDate = useCallback(
-    (
-      value: number,
-      data: Array<string>,
-      type: 'date' | 'hour' | 'minute' | 'second'
-    ) => {
-      const newDate = getDate(currentDate)[type](Number(data[value]));
+    (value: number, type: 'date' | 'hour' | 'minute' | 'second') => {
+      const newDate = getDate(currentDate).set(type, value);
       onSelectDate(getFormatted(newDate));
     },
     [currentDate, onSelectDate]
@@ -107,63 +110,49 @@ const DatePicker = () => {
           <View style={styles.wheelContainer} key={item}>
             {item === 'year' && (
               <Wheel
-                value={years.indexOf(String(year))}
+                value={year}
                 items={years}
-                key={years.length}
-                setValue={(value) => onSelectYear(Number(years[value]))}
+                setValue={(value) => onSelectYear(value)}
                 indicatorStyle={createIndicatorStyle(index)}
               />
             )}
             {item === 'month' && (
               <Wheel
-                value={months.indexOf(String(month + 1).padStart(2, '0'))}
+                value={month + 1}
                 items={months}
-                key={months.length}
-                setValue={(value) => onSelectMonth(Number(months[value]) - 1)}
+                setValue={(value) => onSelectMonth(value - 1)}
                 indicatorStyle={createIndicatorStyle(index)}
               />
             )}
             {item === 'day' && (
               <Wheel
-                value={days.indexOf(
-                  String(getDate(currentDate).date()).padStart(2, '0')
-                )}
-                key={days.length}
+                value={getDate(currentDate).date()}
                 items={days}
-                setValue={(value) => handleChangeDate(value, days, 'date')}
+                setValue={(value) => handleChangeDate(value, 'date')}
                 indicatorStyle={createIndicatorStyle(index)}
               />
             )}
             {item === 'hour' && (
               <Wheel
-                value={hours.indexOf(
-                  String(getDate(currentDate).hour()).padStart(2, '0')
-                )}
-                key={hours.length}
+                value={hour}
                 items={hours}
-                setValue={(value) => handleChangeDate(value, hours, 'hour')}
+                setValue={(value) => handleChangeDate(value, 'hour')}
                 indicatorStyle={createIndicatorStyle(index)}
               />
             )}
             {item === 'minute' && (
               <Wheel
-                value={minutes.indexOf(
-                  String(getDate(currentDate).minute()).padStart(2, '0')
-                )}
-                key={minutes.length}
+                value={minute}
                 items={minutes}
-                setValue={(value) => handleChangeDate(value, minutes, 'minute')}
+                setValue={(value) => handleChangeDate(value, 'minute')}
                 indicatorStyle={createIndicatorStyle(index)}
               />
             )}
             {item === 'second' && (
               <Wheel
-                value={seconds.indexOf(
-                  String(getDate(currentDate).second()).padStart(2, '0')
-                )}
-                key={seconds.length}
+                value={second}
                 items={seconds}
-                setValue={(value) => handleChangeDate(value, seconds, 'second')}
+                setValue={(value) => handleChangeDate(value, 'second')}
                 indicatorStyle={createIndicatorStyle(index)}
               />
             )}
@@ -179,16 +168,18 @@ const styles = StyleSheet.create({
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
+    width: '100%',
   },
   wheelContainer: {
     flex: 1,
   },
   datePickerContainer: {
+    width: '100%',
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
     paddingHorizontal: 16,
-    height: CALENDAR_HEIGHT / 2,
+    height: CONTAINER_HEIGHT / 2,
   },
 });
 

package/src/components/Day.tsx

@@ -1,7 +1,7 @@
-import { memo, useCallback } from 'react';
+import React, { memo, useCallback } from 'react';
 import { View, Text, Pressable, StyleSheet } from 'react-native';
 import { CalendarThemeProps, IDayObject } from '../types';
-import { CALENDAR_HEIGHT } from '../enums';
+import { CONTAINER_HEIGHT } from '../enums';
 import { addColorAlpha } from '../utils';
 import { isEqual } from 'lodash';
 
@@ -16,13 +16,13 @@ interface Props extends Omit<IDayObject, 'day'> {
 }
 
 function EmptyDayPure({ height }: { height?: number }) {
-  const style = styles(height || CALENDAR_HEIGHT);
+  const style = styles(height || CONTAINER_HEIGHT);
   return <View style={style.dayCell} />;
 }
 
 export const EmptyDay = memo(EmptyDayPure);
 
-function Day({
+const Day: React.FC<Props> = ({
   date,
   text,
   disabled,
@@ -35,7 +35,7 @@ function Day({
   onSelectDate,
   theme,
   height,
-}: Props) {
+}) => {
   const onPress = useCallback(() => {
     onSelectDate(date);
   }, [onSelectDate, date]);
@@ -83,7 +83,7 @@ function Day({
   const rangeRootBackground =
     selectedRangeBackgroundColor ?? addColorAlpha(selectedItemColor, 0.15);
 
-  const style = styles(height || CALENDAR_HEIGHT);
+  const style = styles(height || CONTAINER_HEIGHT);
 
   return (
     <View style={style.dayCell}>
@@ -138,7 +138,7 @@ function Day({
       </Pressable>
     </View>
   );
-}
+};
 
 const styles = (height: number) =>
   StyleSheet.create({