daliry-mobile-date-picker 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.idea/workspace.xml +6 -4
- package/README.md +55 -14
- package/package.json +12 -2
- package/src/assets/images/daliry-mobile-date-picker.PNG +0 -0
package/.idea/workspace.xml
CHANGED
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
<change afterPath="$PROJECT_DIR$/.gitattributes" afterDir="false" />
|
|
10
10
|
<change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
|
|
11
11
|
<change afterPath="$PROJECT_DIR$/.yarnrc.yml" afterDir="false" />
|
|
12
|
-
<change afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
|
|
13
12
|
<change afterPath="$PROJECT_DIR$/build.js" afterDir="false" />
|
|
14
13
|
<change afterPath="$PROJECT_DIR$/dist/MobileDatePicker.d.ts" afterDir="false" />
|
|
15
14
|
<change afterPath="$PROJECT_DIR$/dist/index.css" afterDir="false" />
|
|
@@ -743,13 +742,15 @@
|
|
|
743
742
|
<change afterPath="$PROJECT_DIR$/node_modules/scheduler/umd/scheduler.profiling.min.js" afterDir="false" />
|
|
744
743
|
<change afterPath="$PROJECT_DIR$/node_modules/scheduler/unstable_mock.js" afterDir="false" />
|
|
745
744
|
<change afterPath="$PROJECT_DIR$/node_modules/scheduler/unstable_post_task.js" afterDir="false" />
|
|
746
|
-
<change afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
|
|
747
745
|
<change afterPath="$PROJECT_DIR$/src/MobileDatePicker.tsx" afterDir="false" />
|
|
746
|
+
<change afterPath="$PROJECT_DIR$/src/assets/images/daliry-mobile-date-picker.PNG" afterDir="false" />
|
|
748
747
|
<change afterPath="$PROJECT_DIR$/src/index.tsx" afterDir="false" />
|
|
749
748
|
<change afterPath="$PROJECT_DIR$/src/mobileDatePicker.css" afterDir="false" />
|
|
750
749
|
<change afterPath="$PROJECT_DIR$/tsconfig.json" afterDir="false" />
|
|
751
750
|
<change afterPath="$PROJECT_DIR$/yarn.lock" afterDir="false" />
|
|
752
751
|
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
|
|
752
|
+
<change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
|
|
753
|
+
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
|
|
753
754
|
</list>
|
|
754
755
|
<option name="SHOW_DIALOG" value="false" />
|
|
755
756
|
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
|
@@ -772,7 +773,7 @@
|
|
|
772
773
|
"RunOnceActivity.ShowReadmeOnStart": "true",
|
|
773
774
|
"RunOnceActivity.git.unshallow": "true",
|
|
774
775
|
"git-widget-placeholder": "master",
|
|
775
|
-
"last_opened_file_path": "C:/Projects/
|
|
776
|
+
"last_opened_file_path": "C:/Projects/Test/pkg/rollup-test/src/assets/images",
|
|
776
777
|
"node.js.detected.package.eslint": "true",
|
|
777
778
|
"node.js.detected.package.tslint": "true",
|
|
778
779
|
"node.js.selected.package.eslint": "(autodetect)",
|
|
@@ -784,6 +785,7 @@
|
|
|
784
785
|
}]]></component>
|
|
785
786
|
<component name="RecentsManager">
|
|
786
787
|
<key name="CopyFile.RECENT_KEYS">
|
|
788
|
+
<recent name="C:\Projects\Test\pkg\rollup-test\src\assets\images" />
|
|
787
789
|
<recent name="C:\Projects\Test\pkg\rollup-test\src" />
|
|
788
790
|
</key>
|
|
789
791
|
</component>
|
|
@@ -803,7 +805,7 @@
|
|
|
803
805
|
<option name="presentableId" value="Default" />
|
|
804
806
|
<updated>1742207395356</updated>
|
|
805
807
|
<workItem from="1742207396466" duration="9930000" />
|
|
806
|
-
<workItem from="1748083800865" duration="
|
|
808
|
+
<workItem from="1748083800865" duration="7159000" />
|
|
807
809
|
</task>
|
|
808
810
|
<servers />
|
|
809
811
|
</component>
|
package/README.md
CHANGED
|
@@ -1,26 +1,67 @@
|
|
|
1
|
-
# 📅 Mobile Date Picker
|
|
1
|
+
# 📅 Daliry Mobile Date Picker – React Mobile Date Picker with Jalali & Gregorian Support
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
**Daliry Mobile Date Picker** is a mobile-friendly and fully customizable date picker component for **React** that supports both **Jalali (Shamsi)** and **Gregorian** calendars.
|
|
4
|
+
Perfect for **mobile apps**, **birthdate pickers**, and any React project that needs a clean, touch-optimized date selection experience.
|
|
5
|
+
|
|
6
|
+

