@ketvietlab/design-system 0.1.25 → 0.1.30
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 +130 -5
- package/dist/atlas/island-runtime.d.mts +2 -0
- package/dist/atlas/island-runtime.d.mts.map +1 -0
- package/dist/atlas/island-runtime.mjs +2 -0
- package/dist/atlas/island-runtime.mjs.map +1 -0
- package/dist/atlas/relation-select-hydration.d.ts +2 -0
- package/dist/atlas/relation-select-hydration.d.ts.map +1 -0
- package/dist/atlas/relation-select-hydration.js +40 -0
- package/dist/atlas/relation-select-hydration.js.map +1 -0
- package/dist/atlas-cli.d.ts.map +1 -1
- package/dist/atlas-cli.js +28 -10
- package/dist/atlas-cli.js.map +1 -1
- package/dist/catalogue/date-pickers.d.ts +6 -0
- package/dist/catalogue/date-pickers.d.ts.map +1 -0
- package/dist/catalogue/date-pickers.js +16 -0
- package/dist/catalogue/date-pickers.js.map +1 -0
- package/dist/catalogue/index.d.ts +7 -2
- package/dist/catalogue/index.d.ts.map +1 -1
- package/dist/catalogue/index.js +20 -4
- package/dist/catalogue/index.js.map +1 -1
- package/dist/catalogue/inventory-policy.json +49 -0
- package/dist/catalogue/inventory.generated.js +1 -1
- package/dist/catalogue/inventory.generated.js.map +1 -1
- package/dist/catalogue/inventory.generated.json +2815 -1108
- package/dist/catalogue/layering.d.ts +10 -0
- package/dist/catalogue/layering.d.ts.map +1 -0
- package/dist/catalogue/layering.js +67 -0
- package/dist/catalogue/layering.js.map +1 -0
- package/dist/catalogue/primitives.css +77 -0
- package/dist/catalogue/primitives.d.ts +34 -0
- package/dist/catalogue/primitives.d.ts.map +1 -0
- package/dist/catalogue/primitives.js +149 -0
- package/dist/catalogue/primitives.js.map +1 -0
- package/dist/catalogue/registry.d.ts.map +1 -1
- package/dist/catalogue/registry.js +18 -0
- package/dist/catalogue/registry.js.map +1 -1
- package/dist/catalogue/specimens.d.ts.map +1 -1
- package/dist/catalogue/specimens.js +142 -22
- package/dist/catalogue/specimens.js.map +1 -1
- package/dist/catalogue/styles.css +1 -0
- package/dist/contract/index.d.ts +2 -0
- package/dist/contract/index.d.ts.map +1 -1
- package/dist/contract/index.js +11 -0
- package/dist/contract/index.js.map +1 -1
- package/dist/contract/layout-audit.d.ts +32 -0
- package/dist/contract/layout-audit.d.ts.map +1 -0
- package/dist/contract/layout-audit.js +204 -0
- package/dist/contract/layout-audit.js.map +1 -0
- package/dist/forms/date-time/date-math.d.ts +23 -0
- package/dist/forms/date-time/date-math.d.ts.map +1 -0
- package/dist/forms/date-time/date-math.js +83 -0
- package/dist/forms/date-time/date-math.js.map +1 -0
- package/dist/forms/date-time/index.d.ts +37 -6
- package/dist/forms/date-time/index.d.ts.map +1 -1
- package/dist/forms/date-time/index.js +140 -6
- package/dist/forms/date-time/index.js.map +1 -1
- package/dist/forms/date-time/runtime.d.ts +4 -0
- package/dist/forms/date-time/runtime.d.ts.map +1 -0
- package/dist/forms/date-time/runtime.js +637 -0
- package/dist/forms/date-time/runtime.js.map +1 -0
- package/dist/forms/date-time/styles.css +251 -12
- package/dist/foundations/tokens.css +48 -28
- package/dist/index.d.ts +15 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/dist/interactions/ket-table/demo.d.ts +4 -0
- package/dist/interactions/ket-table/demo.d.ts.map +1 -0
- package/dist/interactions/ket-table/demo.js +147 -0
- package/dist/interactions/ket-table/demo.js.map +1 -0
- package/dist/interactions/ket-table/index.d.ts +199 -0
- package/dist/interactions/ket-table/index.d.ts.map +1 -0
- package/dist/interactions/ket-table/index.js +376 -0
- package/dist/interactions/ket-table/index.js.map +1 -0
- package/dist/interactions/ket-table/styles.css +282 -0
- package/dist/interactions/lightbox/demo.d.ts +3 -0
- package/dist/interactions/lightbox/demo.d.ts.map +1 -0
- package/dist/interactions/lightbox/demo.js +21 -0
- package/dist/interactions/lightbox/demo.js.map +1 -0
- package/dist/interactions/lightbox/index.d.ts +58 -0
- package/dist/interactions/lightbox/index.d.ts.map +1 -0
- package/dist/interactions/lightbox/index.js +220 -0
- package/dist/interactions/lightbox/index.js.map +1 -0
- package/dist/interactions/lightbox/styles.css +153 -0
- package/dist/interactions/relation-select/demo.d.ts +3 -0
- package/dist/interactions/relation-select/demo.d.ts.map +1 -0
- package/dist/interactions/relation-select/demo.js +36 -0
- package/dist/interactions/relation-select/demo.js.map +1 -0
- package/dist/interactions/relation-select/index.d.ts +87 -0
- package/dist/interactions/relation-select/index.d.ts.map +1 -0
- package/dist/interactions/relation-select/index.js +307 -0
- package/dist/interactions/relation-select/index.js.map +1 -0
- package/dist/interactions/relation-select/styles.css +299 -0
- package/dist/interactions/reorder-list/index.d.ts +23 -0
- package/dist/interactions/reorder-list/index.d.ts.map +1 -0
- package/dist/interactions/reorder-list/index.js +15 -0
- package/dist/interactions/reorder-list/index.js.map +1 -0
- package/dist/interactions/reorder-list/runtime.d.ts +5 -0
- package/dist/interactions/reorder-list/runtime.d.ts.map +1 -0
- package/dist/interactions/reorder-list/runtime.js +85 -0
- package/dist/interactions/reorder-list/runtime.js.map +1 -0
- package/dist/interactions/reorder-list/styles.css +33 -0
- package/dist/interactions/search-filter/demo.d.ts +3 -0
- package/dist/interactions/search-filter/demo.d.ts.map +1 -0
- package/dist/interactions/search-filter/demo.js +74 -0
- package/dist/interactions/search-filter/demo.js.map +1 -0
- package/dist/interactions/search-filter/index.d.ts +153 -0
- package/dist/interactions/search-filter/index.d.ts.map +1 -0
- package/dist/interactions/search-filter/index.js +824 -0
- package/dist/interactions/search-filter/index.js.map +1 -0
- package/dist/interactions/search-filter/styles.css +568 -0
- package/dist/layout-audit-cli.d.ts +7 -0
- package/dist/layout-audit-cli.d.ts.map +1 -0
- package/dist/layout-audit-cli.js +63 -0
- package/dist/layout-audit-cli.js.map +1 -0
- package/dist/layouts/app-navigation/index.d.ts +11 -5
- package/dist/layouts/app-navigation/index.d.ts.map +1 -1
- package/dist/layouts/app-navigation/index.js +5 -3
- package/dist/layouts/app-navigation/index.js.map +1 -1
- package/dist/layouts/app-navigation/styles.css +47 -0
- package/dist/layouts/grouped/styles.css +5 -36
- package/dist/layouts/layering/styles.css +159 -0
- package/dist/layouts/layout/index.d.ts +6 -0
- package/dist/layouts/layout/index.d.ts.map +1 -1
- package/dist/layouts/layout/index.js +6 -1
- package/dist/layouts/layout/index.js.map +1 -1
- package/dist/layouts/layout/styles.css +15 -6
- package/dist/layouts/page-identity/index.d.ts +10 -7
- package/dist/layouts/page-identity/index.d.ts.map +1 -1
- package/dist/layouts/page-identity/index.js +9 -4
- package/dist/layouts/page-identity/index.js.map +1 -1
- package/dist/layouts/shell/index.d.ts +34 -1
- package/dist/layouts/shell/index.d.ts.map +1 -1
- package/dist/layouts/shell/index.js +26 -3
- package/dist/layouts/shell/index.js.map +1 -1
- package/dist/layouts/shell/styles.css +284 -2
- package/dist/patterns/board-page/index.d.ts +1 -1
- package/dist/patterns/board-page/index.d.ts.map +1 -1
- package/dist/patterns/board-page/index.js +0 -1
- package/dist/patterns/board-page/index.js.map +1 -1
- package/dist/patterns/board-page/styles.css +0 -12
- package/dist/patterns/dashboard-page/index.d.ts +1 -1
- package/dist/patterns/dashboard-page/index.d.ts.map +1 -1
- package/dist/patterns/dashboard-page/index.js +0 -1
- package/dist/patterns/dashboard-page/index.js.map +1 -1
- package/dist/patterns/dashboard-page/styles.css +0 -13
- package/dist/patterns/data-table/styles.css +1 -1
- package/dist/patterns/form-page/index.d.ts +1 -1
- package/dist/patterns/form-page/index.d.ts.map +1 -1
- package/dist/patterns/form-page/index.js +0 -1
- package/dist/patterns/form-page/index.js.map +1 -1
- package/dist/patterns/form-page/styles.css +0 -12
- package/dist/patterns/list-page/index.d.ts +10 -4
- package/dist/patterns/list-page/index.d.ts.map +1 -1
- package/dist/patterns/list-page/index.js +10 -8
- package/dist/patterns/list-page/index.js.map +1 -1
- package/dist/patterns/list-page/responsive.css +1 -13
- package/dist/patterns/list-page/styles.css +20 -20
- package/dist/patterns/modal-sheet/index.d.ts +2 -0
- package/dist/patterns/modal-sheet/index.d.ts.map +1 -1
- package/dist/patterns/modal-sheet/index.js +3 -1
- package/dist/patterns/modal-sheet/index.js.map +1 -1
- package/dist/patterns/modal-sheet/styles.css +1 -1
- package/dist/patterns/page-shell/styles.css +0 -12
- package/dist/patterns/record-form/styles.css +34 -0
- package/dist/patterns/record-page/index.d.ts +1 -2
- package/dist/patterns/record-page/index.d.ts.map +1 -1
- package/dist/patterns/record-page/index.js +2 -3
- package/dist/patterns/record-page/index.js.map +1 -1
- package/dist/patterns/record-page/styles.css +0 -12
- package/dist/patterns/workspace-page/index.d.ts +1 -2
- package/dist/patterns/workspace-page/index.d.ts.map +1 -1
- package/dist/patterns/workspace-page/index.js +0 -1
- package/dist/patterns/workspace-page/index.js.map +1 -1
- package/dist/primitives/actions/index.d.ts +4 -0
- package/dist/primitives/actions/index.d.ts.map +1 -1
- package/dist/primitives/actions/index.js +2 -2
- package/dist/primitives/actions/index.js.map +1 -1
- package/dist/primitives/actions/styles.css +3 -1
- package/dist/primitives/feedback/styles.css +11 -6
- package/dist/primitives/field/index.d.ts +5 -0
- package/dist/primitives/field/index.d.ts.map +1 -1
- package/dist/primitives/field/index.js +1 -1
- package/dist/primitives/field/index.js.map +1 -1
- package/dist/primitives/field/native-control.d.ts.map +1 -1
- package/dist/primitives/field/native-control.js +3 -3
- package/dist/primitives/field/native-control.js.map +1 -1
- package/dist/primitives/field/styles.css +124 -2
- package/dist/primitives/progress/styles.css +3 -0
- package/dist/primitives/status/index.d.ts +12 -1
- package/dist/primitives/status/index.d.ts.map +1 -1
- package/dist/primitives/status/index.js +16 -1
- package/dist/primitives/status/index.js.map +1 -1
- package/dist/primitives/status/styles.css +34 -2
- package/dist/record/display/index.d.ts +6 -0
- package/dist/record/display/index.d.ts.map +1 -1
- package/dist/record/display/index.js +6 -1
- package/dist/record/display/index.js.map +1 -1
- package/dist/record/display/styles.css +25 -0
- package/dist/record/formatted-values/index.d.ts +2 -1
- package/dist/record/formatted-values/index.d.ts.map +1 -1
- package/dist/record/formatted-values/index.js +2 -1
- package/dist/record/formatted-values/index.js.map +1 -1
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/index.js +132 -2
- package/dist/runtime/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -3
|
@@ -1,14 +1,148 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
|
+
import { ActionGroup, Button, IconButton } from '../../primitives/actions/index.js';
|
|
2
3
|
import { Field } from '../../primitives/field/index.js';
|
|
3
|
-
import { issueFor } from '../shared.js';
|
|
4
|
-
|
|
4
|
+
import { describedBy, FieldFrame, issueFor } from '../shared.js';
|
|
5
|
+
import { NativeFieldControl } from '../../primitives/field/native-control.js';
|
|
6
|
+
import { formatRange } from './date-math.js';
|
|
7
|
+
export const HOOKS = [
|
|
8
|
+
'date-picker',
|
|
9
|
+
'date-range',
|
|
10
|
+
'date-inputs',
|
|
11
|
+
'date-control-row',
|
|
12
|
+
'date-tools',
|
|
13
|
+
'date-range-error',
|
|
14
|
+
'date-calendar',
|
|
15
|
+
'date-calendar-head',
|
|
16
|
+
'date-calendar-title',
|
|
17
|
+
'date-calendar-body',
|
|
18
|
+
'date-field-control',
|
|
19
|
+
'date-range-preset',
|
|
20
|
+
'date-boundary',
|
|
21
|
+
'date-calendar-months',
|
|
22
|
+
'date-month',
|
|
23
|
+
'date-month-title',
|
|
24
|
+
'date-grid',
|
|
25
|
+
'date-weekday',
|
|
26
|
+
'date-cell',
|
|
27
|
+
'date-day',
|
|
28
|
+
'date-calendar-footer',
|
|
29
|
+
'date-calendar-status',
|
|
30
|
+
];
|
|
5
31
|
const temporal = (props) => ({
|
|
6
32
|
...props,
|
|
7
33
|
error: props.error ?? issueFor(props.issues, props.name),
|
|
8
34
|
});
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
35
|
+
const presets = [
|
|
36
|
+
'today',
|
|
37
|
+
'yesterday',
|
|
38
|
+
'last7',
|
|
39
|
+
'thisMonth',
|
|
40
|
+
'lastMonth',
|
|
41
|
+
'last30',
|
|
42
|
+
'last90',
|
|
43
|
+
];
|
|
44
|
+
const labelsFor = (props, range) => {
|
|
45
|
+
const defaults = props.locale === 'en'
|
|
46
|
+
? {
|
|
47
|
+
open: range ? 'Choose date range' : 'Choose date',
|
|
48
|
+
title: range ? 'Date range' : 'Choose date',
|
|
49
|
+
previous: 'Previous month',
|
|
50
|
+
next: 'Next month',
|
|
51
|
+
apply: 'Apply',
|
|
52
|
+
cancel: 'Cancel',
|
|
53
|
+
chooseStart: 'Choose a start date',
|
|
54
|
+
chooseEnd: 'Choose an end date',
|
|
55
|
+
chooseDate: 'Choose a date',
|
|
56
|
+
invalidRange: 'The end date must be on or after the start date.',
|
|
57
|
+
presets: 'Quick ranges',
|
|
58
|
+
customRange: 'Custom',
|
|
59
|
+
invalidSelection: 'Choose a valid date range.',
|
|
60
|
+
presetLabels: {
|
|
61
|
+
today: 'Today',
|
|
62
|
+
yesterday: 'Yesterday',
|
|
63
|
+
last7: 'Last 7 days',
|
|
64
|
+
thisMonth: 'This month',
|
|
65
|
+
lastMonth: 'Last month',
|
|
66
|
+
last30: 'Last 30 days',
|
|
67
|
+
last90: 'Last 90 days',
|
|
68
|
+
},
|
|
69
|
+
}
|
|
70
|
+
: {
|
|
71
|
+
open: range ? 'Chọn khoảng ngày' : 'Chọn ngày',
|
|
72
|
+
title: range ? 'Khoảng ngày' : 'Chọn ngày',
|
|
73
|
+
previous: 'Tháng trước',
|
|
74
|
+
next: 'Tháng sau',
|
|
75
|
+
apply: 'Áp dụng',
|
|
76
|
+
cancel: 'Hủy',
|
|
77
|
+
chooseStart: 'Chọn ngày bắt đầu',
|
|
78
|
+
chooseEnd: 'Chọn ngày kết thúc',
|
|
79
|
+
chooseDate: 'Chọn một ngày',
|
|
80
|
+
invalidRange: 'Ngày kết thúc phải bằng hoặc sau ngày bắt đầu.',
|
|
81
|
+
presets: 'Khoảng thời gian',
|
|
82
|
+
customRange: 'Tùy chỉnh',
|
|
83
|
+
invalidSelection: 'Vui lòng chọn khoảng ngày hợp lệ.',
|
|
84
|
+
presetLabels: {
|
|
85
|
+
today: 'Hôm nay',
|
|
86
|
+
yesterday: 'Hôm qua',
|
|
87
|
+
last7: '7 ngày qua',
|
|
88
|
+
thisMonth: 'Tháng này',
|
|
89
|
+
lastMonth: 'Tháng trước',
|
|
90
|
+
last30: '30 ngày qua',
|
|
91
|
+
last90: '90 ngày qua',
|
|
92
|
+
},
|
|
93
|
+
};
|
|
94
|
+
return {
|
|
95
|
+
...defaults,
|
|
96
|
+
...props.calendarLabels,
|
|
97
|
+
presetLabels: { ...defaults.presetLabels, ...props.calendarLabels?.presetLabels },
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
const CalendarIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "aria-hidden": "true", focusable: "false", children: [_jsx("rect", { x: "3", y: "5", width: "18", height: "16", rx: "2" }), _jsx("path", { d: "M16 3v4M8 3v4M3 11h18" })] }));
|
|
101
|
+
const CalendarPanel = (props) => (_jsxs("div", { "data-ui": "date-calendar", id: `${props.id}-calendar`, popover: "auto", role: "dialog", "aria-labelledby": `${props.id}-calendar-title`, children: [_jsxs("header", { "data-ui": "date-calendar-head", children: [_jsx("h3", { "data-ui": "date-calendar-title", id: `${props.id}-calendar-title`, children: props.labels.title }), (props.presets ?? []).length > 0 && (_jsx("div", { "data-ui": "date-range-preset", children: _jsx(Field, { id: `${props.id}-preset`, name: "", label: props.labels.presets, labelHidden: true, type: "select", disabled: true, value: "custom", options: [
|
|
102
|
+
{ value: 'custom', label: props.labels.customRange },
|
|
103
|
+
...(props.presets ?? []).map((value) => ({ value, label: props.labels.presetLabels[value] })),
|
|
104
|
+
] }) })), _jsx(ActionGroup, { label: props.labels.title, actions: [
|
|
105
|
+
_jsx(IconButton, { label: props.labels.previous, icon: "\u2039", name: "kv-date-command", value: "previous", size: "compact" }),
|
|
106
|
+
_jsx(IconButton, { label: props.labels.next, icon: "\u203A", name: "kv-date-command", value: "next", size: "compact" }),
|
|
107
|
+
] })] }), _jsx("div", { "data-ui": "date-calendar-body", children: _jsx("div", { "data-ui": "date-calendar-months" }) }), _jsxs("footer", { "data-ui": "date-calendar-footer", children: [_jsx("p", { "data-ui": "date-calendar-status", role: "status", "aria-live": "polite", "aria-atomic": "true" }), _jsx(ActionGroup, { actions: [
|
|
108
|
+
_jsx(Button, { label: props.labels.cancel, name: "kv-date-command", value: "cancel" }),
|
|
109
|
+
_jsx(Button, { label: props.labels.apply, name: "kv-date-command", value: "apply", variant: "primary" }),
|
|
110
|
+
] })] })] }));
|
|
111
|
+
/** Civil dates submit unchanged. Native fields also provide the no-JavaScript fallback. */
|
|
112
|
+
export const DatePicker = (props) => {
|
|
113
|
+
const labels = labelsFor(props, false);
|
|
114
|
+
return (_jsxs("div", { "data-ui": "date-picker", "data-date-mode": "single", "data-span": props.span ?? 'half', "data-date-locale": props.locale ?? 'vi', "data-date-today": props.today, "data-date-week-start": props.weekStartsOn ?? 1, "data-date-labels": JSON.stringify(labels), children: [_jsx("div", { "data-ui": "date-inputs", children: _jsx(FieldFrame, { ...temporal(props), kind: "date", control: _jsx("div", { "data-ui": "date-field-control", children: _jsxs("div", { "data-ui": "date-control-row", children: [NativeFieldControl({ ...temporal(props), type: 'date', appearance: 'embedded' }, describedBy(props.id, props.help, temporal(props).error)), _jsx("div", { "data-ui": "date-tools", children: _jsx(IconButton, { label: `${labels.open}: ${props.label}`, icon: _jsx(CalendarIcon, {}), name: "kv-date-open", controls: `${props.id}-calendar`, expanded: false, disabled: props.disabled || props.readOnly }) })] }) }) }) }), _jsx(CalendarPanel, { id: props.id, labels: labels })] }));
|
|
115
|
+
};
|
|
116
|
+
const DateBoundary = (props) => (_jsx("input", { "data-ui": "date-boundary", type: "hidden", id: props.id, name: props.name, value: String(props.value ?? ''), min: props.min, max: props.max, step: props.step, required: props.required === true, disabled: props.disabled === true, readonly: props.readOnly === true, autocomplete: "off" }));
|
|
117
|
+
/** One visible range field; the two named civil-date boundaries remain the form contract. */
|
|
118
|
+
export const DateRangePicker = (props) => {
|
|
119
|
+
const labels = labelsFor(props, true);
|
|
120
|
+
const ranges = props.presets === false ? [] : [...new Set(props.presets ?? presets)];
|
|
121
|
+
const start = temporal({ ...props.start, label: props.startLabel });
|
|
122
|
+
const end = temporal({ ...props.end, label: props.endLabel });
|
|
123
|
+
const error = [
|
|
124
|
+
start.error ? `${props.startLabel}: ${start.error}` : '',
|
|
125
|
+
end.error ? `${props.endLabel}: ${end.error}` : '',
|
|
126
|
+
]
|
|
127
|
+
.filter(Boolean)
|
|
128
|
+
.join(' · ') || null;
|
|
129
|
+
const help = [start.help, end.help].filter(Boolean).join(' · ') || null;
|
|
130
|
+
const id = `${props.id}-input`;
|
|
131
|
+
const disabled = props.start.disabled || props.end.disabled;
|
|
132
|
+
const locked = disabled || props.start.readOnly || props.end.readOnly;
|
|
133
|
+
return (_jsxs("div", { "data-ui": "date-range", id: props.id, "data-date-mode": "range", "data-span": props.span ?? 'full', "data-date-locale": props.locale ?? 'vi', "data-date-today": props.today, "data-date-week-start": props.weekStartsOn ?? 1, "data-date-labels": JSON.stringify(labels), children: [_jsx(FieldFrame, { id: id, label: props.label, kind: "date-range", required: props.start.required || props.end.required, span: props.span ?? 'full', help: help, error: error, control: _jsxs(_Fragment, { children: [_jsx("div", { "data-ui": "date-field-control", children: _jsxs("div", { "data-ui": "date-control-row", children: [NativeFieldControl({
|
|
134
|
+
id,
|
|
135
|
+
name: '',
|
|
136
|
+
label: props.label,
|
|
137
|
+
type: 'text',
|
|
138
|
+
appearance: 'embedded',
|
|
139
|
+
readOnly: true,
|
|
140
|
+
disabled,
|
|
141
|
+
value: formatRange(String(props.start.value ?? ''), String(props.end.value ?? '')),
|
|
142
|
+
placeholder: labels.open,
|
|
143
|
+
error,
|
|
144
|
+
}, describedBy(id, help, error)), _jsx("div", { "data-ui": "date-tools", children: _jsx(IconButton, { label: labels.open, icon: _jsx(CalendarIcon, {}), name: "kv-date-open", controls: `${props.id}-calendar`, expanded: false, disabled: locked }) })] }) }), _jsx("p", { "data-ui": "date-range-error", id: `${props.id}-range-error`, role: "alert", hidden: true, children: labels.invalidSelection })] }) }), _jsx(DateBoundary, { ...props.start, label: props.startLabel }), _jsx(DateBoundary, { ...props.end, label: props.endLabel }), _jsx(CalendarPanel, { id: props.id, labels: labels, presets: ranges })] }));
|
|
145
|
+
};
|
|
12
146
|
/** Local date-time text is submitted unchanged; the app adapter owns timezone interpretation. */
|
|
13
147
|
export const DateTimePicker = (props) => (_jsx(Field, { ...temporal(props), type: "datetime-local" }));
|
|
14
148
|
export const TimePicker = (props) => _jsx(Field, { ...temporal(props), type: "time" });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/forms/date-time/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAkC,CAAA;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/forms/date-time/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/forms/date-time/runtime.js"],"names":[],"mappings":"AAmmBA;8BAC8B;AAC9B,eAAO,MAAM,iBAAiB,SADnB,UAAU,eAwBpB,CAAA"}
|