react-modular-datepicker 0.0.3-canary.0 → 0.0.3-canary.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 +13 -13
- package/docs/images/availability.png +0 -0
- package/docs/images/basic.png +0 -0
- package/docs/images/custom-header-footer.png +0 -0
- package/docs/images/custom-styling.png +0 -0
- package/docs/images/events.png +0 -0
- package/docs/images/form-integration.png +0 -0
- package/docs/images/headless.png +0 -0
- package/docs/images/hero-calendar.png +0 -0
- package/docs/images/localization.png +0 -0
- package/docs/images/min-max-disabled.png +0 -0
- package/docs/images/multiple.png +0 -0
- package/docs/images/range.png +0 -0
- package/docs/images/styling.png +0 -0
- package/docs/images/yearly.png +0 -0
- package/package.json +11 -2
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
A modular, lightweight, and type-safe React datepicker library. Whether you need a fully-featured calendar component or a headless hook to build your own UI, `react-modular-datepicker` has you covered.
|
|
4
4
|
|
|
5
5
|
<p align="center">
|
|
6
|
-
<img src="
|
|
6
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/hero-calendar.png" alt="react-modular-datepicker preview" width="320" />
|
|
7
7
|
</p>
|
|
8
8
|
|
|
9
9
|
## Strengths
|
|
@@ -109,7 +109,7 @@ function BasicExample() {
|
|
|
109
109
|
|
|
110
110
|
<br />
|
|
111
111
|
|
|
112
|
-
<img src="
|
|
112
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/basic.png" alt="Basic Selection" width="500" />
|
|
113
113
|
|
|
114
114
|
</details>
|
|
115
115
|
|
|
@@ -127,7 +127,7 @@ Select a start and end date with a hover preview.
|
|
|
127
127
|
|
|
128
128
|
<br />
|
|
129
129
|
|
|
130
|
-
<img src="
|
|
130
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/range.png" alt="Range Selection" width="500" />
|
|
131
131
|
|
|
132
132
|
</details>
|
|
133
133
|
|
|
@@ -144,7 +144,7 @@ Select as many dates as you want.
|
|
|
144
144
|
|
|
145
145
|
<br />
|
|
146
146
|
|
|
147
|
-
<img src="
|
|
147
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/multiple.png" alt="Multiple Selection" width="500" />
|
|
148
148
|
|
|
149
149
|
</details>
|
|
150
150
|
|
|
@@ -170,7 +170,7 @@ return (
|
|
|
170
170
|
|
|
171
171
|
<br />
|
|
172
172
|
|
|
173
|
-
<img src="
|
|
173
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/headless.png" alt="Headless Usage" width="500" />
|
|
174
174
|
|
|
175
175
|
</details>
|
|
176
176
|
|
|
@@ -193,7 +193,7 @@ Easily customize the look and feel using the `classNames` prop.
|
|
|
193
193
|
|
|
194
194
|
<br />
|
|
195
195
|
|
|
196
|
-
<img src="
|
|
196
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/custom-styling.png" alt="Custom Styling" width="500" />
|
|
197
197
|
|
|
198
198
|
</details>
|
|
199
199
|
|
|
@@ -213,7 +213,7 @@ Easily customize language, month/weekday labels, and the first day of week.
|
|
|
213
213
|
|
|
214
214
|
<br />
|
|
215
215
|
|
|
216
|
-
<img src="
|
|
216
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/localization.png" alt="Localization & i18n" width="500" />
|
|
217
217
|
|
|
218
218
|
</details>
|
|
219
219
|
|
|
@@ -242,7 +242,7 @@ const [date, setDate] = useState<Date | null>(null);
|
|
|
242
242
|
|
|
243
243
|
<br />
|
|
244
244
|
|
|
245
|
-
<img src="
|
|
245
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/form-integration.png" alt="Form Integration" width="500" />
|
|
246
246
|
|
|
247
247
|
</details>
|
|
248
248
|
|
|
@@ -265,7 +265,7 @@ Customize header, footer, and day tooltips.
|
|
|
265
265
|
|
|
266
266
|
<br />
|
|
267
267
|
|
|
268
|
-
<img src="
|
|
268
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/custom-header-footer.png" alt="Custom Header & Footer" width="500" />
|
|
269
269
|
|
|
270
270
|
</details>
|
|
271
271
|
|
|
@@ -285,7 +285,7 @@ Restrict date selection with min/max bounds or specific disabled dates.
|
|
|
285
285
|
|
|
286
286
|
<br />
|
|
287
287
|
|
|
288
|
-
<img src="
|
|
288
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/min-max-disabled.png" alt="Min, Max & Disabled Dates" width="500" />
|
|
289
289
|
|
|
290
290
|
</details>
|
|
291
291
|
|
|
@@ -306,7 +306,7 @@ Display an entire year at once by customizing the grid and `monthsToDisplay`.
|
|
|
306
306
|
|
|
307
307
|
<br />
|
|
308
308
|
|
|
309
|
-
<img src="
|
|
309
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/yearly.png" alt="Yearly View" width="500" />
|
|
310
310
|
|
|
311
311
|
</details>
|
|
312
312
|
|
|
@@ -339,7 +339,7 @@ Fetch and display availability dynamically when the month changes.
|
|
|
339
339
|
|
|
340
340
|
<br />
|
|
341
341
|
|
|
342
|
-
<img src="
|
|
342
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/availability.png" alt="Availability Demo" width="500" />
|
|
343
343
|
|
|
344
344
|
</details>
|
|
345
345
|
|
|
@@ -359,7 +359,7 @@ const { calendars, getBackProps, getForwardProps, getDateProps } = useDates({
|
|
|
359
359
|
|
|
360
360
|
<br />
|
|
361
361
|
|
|
362
|
-
<img src="
|
|
362
|
+
<img src="https://cdn.jsdelivr.net/npm/react-modular-datepicker@0.0.3-canary.2/docs/images/events.png" alt="Events Calendar" width="500" />
|
|
363
363
|
|
|
364
364
|
</details>
|
|
365
365
|
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-modular-datepicker",
|
|
3
|
-
"version": "0.0.3-canary.
|
|
3
|
+
"version": "0.0.3-canary.2",
|
|
4
4
|
"description": "Another react datepicker",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -54,8 +54,17 @@
|
|
|
54
54
|
"vite": "^8.3.0",
|
|
55
55
|
"vite-plugin-dts": "^5.1.0"
|
|
56
56
|
},
|
|
57
|
+
"repository": {
|
|
58
|
+
"type": "git",
|
|
59
|
+
"url": "git+https://github.com/Dragate/react-modular-datepicker.git"
|
|
60
|
+
},
|
|
61
|
+
"homepage": "https://github.com/Dragate/react-modular-datepicker#readme",
|
|
62
|
+
"bugs": {
|
|
63
|
+
"url": "https://github.com/Dragate/react-modular-datepicker/issues"
|
|
64
|
+
},
|
|
57
65
|
"files": [
|
|
58
|
-
"dist"
|
|
66
|
+
"dist",
|
|
67
|
+
"docs"
|
|
59
68
|
],
|
|
60
69
|
"main": "./dist/index.js",
|
|
61
70
|
"module": "./dist/index.mjs",
|