|
|
5
7
|
|
|
6
8
|
---
|
|
7
9
|
|
|
8
|
-
##
|
|
10
|
+
## 🧠 Why Daliry?
|
|
11
|
+
|
|
12
|
+
If you're searching for a **mobile date picker for React** with **Jalali (Shamsi)** support, **Daliry Mobile Date Picker** is built exactly for that:
|
|
9
13
|
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
- Dual calendar: **Jalali (Persian)** and **Gregorian**
|
|
15
|
+
- Ideal for **mobile UX**
|
|
16
|
+
- Easy to plug into any **React project**
|
|
17
|
+
- Returns both **Persian** and **Gregorian** formatted dates
|
|
18
|
+
- Compatible with **Moment.js** format for integration ease
|
|
19
|
+
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
## ✨ Key Features
|
|
23
|
+
|
|
24
|
+
- 📆 Dual calendar support: Jalali (Shamsi) and Gregorian
|
|
25
|
+
- 📱 Touch-optimized for mobile and tablet
|
|
26
|
+
- ♻️ Reusable, lightweight React component
|
|
27
|
+
- 🔧 Minimal setup, easy customization
|
|
28
|
+
- 📤 Output includes full date breakdown in multiple formats
|
|
18
29
|
|
|
19
30
|
---
|
|
20
31
|
|
|
21
32
|
## 📦 Installation
|
|
22
33
|
|
|
23
|
-
Install
|
|
34
|
+
Install the date picker via npm or yarn:
|
|
24
35
|
|
|
25
36
|
```bash
|
|
26
|
-
npm install mobile-date-picker
|
|
37
|
+
npm install daliry-mobile-date-picker
|
|
38
|
+
```
|
|
39
|
+
or
|
|
40
|
+
```bash
|
|
41
|
+
yarn add daliry-mobile-date-picker
|
|
42
|
+
```
|
|
43
|
+
## ✨ Usage
|
|
44
|
+
```
|
|
45
|
+
import MobileDatePicker from "daliry-mobile-date-picker";
|
|
46
|
+
import "daliry-mobile-date-picker/dist/index.css";
|
|
47
|
+
```
|
|
48
|
+
```
|
|
49
|
+
<MobileDatePicker
|
|
50
|
+
onDateChange={(value) => {
|
|
51
|
+
console.log(value);
|
|
52
|
+
}}
|
|
53
|
+
isBirthdate={true}
|
|
54
|
+
/>
|
|
55
|
+
```
|
|
56
|
+
## 📤 Output Format
|
|
57
|
+
```
|
|
58
|
+
{
|
|
59
|
+
"jYear": 1389,
|
|
60
|
+
"jMonth": 9,
|
|
61
|
+
"jDay": 3,
|
|
62
|
+
"jDate": "1389-9-3", // Jalali formatted string
|
|
63
|
+
"date": "2010-11-24", // Gregorian formatted string (for display)
|
|
64
|
+
"gDate": "2010-11-24", // Gregorian string (redundant, for convenience)
|
|
65
|
+
"moment": "2010-11-23T20:30:00.000Z" // ISO Moment.js format
|
|
66
|
+
}
|
|
67
|
+
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "daliry-mobile-date-picker",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"packageManager": "yarn@4.5.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -24,7 +24,17 @@
|
|
|
24
24
|
"@types/react-dom": "^19.0.4",
|
|
25
25
|
"esbuild": "^0.25.1"
|
|
26
26
|
},
|
|
27
|
-
"keywords": [
|
|
27
|
+
"keywords": [
|
|
28
|
+
"react",
|
|
29
|
+
"mobile date picker",
|
|
30
|
+
"jalali date picker",
|
|
31
|
+
"shamsi calendar",
|
|
32
|
+
"persian date picker",
|
|
33
|
+
"gregorian date picker",
|
|
34
|
+
"react component",
|
|
35
|
+
"birthdate picker",
|
|
36
|
+
"moment.js"
|
|
37
|
+
],
|
|
28
38
|
"author": "Mahdi Daliry",
|
|
29
39
|
"license": "MIT"
|
|
30
40
|
}
|
|
Binary file
|