expo-persian-date-wheel 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ali Sabet
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,110 @@
+# expo-persian-date-wheel / انتخابگر تاریخ و زمان چرخ‌مانند فارسی
+
+[![npm version](https://badge.fury.io/js/expo-persian-date-wheel.svg)](https://www.npmjs.com/package/expo-persian-date-wheel)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+A beautiful, customizable Persian/Jalali date wheel picker for React Native and Expo with multiple elegant themes.
+
+یک انتخابگر تاریخ و زمان چرخ‌مانند فارسی زیبا و قابل تنظیم برای ری‌اکت نیتیو و اکسپو با چندین تم زیبا
+با استفاده از moment-jalaali
+
+---
+
+## 📸 Screenshots / تصاویر
+
+| Theme          | Screenshot                       |
+| -------------- | -------------------------------- |
+| Adeleh (Light) | ![](screenshots/screenshot3.jpg) |
+| Atlas (Dark)   | ![](screenshots/screenshot6.jpg) |
+| Shadi (Dark)   | ![](screenshots/screenshot1.jpg) |
+| Esi (Light)    | ![](screenshots/screenshot4.jpg) |
+
+---
+
+## ✨ Features / ویژگی‌ها
+
+**English:**
+
+- 🎨 4 Beautiful themes (Adeleh, Atlas, Shadi, Esi)
+- 📅 Full Persian/Jalali calendar support
+- ⏰ Optional time picker (hour & minute)
+- 🎯 Auto-scroll to selected values
+- 🖌️ Custom font support (use any Persian font)
+- 🔘 "Now" button to jump to current date/time
+- 🔢 Persian numeral support (optional)
+- 🚀 Lightweight with zero extra dependencies
+- 📱 Works with Expo & React Native CLI
+
+**فارسی:**
+
+- 🎨 ۴ تم زیبا (Adeleh، Atlas، Shadi، Esi)
+- 📅 پشتیبانی کامل از تقویم شمسی (جلالی)
+- ⏰ انتخابگر زمان (ساعت و دقیقه)
+- 🎯 اسکرول خودکار به مقدار انتخاب شده
+- 🖌️ پشتیبانی از فونت‌های دلخواه
+- 🔘 دکمه "اکنون" برای رفتن به زمان حال
+- 🔢 پشتیبانی از اعداد فارسی
+- 🚀 سبک و بدون وابستگی اضافی
+- 📱 کار با Expo و React Native CLI
+
+---
+
+## 📦 Installation / نصب
+
+**English:**
+
+```bash
+npm install expo-persian-date-wheel moment-jalaali
+```
+
+## 📚 Full Documentation
+
+### How It Works
+
+The picker uses `moment-jalaali` for Persian calendar conversion and provides a smooth wheel-style interface similar to iOS date pickers.
+
+**Key Features Explained:**
+
+1. **Auto-scroll** - Automatically scrolls to selected date/time when opened
+2. **Persian Numbers** - Converts English numbers to Persian (optional)
+3. **RTL Support** - Full right-to-left layout for Persian text
+4. **Themes** - 4 built-in themes with light/dark options
+
+### API Reference
+
+#### PersianDateWheel Props
+
+| Prop                | Type                          | Required | Default          | Description               |
+| ------------------- | ----------------------------- | -------- | ---------------- | ------------------------- |
+| `visible`           | `boolean`                     | ✅ Yes   | -                | Controls modal visibility |
+| `onConfirm`         | `(timestamp: number) => void` | ✅ Yes   | -                | Called when user confirms |
+| `onCancel`          | `() => void`                  | ✅ Yes   | -                | Called when user cancels  |
+| `value`             | `number`                      | ❌ No    | `Date.now()`     | Initial timestamp         |
+| `showTime`          | `boolean`                     | ❌ No    | `false`          | Show time picker          |
+| `variant`           | `string`                      | ❌ No    | `'atlas'`        | Theme name                |
+| `minYear`           | `number`                      | ❌ No    | `1320`           | Minimum selectable year   |
+| `maxYear`           | `number`                      | ❌ No    | `1440`           | Maximum selectable year   |
+| `title`             | `string`                      | ❌ No    | `'انتخاب تاریخ'` | Modal title               |
+| `cancelText`        | `string`                      | ❌ No    | `'انصراف'`       | Cancel button text        |
+| `confirmText`       | `string`                      | ❌ No    | `'تأیید'`        | Confirm button text       |
+| `showNowButton`     | `boolean`                     | ❌ No    | `false`          | Show "Now" button         |
+| `nowButtonText`     | `string`                      | ❌ No    | `'اکنون'`        | Custom "Now" button text  |
+| `fontFamily`        | `string`                      | ❌ No    | `'System'`       | Custom font name          |
+| `usePersianNumbers` | `boolean`                     | ❌ No    | `true`           | Use Persian numerals      |
+
+### Understanding the Value
+
+The picker returns a **JavaScript timestamp** (milliseconds since Unix epoch). You can convert it using moment-jalaali:
+
+```tsx
+import moment from "moment-jalaali";
+
+// Convert timestamp to Persian date
+const persianDate = moment(timestamp);
+console.log(persianDate.format("jYYYY/jMM/jDD HH:mm"));
+// Output: ۱۴۰۳/۰۴/۱۵ ۱۴:۳۰
+
+// Convert to Gregorian if needed
+const gregorian = new Date(timestamp);
+console.log(gregorian.toLocaleDateString("en-US"));
+```

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface PersianDateWheelProps {
+    visible: boolean;
+    value?: number;
+    onConfirm: (timestamp: number) => void;
+    onCancel: () => void;
+    showTime?: boolean;
+    variant?: "atlas" | "adeleh" | "shadi" | "esi";
+    minYear?: number;
+    maxYear?: number;
+    title?: string;
+    cancelText?: string;
+    confirmText?: string;
+    showNowButton?: boolean;
+    nowButtonText?: string;
+    fontFamily?: string;
+    usePersianNumbers?: boolean;
+}
+export default function PersianDateWheel({ visible, value, onConfirm, onCancel, showTime, variant, minYear, maxYear, title, cancelText, confirmText, showNowButton, nowButtonText, fontFamily, usePersianNumbers, }: PersianDateWheelProps): React.JSX.Element;

package/dist/index.js

@@ -0,0 +1,410 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PersianDateWheel;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const moment_jalaali_1 = __importDefault(require("moment-jalaali"));
+// Configure moment-jalaali
+moment_jalaali_1.default.loadPersian();
+// Convert English numbers to Persian (Farsi) numbers
+const toPersianNumbers = (text) => {
+    const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+    return String(text).replace(/\d/g, (d) => persianDigits[parseInt(d)]);
+};
+// Theme variants
+const variants = {
+    adeleh: {
+        background: "#FFFFFF",
+        surface: "#FFFFFF",
+        primary: "#6366F1",
+        text: "#1F2937",
+        textSecondary: "#6B7280",
+        border: "#E5E7EB",
+        selectedBackground: "#E0E7FF",
+        isDark: false,
+    },
+    atlas: {
+        background: "#1E1E2E",
+        surface: "#2D2D3D",
+        primary: "#F59E0B",
+        text: "#F3F4F6",
+        textSecondary: "#9CA3AF",
+        border: "#4B5563",
+        selectedBackground: "#78350F",
+        isDark: true,
+    },
+    shadi: {
+        background: "#0F172A",
+        surface: "#1E293B",
+        primary: "#EC4899",
+        text: "#F8FAFC",
+        textSecondary: "#94A3B8",
+        border: "#334155",
+        selectedBackground: "#831843",
+        isDark: true,
+    },
+    esi: {
+        background: "#FDF4FF",
+        surface: "#FFFFFF",
+        primary: "#8B5CF6",
+        text: "#2D1B4E",
+        textSecondary: "#7C3AED",
+        border: "#E9D5FF",
+        selectedBackground: "#F3E8FF",
+        isDark: false,
+    },
+};
+function PersianDateWheel({ visible, value = Date.now(), onConfirm, onCancel, showTime = false, variant = "atlas", minYear = 1320, maxYear = 1440, title, cancelText, confirmText, showNowButton = false, nowButtonText, fontFamily = react_native_1.Platform.OS === "ios" ? "System" : "sans-serif", usePersianNumbers = true, // Default to true for Persian numbers
+ }) {
+    const theme = variants[variant];
+    const colors = theme;
+    const texts = {
+        cancel: cancelText || "انصراف",
+        confirm: confirmText || "تأیید",
+        title: title || "انتخاب تاریخ",
+        year: "سال",
+        month: "ماه",
+        day: "روز",
+        hour: "ساعت",
+        minute: "دقیقه",
+    };
+    const t = texts;
+    const nowText = nowButtonText || "اکنون";
+    // Create a helper function for two-digit numbers
+    const formatTwoDigitNumber = (num) => {
+        const twoDigit = num.toString().padStart(2, "0");
+        return usePersianNumbers ? toPersianNumbers(twoDigit) : twoDigit;
+    };
+    const m = (0, moment_jalaali_1.default)(value);
+    const [selectedYear, setSelectedYear] = (0, react_1.useState)(m.jYear());
+    const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(m.jMonth() + 1);
+    const [selectedDay, setSelectedDay] = (0, react_1.useState)(m.jDate());
+    const [selectedHour, setSelectedHour] = (0, react_1.useState)(m.hour());
+    const [selectedMinute, setSelectedMinute] = (0, react_1.useState)(m.minute());
+    // Refs for scrolling
+    const yearScrollRef = (0, react_1.useRef)(null);
+    const monthScrollRef = (0, react_1.useRef)(null);
+    const dayScrollRef = (0, react_1.useRef)(null);
+    const hourScrollRef = (0, react_1.useRef)(null);
+    const minuteScrollRef = (0, react_1.useRef)(null);
+    const handleSetToNow = () => {
+        const now = (0, moment_jalaali_1.default)();
+        setSelectedYear(now.jYear());
+        setSelectedMonth(now.jMonth() + 1);
+        setSelectedDay(now.jDate());
+        setSelectedHour(now.hour());
+        setSelectedMinute(now.minute());
+    };
+    const years = Array.from({ length: maxYear - minYear + 1 }, (_, i) => minYear + i);
+    const months = [
+        "فروردین",
+        "اردیبهشت",
+        "خرداد",
+        "تیر",
+        "مرداد",
+        "شهریور",
+        "مهر",
+        "آبان",
+        "آذر",
+        "دی",
+        "بهمن",
+        "اسفند",
+    ];
+    const getDaysInMonth = (year, month) => {
+        if (month <= 6)
+            return 31;
+        if (month <= 11)
+            return 30;
+        return (0, moment_jalaali_1.default)(`${year}/12/01`, "jYYYY/jMM/jDD").isLeapYear() ? 30 : 29;
+    };
+    const days = Array.from({ length: getDaysInMonth(selectedYear, selectedMonth) }, (_, i) => i + 1);
+    const hours = Array.from({ length: 24 }, (_, i) => i);
+    const minutes = Array.from({ length: 60 }, (_, i) => i);
+    // Format number with Persian digits if enabled
+    const formatNumber = (num) => {
+        const str = String(num);
+        return usePersianNumbers ? toPersianNumbers(str) : str;
+    };
+    // Auto-scroll effect
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            const timer = setTimeout(() => {
+                const yearIndex = years.findIndex((y) => y === selectedYear);
+                const monthIndex = selectedMonth - 1;
+                const dayIndex = selectedDay - 1;
+                const hourIndex = selectedHour;
+                const minuteIndex = selectedMinute;
+                if (yearScrollRef.current && yearIndex >= 0) {
+                    yearScrollRef.current.scrollTo({ y: yearIndex * 44, animated: true });
+                }
+                if (monthScrollRef.current && monthIndex >= 0) {
+                    monthScrollRef.current.scrollTo({
+                        y: monthIndex * 44,
+                        animated: true,
+                    });
+                }
+                if (dayScrollRef.current && dayIndex >= 0) {
+                    dayScrollRef.current.scrollTo({ y: dayIndex * 44, animated: true });
+                }
+                if (hourScrollRef.current && hourIndex >= 0) {
+                    hourScrollRef.current.scrollTo({ y: hourIndex * 44, animated: true });
+                }
+                if (minuteScrollRef.current && minuteIndex >= 0) {
+                    minuteScrollRef.current.scrollTo({
+                        y: minuteIndex * 44,
+                        animated: true,
+                    });
+                }
+            }, 200);
+            return () => clearTimeout(timer);
+        }
+    }, [
+        visible,
+        selectedYear,
+        selectedMonth,
+        selectedDay,
+        selectedHour,
+        selectedMinute,
+    ]);
+    (0, react_1.useEffect)(() => {
+        const maxDay = getDaysInMonth(selectedYear, selectedMonth);
+        if (selectedDay > maxDay) {
+            setSelectedDay(maxDay);
+        }
+    }, [selectedYear, selectedMonth]);
+    const handleConfirm = () => {
+        const date = (0, moment_jalaali_1.default)(`${selectedYear}/${selectedMonth}/${selectedDay}`, "jYYYY/jM/jD")
+            .hour(selectedHour)
+            .minute(selectedMinute)
+            .second(0);
+        onConfirm(date.valueOf());
+    };
+    const PickerItem = ({ label, isSelected, onPress }) => (<react_native_1.TouchableOpacity style={[
+            styles.pickerItem,
+            isSelected && { backgroundColor: `${colors.primary}20` },
+        ]} onPress={onPress} activeOpacity={0.7}>
+      <react_native_1.Text style={[
+            styles.pickerItemText,
+            {
+                color: isSelected ? colors.primary : colors.text,
+                fontFamily: fontFamily,
+                fontWeight: isSelected ? "600" : "400",
+            },
+        ]}>
+        {label}
+      </react_native_1.Text>
+    </react_native_1.TouchableOpacity>);
+    return (<react_native_1.Modal visible={visible} transparent={true} animationType="slide" onRequestClose={onCancel}>
+      <react_native_1.View style={styles.overlay}>
+        <react_native_1.View style={[styles.container, { backgroundColor: colors.surface }]}>
+          <react_native_1.View style={[styles.header, { borderBottomColor: colors.border }]}>
+            <react_native_1.TouchableOpacity onPress={onCancel} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
+              <react_native_1.Text style={[
+            styles.cancelText,
+            { color: colors.textSecondary, fontFamily },
+        ]}>
+                {t.cancel}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+
+            {showNowButton && (<react_native_1.TouchableOpacity onPress={handleSetToNow} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }} style={styles.nowButton}>
+                <react_native_1.Text style={[
+                styles.nowButtonText,
+                { color: colors.primary, fontFamily, fontWeight: "500" },
+            ]}>
+                  {nowText}
+                </react_native_1.Text>
+              </react_native_1.TouchableOpacity>)}
+
+            <react_native_1.Text style={[
+            styles.title,
+            { color: colors.text, fontFamily, fontWeight: "600" },
+        ]}>
+              {t.title}
+            </react_native_1.Text>
+
+            <react_native_1.TouchableOpacity onPress={handleConfirm} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
+              <react_native_1.Text style={[
+            styles.confirmText,
+            { color: colors.primary, fontFamily, fontWeight: "600" },
+        ]}>
+                {t.confirm}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+
+          <react_native_1.View style={[styles.pickersContainer, styles.pickersContainerRTL]}>
+            {/* Year Picker */}
+            <react_native_1.View style={styles.pickerColumn}>
+              <react_native_1.Text style={[
+            styles.pickerLabel,
+            { color: colors.textSecondary, fontFamily },
+        ]}>
+                {t.year}
+              </react_native_1.Text>
+              <react_native_1.ScrollView ref={yearScrollRef} showsVerticalScrollIndicator={false} style={styles.pickerScroll}>
+                {years.map((year) => (<PickerItem key={year} label={formatNumber(year)} isSelected={selectedYear === year} onPress={() => setSelectedYear(year)}/>))}
+              </react_native_1.ScrollView>
+            </react_native_1.View>
+
+            {/* Month Picker */}
+            <react_native_1.View style={styles.pickerColumn}>
+              <react_native_1.Text style={[
+            styles.pickerLabel,
+            { color: colors.textSecondary, fontFamily },
+        ]}>
+                {t.month}
+              </react_native_1.Text>
+              <react_native_1.ScrollView ref={monthScrollRef} showsVerticalScrollIndicator={false} style={styles.pickerScroll}>
+                {months.map((month, index) => (<PickerItem key={index} label={month} isSelected={selectedMonth === index + 1} onPress={() => setSelectedMonth(index + 1)}/>))}
+              </react_native_1.ScrollView>
+            </react_native_1.View>
+
+            {/* Day Picker */}
+            <react_native_1.View style={styles.pickerColumn}>
+              <react_native_1.Text style={[
+            styles.pickerLabel,
+            { color: colors.textSecondary, fontFamily },
+        ]}>
+                {t.day}
+              </react_native_1.Text>
+              <react_native_1.ScrollView ref={dayScrollRef} showsVerticalScrollIndicator={false} style={styles.pickerScroll}>
+                {days.map((day) => (<PickerItem key={day} label={formatNumber(day)} isSelected={selectedDay === day} onPress={() => setSelectedDay(day)}/>))}
+              </react_native_1.ScrollView>
+            </react_native_1.View>
+
+            {/* Hour Picker */}
+            {showTime && (<react_native_1.View style={styles.pickerColumn}>
+                <react_native_1.Text style={[
+                styles.pickerLabel,
+                { color: colors.textSecondary, fontFamily },
+            ]}>
+                  {t.hour}
+                </react_native_1.Text>
+                <react_native_1.ScrollView ref={hourScrollRef} showsVerticalScrollIndicator={false} style={styles.pickerScroll}>
+                  {hours.map((hour) => (<PickerItem key={hour} label={formatTwoDigitNumber(hour)} // Will show ۰۱, ۰۲, etc.
+             isSelected={selectedHour === hour} onPress={() => setSelectedHour(hour)}/>))}
+                </react_native_1.ScrollView>
+              </react_native_1.View>)}
+
+            {/* Minute Picker */}
+            {showTime && (<react_native_1.View style={styles.pickerColumn}>
+                <react_native_1.Text style={[
+                styles.pickerLabel,
+                { color: colors.textSecondary, fontFamily },
+            ]}>
+                  {t.minute}
+                </react_native_1.Text>
+                <react_native_1.ScrollView ref={minuteScrollRef} showsVerticalScrollIndicator={false} style={styles.pickerScroll}>
+                  {minutes.map((minute) => (<PickerItem key={minute} label={formatTwoDigitNumber(minute)} // Will show ۰۱, ۰۲, etc.
+             isSelected={selectedMinute === minute} onPress={() => setSelectedMinute(minute)}/>))}
+                </react_native_1.ScrollView>
+              </react_native_1.View>)}
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Modal>);
+}
+const styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        justifyContent: "flex-end",
+    },
+    container: {
+        borderTopLeftRadius: 20,
+        borderTopRightRadius: 20,
+        maxHeight: "80%",
+    },
+    header: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        paddingHorizontal: 20,
+        paddingVertical: 16,
+        borderBottomWidth: 1,
+    },
+    nowButton: {
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+    },
+    nowButtonText: {
+        fontSize: 14,
+    },
+    cancelText: {
+        fontSize: 16,
+    },
+    title: {
+        fontSize: 18,
+    },
+    confirmText: {
+        fontSize: 16,
+    },
+    pickersContainer: {
+        flexDirection: "row",
+        padding: 16,
+        gap: 12,
+    },
+    pickersContainerRTL: {
+        flexDirection: "row-reverse",
+    },
+    pickerColumn: {
+        flex: 1,
+        height: 250,
+    },
+    pickerScroll: {
+        flex: 1,
+    },
+    pickerLabel: {
+        fontSize: 12,
+        textAlign: "center",
+        marginBottom: 8,
+        opacity: 0.8,
+    },
+    pickerItem: {
+        paddingVertical: 12,
+        alignItems: "center",
+        justifyContent: "center",
+        height: 44,
+    },
+    pickerItemText: {
+        fontSize: 14,
+        textAlign: "center",
+    },
+});

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "expo-persian-date-wheel",
+  "version": "1.0.0",
+  "description": "A beautiful, customizable Persian/Jalali date and time wheel picker for Expo and React Native",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "expo",
+    "react-native",
+    "persian",
+    "jalali",
+    "datepicker",
+    "datetimepicker",
+    "farsi",
+    "ir",
+    "calendar",
+    "persian-calendar",
+    "date-picker"
+  ],
+  "author": "Ali Sabet",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alisabet95/expo-persian-date-wheel"
+  },
+  "bugs": {
+    "url": "https://github.com/alisabet95/expo-persian-date-wheel/issues"
+  },
+  "homepage": "https://github.com/alisabet95/expo-persian-date-wheel#readme",
+  "peerDependencies": {
+    "moment-jalaali": ">=0.9.0",
+    "react": ">=16.8.0",
+    "react-native": ">=0.60.0"
+  },
+  "devDependencies": {
+    "@types/moment-jalaali": "^0.7.9",
+    "@types/react": "^19.2.17",
+    "typescript": "^6.0.3"
+  }
+}