flexible-multi-calendar-datepicker 1.0.0 → 1.0.2
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/README.md +14 -13
- package/docs/assets/linkedin-multi-calendar.png +0 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
# Flexible Persian DatePicker — React Multi-Calendar DatePicker
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/flexible-multi-calendar-datepicker)
|
|
4
|
-
[](https://www.npmjs.com/package/flexible-multi-calendar-datepicker)
|
|
5
|
-
[](./LICENSE)
|
|
3
|
+
[](https://www.npmjs.com/package/flexible-multi-calendar-datepicker)
|
|
4
|
+
[](https://www.npmjs.com/package/flexible-multi-calendar-datepicker)
|
|
5
|
+
[](./LICENSE)
|
|
6
6
|
|
|
7
7
|
**Flexible Persian DatePicker** is a responsive, self-contained datepicker for React 18+. One component supports **Jalali (Shamsi / Solar Hijri)**, **Islamic Hijri** and **Gregorian** calendars and includes complete TypeScript declarations.
|
|
8
8
|
|
|
9
9
|
Use it as a **Shamsi Calendar** on an editable `input`, `button`, `span`, or any custom HTML element. The package includes its own Persian font and isolated styles, supports multiple Solar Hijri date formats, and does not depend on the host application's UI framework.
|
|
10
10
|
|
|
11
|
-
## Package links
|
|
12
|
-
|
|
11
|
+
## Package links
|
|
12
|
+
|
|
13
|
+
- [Open the interactive Jalali, Islamic Hijri and Gregorian demo](https://shivatalebi.github.io/react-jalali-datepicker-test/)
|
|
13
14
|
- [Install Flexible Multi-Calendar DatePicker from npm](https://www.npmjs.com/package/flexible-multi-calendar-datepicker)
|
|
14
|
-
- [Source code and documentation on GitHub](https://github.com/shivatalebi/react-jalali-datepicker)
|
|
15
|
-
- [Report an issue or request a feature](https://github.com/shivatalebi/react-jalali-datepicker/issues)
|
|
15
|
+
- [Source code and documentation on GitHub](https://github.com/shivatalebi/react-jalali-datepicker)
|
|
16
|
+
- [Report an issue or request a feature](https://github.com/shivatalebi/react-jalali-datepicker/issues)
|
|
16
17
|
|
|
17
18
|
## Preview
|
|
18
19
|
|
|
19
20
|
| Jalali / Shamsi | Islamic Hijri | Gregorian |
|
|
20
21
|
| --- | --- | --- |
|
|
21
|
-
|  |  |  |
|
|
22
23
|
|
|
23
24
|
All screenshots above come directly from the test project. The UI, direction,
|
|
24
25
|
digits, month names, weekday names and default action labels are selected
|
|
@@ -59,7 +60,7 @@ automatically for the active calendar.
|
|
|
59
60
|
## Installation
|
|
60
61
|
|
|
61
62
|
```bash
|
|
62
|
-
npm install flexible-multi-calendar-datepicker
|
|
63
|
+
npm install flexible-multi-calendar-datepicker
|
|
63
64
|
```
|
|
64
65
|
|
|
65
66
|
React and React DOM 18 or newer are peer dependencies.
|
|
@@ -85,7 +86,7 @@ import {
|
|
|
85
86
|
parseCalendarDate,
|
|
86
87
|
type CalendarDisplayFormat,
|
|
87
88
|
type CalendarSystem,
|
|
88
|
-
} from "flexible-multi-calendar-datepicker";
|
|
89
|
+
} from "flexible-multi-calendar-datepicker";
|
|
89
90
|
|
|
90
91
|
type CalendarInputProps = {
|
|
91
92
|
calendar: CalendarSystem;
|
|
@@ -179,7 +180,7 @@ import {
|
|
|
179
180
|
formatCalendarDate,
|
|
180
181
|
parseCalendarDate,
|
|
181
182
|
type CalendarSystem,
|
|
182
|
-
} from "flexible-multi-calendar-datepicker";
|
|
183
|
+
} from "flexible-multi-calendar-datepicker";
|
|
183
184
|
|
|
184
185
|
const calendar: CalendarSystem = "islamic"; // jalali | islamic | gregorian
|
|
185
186
|
|
|
@@ -297,7 +298,7 @@ import {
|
|
|
297
298
|
formatJalaliDate,
|
|
298
299
|
parseJalaliDate,
|
|
299
300
|
type JalaliDisplayFormat,
|
|
300
|
-
} from "flexible-multi-calendar-datepicker";
|
|
301
|
+
} from "flexible-multi-calendar-datepicker";
|
|
301
302
|
|
|
302
303
|
const format: JalaliDisplayFormat = "YYYY/MM/DD";
|
|
303
304
|
|
|
@@ -415,7 +416,7 @@ Pass any number of inclusive ranges. Disabled dates remain visible in light purp
|
|
|
415
416
|
import {
|
|
416
417
|
parseJalaliDate,
|
|
417
418
|
type JalaliDisabledDateRange,
|
|
418
|
-
} from "flexible-multi-calendar-datepicker";
|
|
419
|
+
} from "flexible-multi-calendar-datepicker";
|
|
419
420
|
|
|
420
421
|
const disabledDateRanges: JalaliDisabledDateRange[] = [
|
|
421
422
|
{
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "flexible-multi-calendar-datepicker",
|
|
3
|
-
"version": "1.0.
|
|
2
|
+
"name": "flexible-multi-calendar-datepicker",
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Flexible React datepicker for Jalali (Shamsi), Islamic Hijri and Gregorian calendars with TypeScript, editable inputs and responsive UI.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|