persian-date-kit 0.0.2 → 0.0.3
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 +8 -8
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
#
|
|
1
|
+
# persian-date-kit
|
|
2
2
|
|
|
3
3
|
Production-ready Persian (Jalali) date pickers for React.
|
|
4
4
|
|
|
@@ -13,14 +13,14 @@ Production-ready Persian (Jalali) date pickers for React.
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```bash
|
|
16
|
-
npm i
|
|
16
|
+
npm i persian-date-kit
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
## Styles (optional)
|
|
20
20
|
If you want the default look, import the stylesheet:
|
|
21
21
|
|
|
22
22
|
```ts
|
|
23
|
-
import '
|
|
23
|
+
import 'persian-date-kit/styles.css'
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
If you skip it, you can style via your own CSS + the `classes` prop.
|
|
@@ -31,8 +31,8 @@ If you skip it, you can style via your own CSS + the `classes` prop.
|
|
|
31
31
|
|
|
32
32
|
```tsx
|
|
33
33
|
import { useState } from 'react'
|
|
34
|
-
import { PersianDatePicker } from '
|
|
35
|
-
import '
|
|
34
|
+
import { PersianDatePicker } from 'persian-date-kit'
|
|
35
|
+
import 'persian-date-kit/styles.css'
|
|
36
36
|
|
|
37
37
|
const monthLabels = [
|
|
38
38
|
'فروردین',
|
|
@@ -70,7 +70,7 @@ export function Example() {
|
|
|
70
70
|
|
|
71
71
|
```tsx
|
|
72
72
|
import { useState } from 'react'
|
|
73
|
-
import { PersianDatePicker } from '
|
|
73
|
+
import { PersianDatePicker } from 'persian-date-kit'
|
|
74
74
|
|
|
75
75
|
export function InlineCalendar() {
|
|
76
76
|
const [value, setValue] = useState<Date | null>(new Date())
|
|
@@ -82,7 +82,7 @@ export function InlineCalendar() {
|
|
|
82
82
|
|
|
83
83
|
```tsx
|
|
84
84
|
import { useState } from 'react'
|
|
85
|
-
import { PersianDateRangePicker, type PersianDateRange } from '
|
|
85
|
+
import { PersianDateRangePicker, type PersianDateRange } from 'persian-date-kit'
|
|
86
86
|
|
|
87
87
|
export function RangeExample() {
|
|
88
88
|
const [range, setRange] = useState<PersianDateRange>({ start: null, end: null })
|
|
@@ -109,7 +109,7 @@ npm i react-hook-form
|
|
|
109
109
|
|
|
110
110
|
```tsx
|
|
111
111
|
import { useForm } from 'react-hook-form'
|
|
112
|
-
import { RHF_PersianDatePicker } from '
|
|
112
|
+
import { RHF_PersianDatePicker } from 'persian-date-kit/react-hook-form'
|
|
113
113
|
|
|
114
114
|
type FormValues = { birthDate: Date | null }
|
|
115
115
|
|