react-native-smart-date-picker 0.1.0

package/lib/components/YearColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearColumn.d.ts","sourceRoot":"","sources":["../../src/components/YearColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAC9B,KAAK,EAAE,GAAG,qBAQb"}

package/lib/components/YearColumn.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = YearColumn;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WheelColumn_1 = __importDefault(require("./WheelColumn"));
+const generateData_1 = require("../utils/generateData");
+function YearColumn(props) {
+    return ((0, jsx_runtime_1.jsx)(WheelColumn_1.default, Object.assign({ data: (0, generateData_1.generateYears)() }, props)));
+}

package/lib/hooks/useDatePicker.d.ts

@@ -0,0 +1,13 @@
+export declare const useDatePicker: (date: Date) => {
+    day: number;
+    month: number;
+    year: number;
+    hour: number;
+    minute: number;
+    setDay: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setMonth: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setYear: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setHour: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setMinute: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+//# sourceMappingURL=useDatePicker.d.ts.map

package/lib/hooks/useDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePicker.d.ts","sourceRoot":"","sources":["../../src/hooks/useDatePicker.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GACtB,MAAM,IAAI;;;;;;;;;;;CA2Cb,CAAC"}

package/lib/hooks/useDatePicker.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDatePicker = void 0;
+const react_1 = require("react");
+const useDatePicker = (date) => {
+    const [day, setDay] = (0, react_1.useState)(date.getDate());
+    const [month, setMonth] = (0, react_1.useState)(date.getMonth() + 1);
+    const [year, setYear] = (0, react_1.useState)(date.getFullYear());
+    const [hour, setHour] = (0, react_1.useState)(date.getHours());
+    const [minute, setMinute] = (0, react_1.useState)(date.getMinutes());
+    (0, react_1.useEffect)(() => {
+        setDay(date.getDate());
+        setMonth(date.getMonth() + 1);
+        setYear(date.getFullYear());
+        setHour(date.getHours());
+        setMinute(date.getMinutes());
+    }, [date]);
+    return {
+        day,
+        month,
+        year,
+        hour,
+        minute,
+        setDay,
+        setMonth,
+        setYear,
+        setHour,
+        setMinute,
+    };
+};
+exports.useDatePicker = useDatePicker;

package/lib/hooks/useTheme.d.ts

@@ -0,0 +1,13 @@
+import { SmartDatePickerTheme } from "../types";
+export declare const useTheme: (theme?: Partial<SmartDatePickerTheme>) => {
+    primaryColor: string;
+    backgroundColor: string;
+    textColor: string;
+    buttonTextColor: string;
+    overlayBorderColor: string;
+    disabledTextColor: string;
+    selectionOverlayColor: string;
+    headerBackgroundColor: string;
+    wheelBackgroundColor: string;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/lib/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,QAAQ,GACjB,QAAQ,OAAO,CAAC,oBAAoB,CAAC;;;;;;;;;;CAcxC,CAAC"}

package/lib/hooks/useTheme.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+const useTheme = (theme) => {
+    return Object.assign({ primaryColor: "#4F46E5", backgroundColor: "#FFFFFF", textColor: "#111827", buttonTextColor: "#4F46E5", overlayBorderColor: "#D1D5DB", disabledTextColor: "#9CA3AF", selectionOverlayColor: "transparent", headerBackgroundColor: "#FFFFFF", wheelBackgroundColor: "#FFFFFF" }, theme);
+};
+exports.useTheme = useTheme;

package/lib/hooks/useWheel.d.ts

@@ -0,0 +1,5 @@
+export declare const useWheel: (initialValue: number) => {
+    selected: number;
+    setSelected: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+//# sourceMappingURL=useWheel.d.ts.map

package/lib/hooks/useWheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWheel.d.ts","sourceRoot":"","sources":["../../src/hooks/useWheel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,GACjB,cAAc,MAAM;;;CASvB,CAAC"}

package/lib/hooks/useWheel.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWheel = void 0;
+const react_1 = require("react");
+const useWheel = (initialValue) => {
+    const [selected, setSelected] = (0, react_1.useState)(initialValue);
+    return {
+        selected,
+        setSelected,
+    };
+};
+exports.useWheel = useWheel;

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SmartDatePicker } from "./components/SmartDatePicker";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE1E,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDatePicker = void 0;
+var SmartDatePicker_1 = require("./components/SmartDatePicker");
+Object.defineProperty(exports, "SmartDatePicker", { enumerable: true, get: function () { return __importDefault(SmartDatePicker_1).default; } });
+__exportStar(require("./types"), exports);

package/lib/types/index.d.ts

@@ -0,0 +1,59 @@
+import { TextStyle, ViewStyle } from "react-native";
+export interface SmartDatePickerTheme {
+    primaryColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    buttonTextColor?: string;
+    overlayBorderColor?: string;
+    disabledTextColor?: string;
+    selectionOverlayColor?: string;
+    headerBackgroundColor?: string;
+    wheelBackgroundColor?: string;
+}
+export interface SmartDatePickerProps {
+    visible: boolean;
+    value?: Date;
+    mode?: "date" | "time" | "datetime";
+    minimumDate?: Date;
+    maximumDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    is24Hour?: boolean;
+    minuteInterval?: number;
+    showSelectionOverlay?: boolean;
+    infiniteScroll?: boolean;
+    itemHeight?: number;
+    visibleRows?: number;
+    modalTitle?: string;
+    confirmText?: string;
+    cancelText?: string;
+    theme?: Partial<SmartDatePickerTheme> | "light" | "dark" | "auto";
+    primaryColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    selectedTextColor?: string;
+    buttonTextColor?: string;
+    overlayBorderColor?: string;
+    disabledTextColor?: string;
+    selectionOverlayColor?: string;
+    headerBackgroundColor?: string;
+    wheelBackgroundColor?: string;
+    containerStyle?: ViewStyle;
+    wheelStyle?: ViewStyle;
+    overlayStyle?: ViewStyle;
+    textStyle?: TextStyle;
+    selectedTextStyle?: TextStyle;
+    customTheme?: SmartDatePickerTheme;
+    minDateTheme?: Partial<SmartDatePickerTheme>;
+    maxDateTheme?: Partial<SmartDatePickerTheme>;
+    onConfirm: (date: Date) => void;
+    onCancel: () => void;
+    onValueChange?: (date: Date) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export interface WheelItem {
+    label: string;
+    value: number | string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,oBAAoB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IAEpC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IAEnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAElE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE7C,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B"}

package/lib/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/utils/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const ITEM_HEIGHT = 44;
+export declare const VISIBLE_ITEMS = 5;
+export declare const MONTHS: string[];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,eAAO,MAAM,MAAM,UAalB,CAAC"}

package/lib/utils/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MONTHS = exports.VISIBLE_ITEMS = exports.ITEM_HEIGHT = void 0;
+exports.ITEM_HEIGHT = 44;
+exports.VISIBLE_ITEMS = 5;
+exports.MONTHS = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec",
+];

package/lib/utils/dateUtils.d.ts

@@ -0,0 +1,4 @@
+export declare const getDaysInMonth: (month: number, year: number) => number;
+export declare const buildDate: (day: number, month: number, year: number, hour: number, minute: number) => Date;
+export declare const clampDate: (date: Date, minimumDate?: Date, maximumDate?: Date) => Date;
+//# sourceMappingURL=dateUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../src/utils/dateUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GACvB,OAAO,MAAM,EACb,MAAM,MAAM,WAGf,CAAC;AAEF,eAAO,MAAM,SAAS,GAClB,KAAK,MAAM,EACX,OAAO,MAAM,EACb,MAAM,MAAM,EACZ,MAAM,MAAM,EACZ,QAAQ,MAAM,SASjB,CAAC;AAEF,eAAO,MAAM,SAAS,GAClB,MAAM,IAAI,EACV,cAAc,IAAI,EAClB,cAAc,IAAI,SAWrB,CAAC"}

package/lib/utils/dateUtils.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clampDate = exports.buildDate = exports.getDaysInMonth = void 0;
+const getDaysInMonth = (month, year) => {
+    return new Date(year, month, 0).getDate();
+};
+exports.getDaysInMonth = getDaysInMonth;
+const buildDate = (day, month, year, hour, minute) => {
+    return new Date(year, month - 1, day, hour, minute);
+};
+exports.buildDate = buildDate;
+const clampDate = (date, minimumDate, maximumDate) => {
+    if (minimumDate && date < minimumDate) {
+        return minimumDate;
+    }
+    if (maximumDate && date > maximumDate) {
+        return maximumDate;
+    }
+    return date;
+};
+exports.clampDate = clampDate;

package/lib/utils/generateData.d.ts

@@ -0,0 +1,21 @@
+export declare const generateDays: (month?: number, year?: number) => {
+    label: string;
+    value: number;
+}[];
+export declare const generateMonths: () => {
+    label: string;
+    value: number;
+}[];
+export declare const generateYears: (start?: number, end?: number) => {
+    label: string;
+    value: number;
+}[];
+export declare const generateHours: (is24Hour?: boolean) => {
+    label: string;
+    value: number;
+}[];
+export declare const generateMinutes: (interval?: number) => {
+    label: string;
+    value: number;
+}[];
+//# sourceMappingURL=generateData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateData.d.ts","sourceRoot":"","sources":["../../src/utils/generateData.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GACrB,QAAO,MAAU,EACjB,OAAM,MAAa;;;GAetB,CAAC;AAEF,eAAO,MAAM,cAAc;;;GAIpB,CAAC;AAER,eAAO,MAAM,aAAa,GACtB,QAAO,MAAa,EACpB,MAAK,MAAsC;;;GAQ1C,CAAC;AAEN,eAAO,MAAM,aAAa,GACtB,WAAU,OAAc;;;GAYvB,CAAC;AAEN,eAAO,MAAM,eAAe,GACxB,iBAAY;;;GAYX,CAAC"}

package/lib/utils/generateData.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateMinutes = exports.generateHours = exports.generateYears = exports.generateMonths = exports.generateDays = void 0;
+const constants_1 = require("./constants");
+const generateDays = (month = 1, year = 1970) => {
+    const daysInMonth = new Date(year, month, 0).getDate();
+    return Array.from({ length: daysInMonth }, (_, i) => ({
+        label: String(i + 1),
+        value: i + 1,
+    }));
+};
+exports.generateDays = generateDays;
+const generateMonths = () => constants_1.MONTHS.map((month, index) => ({
+    label: month,
+    value: index + 1,
+}));
+exports.generateMonths = generateMonths;
+const generateYears = (start = 1900, end = new Date().getFullYear() + 50) => Array.from({ length: end - start + 1 }, (_, i) => ({
+    label: String(start + i),
+    value: start + i,
+}));
+exports.generateYears = generateYears;
+const generateHours = (is24Hour = true) => Array.from({
+    length: is24Hour ? 24 : 12,
+}, (_, i) => ({
+    label: String(is24Hour ? i : i + 1).padStart(2, "0"),
+    value: is24Hour ? i : i + 1,
+}));
+exports.generateHours = generateHours;
+const generateMinutes = (interval = 1) => Array.from({
+    length: 60 / interval,
+}, (_, i) => ({
+    label: String(i * interval).padStart(2, "0"),
+    value: i * interval,
+}));
+exports.generateMinutes = generateMinutes;
+// import { MONTHS } from "./constants";
+// export const generateDays = (
+//     month?: number,
+//     year?: number
+// ) => {
+//     let totalDays = 31;
+//     if (month && year) {
+//         totalDays = new Date(year, month, 0).getDate();
+//     }
+//     return Array.from(
+//         { length: totalDays },
+//         (_, i) => ({
+//             label: String(i + 1),
+//             value: i + 1,
+//         })
+//     );
+// };
+// export const generateMonths = () =>
+//     MONTHS.map((month, index) => ({
+//         label: month,
+//         value: index + 1,
+//     }));
+// export const generateYears = (
+//     start = 1900,
+//     end = new Date().getFullYear() + 50
+// ) =>
+//     Array.from(
+//         { length: end - start + 1 },
+//         (_, i) => ({
+//             label: String(start + i),
+//             value: start + i,
+//         })
+//     );
+// export const generateHours = (
+//     is24Hour = true
+// ) =>
+//     Array.from(
+//         {
+//             length: is24Hour ? 24 : 12,
+//         },
+//         (_, i) => ({
+//             label: String(
+//                 is24Hour ? i : i + 1
+//             ).padStart(2, "0"),
+//             value: is24Hour ? i : i + 1,
+//         })
+//     );
+// export const generateMinutes = (
+//     step = 1
+// ) =>
+//     Array.from(
+//         { length: 60 / step },
+//         (_, i) => ({
+//             label: String(
+//                 i * step
+//             ).padStart(2, "0"),
+//             value: i * step,
+//         })
+//     );

package/lib/utils/validateDOB.d.ts

@@ -0,0 +1,2 @@
+export declare const validateDOB: (date: Date, minAge?: number) => boolean;
+//# sourceMappingURL=validateDOB.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validateDOB.d.ts","sourceRoot":"","sources":["../../src/utils/validateDOB.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GACpB,MAAM,IAAI,EACV,eAAW,YAqBd,CAAC"}

package/lib/utils/validateDOB.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateDOB = void 0;
+const validateDOB = (date, minAge = 18) => {
+    const today = new Date();
+    let age = today.getFullYear() -
+        date.getFullYear();
+    const m = today.getMonth() -
+        date.getMonth();
+    if (m < 0 ||
+        (m === 0 &&
+            today.getDate() < date.getDate())) {
+        age--;
+    }
+    return age >= minAge;
+};
+exports.validateDOB = validateDOB;

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "react-native-smart-date-picker",
+  "version": "0.1.0",
+  "description": "A lightweight, customizable React Native wheel-style date and datetime picker with identical UI on iOS and Android.",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "lib",
+    "src",
+    "README.md"
+  ],
+  "keywords": [
+    "react-native",
+    "date-picker",
+    "datetime-picker",
+    "wheel-picker",
+    "calendar",
+    "ios",
+    "android",
+    "typescript",
+    "react-native-date-picker",
+    "smart-date-picker"
+  ],
+  "author": "Neeraj Singh",
+  "license": "MIT",
+  "homepage": "https://github.com/neerajsingh/react-native-smart-date-picker",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/neerajsingh/react-native-smart-date-picker.git"
+  },
+  "bugs": {
+    "url": "https://github.com/neerajsingh/react-native-smart-date-picker/issues"
+  },
+  "scripts": {
+    "build": "tsc",
+    "watch": "tsc --watch",
+    "clean": "rm -rf lib",
+    "prepare": "npm run build",
+    "test": "echo \"No tests specified\""
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.72.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.17",
+    "@types/react-native": "^0.72.8",
+    "typescript": "^6.0.3"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/src/components/DateColumn.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import WheelColumn from "./WheelColumn";
+import { generateDays } from "../utils/generateData";
+
+export default function DateColumn(
+    props: any
+) {
+    return (
+        <WheelColumn
+            data={generateDays()}
+            {...props}
+        />
+    );
+}

package/src/components/HourColumn.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import WheelColumn from "./WheelColumn";
+import { generateHours } from "../utils/generateData";
+
+export default function HourColumn(
+    props: any
+) {
+    return (
+        <WheelColumn
+            data={generateHours()}
+            {...props}
+        />
+    );
+}

package/src/components/MinuteColumn.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import WheelColumn from "./WheelColumn";
+import { generateMinutes } from "../utils/generateData";
+
+export default function MinuteColumn(
+    props: any
+) {
+    return (
+        <WheelColumn
+            data={generateMinutes()}
+            {...props}
+        />
+    );
+}

package/src/components/MonthColumn.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import WheelColumn from "./WheelColumn";
+import { generateMonths } from "../utils/generateData";
+
+export default function MonthColumn(
+    props: any
+) {
+    return (
+        <WheelColumn
+            data={generateMonths()}
+            {...props}
+        />
+    );
+}

package/src/components/PickerModal.tsx

@@ -0,0 +1,60 @@
+import React from "react";
+import {
+    Modal,
+    View,
+    StyleSheet,
+    ViewStyle,
+} from "react-native";
+
+export default function PickerModal({
+    visible,
+    children,
+    backgroundColor,
+    containerStyle,
+    overlayStyle,
+}: {
+    visible: boolean;
+    children: React.ReactNode;
+    backgroundColor?: string;
+    containerStyle?: ViewStyle;
+    overlayStyle?: ViewStyle;
+}) {
+    return (
+        <Modal
+            transparent
+            visible={visible}
+            animationType="slide"
+        >
+            <View style={[styles.container, containerStyle]}>
+                <View
+                    style={[
+                        styles.content,
+                        overlayStyle,
+                        {
+                            backgroundColor:
+                                backgroundColor || "#fff",
+                        },
+                    ]}
+                >
+                    {children}
+                </View>
+            </View>
+        </Modal>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "flex-end",
+        backgroundColor:
+            "rgba(0,0,0,0.4)",
+    },
+
+    content: {
+        height: 320,
+        backgroundColor: "#fff",
+        borderTopLeftRadius: 20,
+        borderTopRightRadius: 20,
+    },
+});

package/src/components/SelectionOverlay.tsx

@@ -0,0 +1,45 @@
+import React from "react";
+import {
+    View,
+    StyleSheet,
+} from "react-native";
+
+interface Props {
+    itemHeight?: number;
+    borderColor?: string;
+    selectionOverlayColor?: string;
+    overlayStyle?: any;
+}
+
+export default function SelectionOverlay({
+    itemHeight = 44,
+    borderColor = "#D1D5DB",
+    selectionOverlayColor = "transparent",
+    overlayStyle,
+}: Props) {
+    return (
+        <View
+            pointerEvents="none"
+            style={[
+                styles.overlay,
+                overlayStyle,
+                {
+                    top: itemHeight * 2,
+                    height: itemHeight,
+                    borderColor,
+                    backgroundColor: selectionOverlayColor,
+                },
+            ]}
+        />
+    );
+}
+
+const styles = StyleSheet.create({
+    overlay: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        borderTopWidth: 1,
+        borderBottomWidth: 1,
+    },
+});