persian-date-kit 0.0.12 → 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/README.md +7 -2
- package/dist/PersianDatePicker-BEj7IYGl.js +1178 -0
- package/dist/PersianDatePicker-D7P5lkvA.cjs +1 -0
- package/dist/components/PersianDatePicker.d.ts.map +1 -1
- package/dist/components/PersianDateRangePicker.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +124 -120
- package/dist/react-hook-form.cjs +1 -1
- package/dist/react-hook-form.d.ts +1 -0
- package/dist/react-hook-form.d.ts.map +1 -1
- package/dist/react-hook-form.mjs +1 -1
- package/dist/styles.css +21 -10
- package/dist/types/shared.d.ts +9 -0
- package/dist/types/shared.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/PersianDatePicker-BLIBy0yJ.cjs +0 -1
- package/dist/PersianDatePicker-BYF8CIZO.js +0 -1174
package/README.md
CHANGED
|
@@ -169,6 +169,7 @@ These props exist on both pickers:
|
|
|
169
169
|
| `maxDate?` | `Date` | `undefined` | Maximum selectable day (**Gregorian**) |
|
|
170
170
|
| `disabled?` | `boolean` | `false` | Disable interactions |
|
|
171
171
|
| `mode?` | `'popover' \| 'inline'` | `'popover'` | `inline` shows calendar without input |
|
|
172
|
+
| `theme?` | `'light' \| 'dark' \| 'auto'` | `'light'` | Default stylesheet theme (`auto` follows `prefers-color-scheme`) |
|
|
172
173
|
| `open?` | `boolean` | `undefined` | Control popover open state (popover mode) |
|
|
173
174
|
| `onOpenChange?` | `(open: boolean) => void` | `undefined` | Notified when open state changes (popover mode) |
|
|
174
175
|
| `popover?` | `PopoverConfig` | `{ portal: true }` | Popover positioning options (popover mode) |
|
|
@@ -245,12 +246,16 @@ These variables control most of the look:
|
|
|
245
246
|
Example:
|
|
246
247
|
|
|
247
248
|
```css
|
|
248
|
-
|
|
249
|
+
.myPicker {
|
|
249
250
|
--dvx-pdp-accent: #16a34a;
|
|
250
251
|
--dvx-pdp-ring: rgba(22, 163, 74, 0.25);
|
|
251
252
|
}
|
|
252
253
|
```
|
|
253
254
|
|
|
255
|
+
```tsx
|
|
256
|
+
<PersianDatePicker className="myPicker" theme="light" value={value} onChange={setValue} />
|
|
257
|
+
```
|
|
258
|
+
|
|
254
259
|
### 3) Override per-slot classes (`classes` prop)
|
|
255
260
|
|
|
256
261
|
If you use Tailwind (or your own utility classes), pass overrides:
|
|
@@ -314,4 +319,4 @@ MIT © [Darvix](https://github.com/aliseyedabady/darvix-persian-date-kit)
|
|
|
314
319
|
|
|
315
320
|
---
|
|
316
321
|
|
|
317
|
-
|
|
322
|
+
_تقدیم به روح پاک پدربزرگ عزیزم_
|