react-native-smart-date-picker 0.1.0

package/src/types/index.ts

@@ -0,0 +1,77 @@
+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` can be a predefined mode or a full partial theme object
+    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;
+}

package/src/utils/constants.ts

@@ -0,0 +1,17 @@
+export const ITEM_HEIGHT = 44;
+export const VISIBLE_ITEMS = 5;
+
+export const MONTHS = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec",
+];

package/src/utils/dateUtils.ts

@@ -0,0 +1,38 @@
+export const getDaysInMonth = (
+    month: number,
+    year: number
+) => {
+    return new Date(year, month, 0).getDate();
+};
+
+export const buildDate = (
+    day: number,
+    month: number,
+    year: number,
+    hour: number,
+    minute: number
+) => {
+    return new Date(
+        year,
+        month - 1,
+        day,
+        hour,
+        minute
+    );
+};
+
+export const clampDate = (
+    date: Date,
+    minimumDate?: Date,
+    maximumDate?: Date
+) => {
+    if (minimumDate && date < minimumDate) {
+        return minimumDate;
+    }
+
+    if (maximumDate && date > maximumDate) {
+        return maximumDate;
+    }
+
+    return date;
+};

package/src/utils/generateData.ts

@@ -0,0 +1,134 @@
+import { MONTHS } from "./constants";
+
+export const generateDays = (
+    month: number = 1,
+    year: number = 1970
+) => {
+    const daysInMonth = new Date(
+        year,
+        month,
+        0
+    ).getDate();
+
+    return Array.from(
+        { length: daysInMonth },
+        (_, i) => ({
+            label: String(i + 1),
+            value: i + 1,
+        })
+    );
+};
+
+export const generateMonths = () =>
+    MONTHS.map((month, index) => ({
+        label: month,
+        value: index + 1,
+    }));
+
+export const generateYears = (
+    start: number = 1900,
+    end: number = new Date().getFullYear() + 50
+) =>
+    Array.from(
+        { length: end - start + 1 },
+        (_, i) => ({
+            label: String(start + i),
+            value: start + i,
+        })
+    );
+
+export const generateHours = (
+    is24Hour: boolean = 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 = (
+    interval = 1
+) =>
+    Array.from(
+        {
+            length: 60 / interval,
+        },
+        (_, i) => ({
+            label: String(
+                i * interval
+            ).padStart(2, "0"),
+            value: i * interval,
+        })
+    );
+// 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/src/utils/validateDOB.ts

@@ -0,0 +1,24 @@
+export const validateDOB = (
+    date: 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;
+};