@lilydesignsystem/angular-date-time-picker 0.1.2 → 0.2.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 +21 -10
- package/fesm2022/lilydesignsystem-angular-date-time-picker.mjs +1684 -1358
- package/fesm2022/lilydesignsystem-angular-date-time-picker.mjs.map +1 -1
- package/package.json +6 -6
- package/types/lilydesignsystem-angular-date-time-picker.d.ts +566 -401
- package/types/lilydesignsystem-angular-date-time-picker.d.ts.map +1 -1
package/README.md
CHANGED
|
@@ -10,7 +10,7 @@ order, 12- vs 24-hour clock and AM/PM names all come from `Intl`.
|
|
|
10
10
|
|
|
11
11
|
Canonical contract: [spec/index.md](./spec/index.md). This package is the
|
|
12
12
|
Angular port of the Svelte-canonical
|
|
13
|
-
[`@lilydesignsystem/svelte-date-time-picker`](
|
|
13
|
+
[`@lilydesignsystem/svelte-date-time-picker`](../lily-design-system-svelte-date-time-picker/).
|
|
14
14
|
|
|
15
15
|
## Install
|
|
16
16
|
|
|
@@ -62,11 +62,11 @@ export class BookingComponent {
|
|
|
62
62
|
|
|
63
63
|
## The value is always ISO
|
|
64
64
|
|
|
65
|
-
| `mode`
|
|
66
|
-
|
|
|
67
|
-
| `"date"` (default) | `"2026-03-15"`
|
|
68
|
-
| `"time"`
|
|
69
|
-
| `"datetime"`
|
|
65
|
+
| `mode` | `value` |
|
|
66
|
+
| ------------------ | -------------------- |
|
|
67
|
+
| `"date"` (default) | `"2026-03-15"` |
|
|
68
|
+
| `"time"` | `"09:30"` |
|
|
69
|
+
| `"datetime"` | `"2026-03-15T09:30"` |
|
|
70
70
|
|
|
71
71
|
Sortable as a string, unambiguous in every locale, and identical to what
|
|
72
72
|
`<input type="date">` posts — so you can swap the native control in or out
|
|
@@ -193,10 +193,16 @@ once on open — hide it visually with your own CSS if you prefer.
|
|
|
193
193
|
### Replace the glyph
|
|
194
194
|
|
|
195
195
|
```html
|
|
196
|
-
<lily-date-time-picker
|
|
197
|
-
|
|
196
|
+
<lily-date-time-picker
|
|
197
|
+
[label]="label"
|
|
198
|
+
[labels]="labels"
|
|
199
|
+
>
|
|
200
|
+
<ng-template
|
|
201
|
+
lilyDateTimePickerIcon
|
|
202
|
+
let-args
|
|
203
|
+
>
|
|
198
204
|
<my-calendar-icon [expanded]="args.open" />
|
|
199
|
-
<span class="
|
|
205
|
+
<span class="screen-reader-span">{{ args.display }}</span>
|
|
200
206
|
</ng-template>
|
|
201
207
|
</lily-date-time-picker>
|
|
202
208
|
```
|
|
@@ -269,13 +275,18 @@ nobody wants to page a calendar back forty years.
|
|
|
269
275
|
- [`@lilydesignsystem/angular-locale-picker`](../lily-design-system-angular-locale-picker/)
|
|
270
276
|
- [`@lilydesignsystem/angular-text-size-picker`](../lily-design-system-angular-text-size-picker/)
|
|
271
277
|
- [`@lilydesignsystem/angular-share-picker`](../lily-design-system-angular-share-picker/)
|
|
272
|
-
- [`@lilydesignsystem/svelte-date-time-picker`](
|
|
278
|
+
- [`@lilydesignsystem/svelte-date-time-picker`](../lily-design-system-svelte-date-time-picker/) — the canonical Svelte original.
|
|
273
279
|
|
|
274
280
|
## License
|
|
275
281
|
|
|
276
282
|
MIT or Apache-2.0 or GPL-2.0 or GPL-3.0 or BSD-3-Clause. Contact
|
|
277
283
|
joel@joelparkerhenderson.com for other terms.
|
|
278
284
|
|
|
285
|
+
## Known limitations
|
|
286
|
+
|
|
287
|
+
- **Week numbers are ISO 8601 only.** `showWeekNumbers` numbers weeks the ISO 8601 way: weeks start on Monday and week 1 is the week containing the year's first Thursday. Other systems are not available yet: the US, Canada and Japan number from a Sunday-first week containing 1 January, and some countries use a Saturday-first week. This is a documented gap against the worldwide target, not a decision; it is planned as `weekNumbering: "iso" | "us" | "locale"` (tasks.md P17-T4, worldwide audit (`spec/internationalization/worldwide-audit.md` in the monorepo) finding 4). Until then, leave week numbers off for an audience that does not use ISO weeks, or compute them yourself and show them in your own markup.
|
|
288
|
+
- **The column header is yours.** The visible header (`labels.week`) and any accessible name for a week number are supplied by the app, never English defaults, so you can label the column "Wk", "KW" or "Week (ISO)" and make it clear which system is shown.
|
|
289
|
+
|
|
279
290
|
---
|
|
280
291
|
|
|
281
292
|
Lily™ and Lily Design System™ are trademarks.
|