daliry-mobile-date-picker 1.0.0

package/.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: "node-modules"

package/README.md

@@ -0,0 +1,26 @@
+# 📅 Mobile Date Picker
+
+A mobile-first, customizable **Jalali (Shamsi) + Gregorian** date picker for React.  
+Easily select and receive dates in both Persian and Gregorian formats — with detailed breakdowns.
+
+---
+
+## ✨ Features
+
+- 📆 **Dual calendar**: Jalali (Shamsi) + Gregorian
+- 🎯 Designed for **mobile usage**
+- ⚙️ Simple API with a reusable React component
+- 📤 Returns multiple formats for selected date:
+    - Jalali year/month/day
+    - Formatted Jalali string
+    - Formatted Gregorian string
+    - Moment.js-compatible UTC string
+
+---
+
+## 📦 Installation
+
+Install using npm or yarn:
+
+```bash
+npm install mobile-date-picker

package/build.js

@@ -0,0 +1,15 @@
+const esbuild = require("esbuild");
+
+esbuild
+  .build({
+    entryPoints: ["src/MobileDatePicker.tsx"],
+    outfile: "dist/index.js",
+    bundle: true,
+    minify: false,
+    sourcemap: false,
+    format: "esm",  // یا "cjs" برای CommonJS
+    target: ["esnext"],
+    // REMOVE this line
+    external: ["react", "react-dom"],  // این خط را حذف کن
+  })
+  .catch(() => process.exit(1));

package/dist/MobileDatePicker.d.ts

@@ -0,0 +1,17 @@
+import { Moment } from "moment-jalaali";
+import "./mobileDatePicker.css";
+export interface IDate {
+    jYear: number;
+    jMonth: number;
+    jDay: number;
+    jDate: string;
+    date: string;
+    gDate: string;
+    moment: Moment;
+}
+interface IMobileDatePicker {
+    onDateChange: (date: IDate) => void;
+    isBirthdate?: boolean;
+}
+declare const MobileDatePicker: ({ onDateChange, isBirthdate }: IMobileDatePicker) => import("react/jsx-runtime").JSX.Element;
+export default MobileDatePicker;

package/dist/index.css

@@ -0,0 +1,54 @@
+/* src/mobileDatePicker.css */
+.datepicker-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  width: 100%;
+}
+.scroll-lists {
+  display: flex;
+  justify-content: space-between;
+  background-color: #f5f5f5;
+  border-radius: 12px;
+  height: 152px;
+  width: 100%;
+}
+.scroll-list {
+  width: 110px;
+  height: 152px;
+  overflow-y: auto;
+  scroll-snap-type: y mandatory;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.scroll-list::-webkit-scrollbar {
+  display: none;
+}
+.scroll-item {
+  height: 45px;
+  line-height: 45px;
+  text-align: center;
+  scroll-snap-align: center;
+  color: #bbb;
+  font-size: 16px;
+  opacity: 0.5;
+  filter: blur(4px);
+  font-weight: normal;
+}
+.scroll-item.selected {
+  color: #333;
+  font-size: 20px;
+  font-weight: bold;
+  opacity: 1;
+  filter: none;
+}
+.apply-button {
+  padding: 10px 20px;
+  background-color: #1976d2;
+  color: white;
+  border: none;
+  border-radius: 8px;
+  font-size: 16px;
+  cursor: pointer;
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const NegarAuth: React.FC;
+export default NegarAuth;