@maxio-com/react-ui-components 9.25.0 → 9.26.0
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/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/skills/maxio-react/SKILL.md +3 -0
- package/dist/skills/maxio-react/references/components-calendar.md +10 -10
- package/dist/skills/maxio-react/references/components-forms-datefield.md +192 -0
- package/dist/skills/maxio-react/references/components-forms-datepicker.md +221 -0
- package/dist/skills/maxio-react/references/components-forms-daterangepicker.md +246 -0
- package/dist/skills/maxio-react/references/components-rangecalendar.md +24 -24
- package/dist/temporary-typings/src/components/forms/DateField/DateField.d.ts +6 -0
- package/dist/temporary-typings/src/components/forms/DateField/DateField.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DateField/DateInput.d.ts +7 -0
- package/dist/temporary-typings/src/components/forms/DateField/DateInput.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DateField/index.d.ts +3 -0
- package/dist/temporary-typings/src/components/forms/DateField/index.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DateField/types.d.ts +8 -0
- package/dist/temporary-typings/src/components/forms/DateField/types.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DatePicker/DatePicker.d.ts +6 -0
- package/dist/temporary-typings/src/components/forms/DatePicker/DatePicker.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DatePicker/index.d.ts +3 -0
- package/dist/temporary-typings/src/components/forms/DatePicker/index.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DatePicker/types.d.ts +12 -0
- package/dist/temporary-typings/src/components/forms/DatePicker/types.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/DatePresets.d.ts +5 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/DatePresets.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/index.d.ts +3 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/index.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/types.d.ts +13 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/types.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/utils.d.ts +14 -0
- package/dist/temporary-typings/src/components/forms/DatePresets/utils.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/DateRangePicker.d.ts +6 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/index.d.ts +3 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/index.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/types.d.ts +15 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/types.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/utils.d.ts +8 -0
- package/dist/temporary-typings/src/components/forms/DateRangePicker/utils.d.ts.map +1 -0
- package/dist/temporary-typings/src/components/forms/index.d.ts +6 -0
- package/dist/temporary-typings/src/components/forms/index.d.ts.map +1 -1
- package/dist/temporary-typings/src/components/index.d.ts +7 -1
- package/dist/temporary-typings/src/components/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/typings/index.d.ts +42 -3
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
# DateRangePicker
|
|
2
|
+
|
|
3
|
+
## Usage Guidelines
|
|
4
|
+
|
|
5
|
+
### Overview
|
|
6
|
+
|
|
7
|
+
DateRangePicker combines two localized date inputs with a calendar popover for selecting a date range.
|
|
8
|
+
|
|
9
|
+
#### When to Use
|
|
10
|
+
|
|
11
|
+
- Use for reporting periods, billing windows, or filters with a start and end date.
|
|
12
|
+
- Use when users benefit from both typed entry and calendar selection.
|
|
13
|
+
|
|
14
|
+
#### When Not to Use
|
|
15
|
+
|
|
16
|
+
- Use DatePicker for a single date.
|
|
17
|
+
- Use RangeCalendar for a range grid that stays visible.
|
|
18
|
+
- Do not use for free-form dates or recurring schedule expressions.
|
|
19
|
+
|
|
20
|
+
### Variants
|
|
21
|
+
|
|
22
|
+
| Variant | Purpose | Usage notes |
|
|
23
|
+
| :---------------- | :------------------------------- | :----------------------------------------- |
|
|
24
|
+
| Default | Choose a date range | Provide a specific label. |
|
|
25
|
+
| Empty | Start without a value | Date placeholders follow the locale. |
|
|
26
|
+
| Disabled | Prevent interaction | Use when the field is unavailable. |
|
|
27
|
+
| Read only | Prevent edits | Keep the existing value available to read. |
|
|
28
|
+
| Invalid | Explain a validation failure | Supply an actionable error message. |
|
|
29
|
+
| Date restrictions | Limit permitted dates | Explain the limits in the description. |
|
|
30
|
+
| Presets | Offer frequently used selections | Give each shortcut a clear label. |
|
|
31
|
+
|
|
32
|
+
### Behavior
|
|
33
|
+
|
|
34
|
+
- **Mouse and touch**: select a date segment to edit it. Open the calendar button to browse and select dates.
|
|
35
|
+
- **Keyboard**: Tab moves between editable segments; arrow keys adjust values and typing replaces segment contents. In the calendar, arrow keys move focus and Enter or Space selects a date. Escape dismisses the popover.
|
|
36
|
+
- **Focus management**: preserve visible keyboard focus. Closing the popover returns focus to its trigger.
|
|
37
|
+
- **Controlled state**: use controlled values when application state owns the selection; otherwise supply an initial value.
|
|
38
|
+
- **Presets**: selecting a shortcut updates the selection and closes the popover. Disabled or restricted shortcuts cannot be selected.
|
|
39
|
+
- **Display text**: a null preset shows its label instead of empty date segments. That text is not editable or a keyboard tab stop; users can replace it through the calendar or presets.
|
|
40
|
+
- **Partial ranges**: a preset may supply only one endpoint. Its label replaces only the missing endpoint; the supplied date remains visible and editable. Partial ranges are incomplete values, not a separately emitted open-ended range.
|
|
41
|
+
|
|
42
|
+
### Accessibility
|
|
43
|
+
|
|
44
|
+
- Provide a visible `label`, or `aria-label` / `aria-labelledby` when the layout supplies visual context.
|
|
45
|
+
- Use `description` for instructions and `errorMessage` for validation feedback; React Aria associates them with the field.
|
|
46
|
+
- Preserve segment keyboard behavior, accessible names, and visible focus indicators.
|
|
47
|
+
- Explain restrictions in text; do not rely on color alone to communicate errors or unavailable dates.
|
|
48
|
+
- Localize preset labels and the preset group name alongside the surrounding interface.
|
|
49
|
+
|
|
50
|
+
### Content
|
|
51
|
+
|
|
52
|
+
- Use a task-specific label such as "Billing period".
|
|
53
|
+
- Explain date limits before entry, for example "Choose dates within the billing period."
|
|
54
|
+
- Keep errors actionable, such as "Choose a date on or after the invoice date."
|
|
55
|
+
- Allow for locale-specific date order, time zones, and right-to-left layouts.
|
|
56
|
+
- Use endpoint text such as "Any start date" or "Any end date" for partial range presets.
|
|
57
|
+
|
|
58
|
+
### Related
|
|
59
|
+
|
|
60
|
+
- **[DatePicker](components-forms-datepicker.md)**: Collect a single date.
|
|
61
|
+
- **[RangeCalendar](components-rangecalendar.md)**: Keep the range calendar visible on the page.
|
|
62
|
+
|
|
63
|
+
## React
|
|
64
|
+
|
|
65
|
+
```tsx
|
|
66
|
+
import { DateRangePicker } from '@maxio-com/react-ui-components';
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### State Management
|
|
70
|
+
|
|
71
|
+
#### Controlled
|
|
72
|
+
|
|
73
|
+
Use `value` and `onChange` as shown in the Controlled story. The parent must apply
|
|
74
|
+
changes to `value` before they appear in the input.
|
|
75
|
+
|
|
76
|
+
#### Uncontrolled
|
|
77
|
+
|
|
78
|
+
Use `defaultValue`, as shown in the Default story, to initialize internal state.
|
|
79
|
+
Omit it to start empty.
|
|
80
|
+
|
|
81
|
+
### Date Values and Forms
|
|
82
|
+
|
|
83
|
+
Install `@internationalized/date` in the consuming application to construct values
|
|
84
|
+
with `parseDate` or the appropriate date-time constructor. Values are date objects
|
|
85
|
+
from that package, not JavaScript `Date` instances or strings.
|
|
86
|
+
|
|
87
|
+
A complete range has `{ start, end }` endpoints; a cleared range is `null`. Use `startName` and `endName` for separate form fields.
|
|
88
|
+
Use `isRequired`, `validate`, and `validationBehavior` for validation. Pair custom
|
|
89
|
+
invalid state with `isInvalid` and `errorMessage`.
|
|
90
|
+
|
|
91
|
+
### Localization
|
|
92
|
+
|
|
93
|
+
Use React Aria's `I18nProvider`, as shown in the International story, to set date
|
|
94
|
+
order and reading direction. Date-time values support `granularity` and time zones.
|
|
95
|
+
|
|
96
|
+
### Preset Values
|
|
97
|
+
|
|
98
|
+
Each `presets` entry has a `label`, `value`, and optional `isDisabled`. Set
|
|
99
|
+
`presetsLabel` to localize the group name, which defaults to "Presets".
|
|
100
|
+
A null value clears the selection. Its `label` replaces empty
|
|
101
|
+
segments with non-editable text; the first matching preset supplies that text.
|
|
102
|
+
Preset labels do not become submitted date values or satisfy required validation.
|
|
103
|
+
|
|
104
|
+
A range preset may contain a null `start` or `end`. The preset label replaces only
|
|
105
|
+
missing endpoints; existing dates stay editable. React Aria reports `onChange(null)`
|
|
106
|
+
until both endpoints are complete. The controlled `value` prop accepts complete
|
|
107
|
+
ranges or null, not partial ranges.
|
|
108
|
+
|
|
109
|
+
## Imports
|
|
110
|
+
|
|
111
|
+
```tsx
|
|
112
|
+
import { DateRangePicker, I18nProvider } from "@maxio-com/react-ui-components";
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
## Prop Types
|
|
116
|
+
|
|
117
|
+
### DateRangePicker
|
|
118
|
+
|
|
119
|
+
| Prop | Type | Required | Default | Description | Source |
|
|
120
|
+
| --- | --- | --- | --- | --- | --- |
|
|
121
|
+
| `description` | `ReactNode` | no | - | Instructions associated with the field. | DateRangePickerProps |
|
|
122
|
+
| `errorMessage` | `ReactNode \| ((validation: ValidationResult) => ReactNode)` | no | - | Validation feedback, or a function formatting native validation errors. | DateRangePickerProps |
|
|
123
|
+
| `label` | `ReactNode` | no | - | Visible accessible label. Supply aria-label when omitted. | DateRangePickerProps |
|
|
124
|
+
| `presets` | `readonly DateRangePreset<T>[]` | no | - | Optional shortcuts. Values use the same date type as the picker. | DateRangePickerProps |
|
|
125
|
+
| `presetsLabel` | `string` | no | - | Accessible name for the preset group; localize alongside preset labels. | DateRangePickerProps |
|
|
126
|
+
|
|
127
|
+
## Stories
|
|
128
|
+
|
|
129
|
+
### Default
|
|
130
|
+
|
|
131
|
+
Use for an initial, uncontrolled date range. Provide a visible label or an accessible name.
|
|
132
|
+
|
|
133
|
+
```tsx
|
|
134
|
+
const Default = () => <DateRangePicker label="Billing period" defaultValue={initialValue} />;
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
### Empty
|
|
138
|
+
|
|
139
|
+
Use when users should make an explicit selection. Placeholders and segment order follow the locale.
|
|
140
|
+
|
|
141
|
+
```tsx
|
|
142
|
+
const Empty = () => <DateRangePicker label="Billing period" defaultValue={undefined} />;
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
### Controlled
|
|
146
|
+
|
|
147
|
+
Use when application state owns the selection. Apply onChange values back to value to display edits.
|
|
148
|
+
|
|
149
|
+
```tsx
|
|
150
|
+
const Controlled = () => {
|
|
151
|
+
const [value, setValue] = useState<{
|
|
152
|
+
start: DateValue;
|
|
153
|
+
end: DateValue;
|
|
154
|
+
} | null>(initialValue);
|
|
155
|
+
|
|
156
|
+
return (
|
|
157
|
+
<DateRangePicker
|
|
158
|
+
label="Billing period"
|
|
159
|
+
defaultValue={initialValue}
|
|
160
|
+
value={value}
|
|
161
|
+
onChange={setValue} />
|
|
162
|
+
);
|
|
163
|
+
};
|
|
164
|
+
```
|
|
165
|
+
|
|
166
|
+
### Disabled
|
|
167
|
+
|
|
168
|
+
Use when the field is unavailable. Prevents editing and selection.
|
|
169
|
+
|
|
170
|
+
```tsx
|
|
171
|
+
const Disabled = () => <DateRangePicker label="Billing period" defaultValue={initialValue} isDisabled />;
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
### Read Only
|
|
175
|
+
|
|
176
|
+
Use to display a value while preventing edits.
|
|
177
|
+
|
|
178
|
+
```tsx
|
|
179
|
+
const ReadOnly = () => <DateRangePicker label="Billing period" defaultValue={initialValue} isReadOnly />;
|
|
180
|
+
```
|
|
181
|
+
|
|
182
|
+
### Invalid
|
|
183
|
+
|
|
184
|
+
Pair isInvalid with an actionable errorMessage. Do not communicate errors using color alone.
|
|
185
|
+
|
|
186
|
+
```tsx
|
|
187
|
+
const Invalid = () => <DateRangePicker
|
|
188
|
+
label="Billing period"
|
|
189
|
+
defaultValue={initialValue}
|
|
190
|
+
isInvalid
|
|
191
|
+
errorMessage="Choose a date within the billing period." />;
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
### Date Restrictions
|
|
195
|
+
|
|
196
|
+
Use minValue, maxValue, and isDateUnavailable to limit dates. Explain restrictions with description.
|
|
197
|
+
|
|
198
|
+
```tsx
|
|
199
|
+
const DateRestrictions = () => <DateRangePicker
|
|
200
|
+
label="Billing period"
|
|
201
|
+
defaultValue={initialValue}
|
|
202
|
+
minValue={parseDate('2026-09-01')}
|
|
203
|
+
maxValue={parseDate('2026-09-30')}
|
|
204
|
+
description="Choose dates in September 2026."
|
|
205
|
+
isDateUnavailable={(date) => date.day === 20} />;
|
|
206
|
+
```
|
|
207
|
+
|
|
208
|
+
### International
|
|
209
|
+
|
|
210
|
+
Use I18nProvider to localize date order and reading direction. Localize visible labels in the consuming app.
|
|
211
|
+
|
|
212
|
+
```tsx
|
|
213
|
+
const International = () => <I18nProvider locale="pl-PL">
|
|
214
|
+
<DateRangePicker label="Billing period" defaultValue={initialValue} />
|
|
215
|
+
</I18nProvider>;
|
|
216
|
+
```
|
|
217
|
+
|
|
218
|
+
### Presets
|
|
219
|
+
|
|
220
|
+
Use labeled shortcuts for common ranges. Restrictions apply to supplied endpoints and, unless allowsNonContiguousRanges is enabled, unavailable interior dates. A null endpoint shows the preset label; it remains non-editable while the existing date stays editable. Partial ranges report onChange(null) until complete.
|
|
221
|
+
|
|
222
|
+
```tsx
|
|
223
|
+
const Presets = () => <DateRangePicker
|
|
224
|
+
label="Billing period"
|
|
225
|
+
defaultValue={initialValue}
|
|
226
|
+
presets={[
|
|
227
|
+
{
|
|
228
|
+
label: 'Year to Date',
|
|
229
|
+
value: {
|
|
230
|
+
start: parseDate(`${referenceDate.year}-01-01`),
|
|
231
|
+
end: referenceDate,
|
|
232
|
+
},
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
label: 'September',
|
|
236
|
+
value: { start: parseDate('2026-09-01'), end: parseDate('2026-09-30') },
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
label: 'Last 7 days',
|
|
240
|
+
value: {
|
|
241
|
+
start: referenceDate.subtract({ days: 7 }),
|
|
242
|
+
end: referenceDate,
|
|
243
|
+
},
|
|
244
|
+
},
|
|
245
|
+
]} />;
|
|
246
|
+
```
|
|
@@ -145,10 +145,10 @@ Use Default when users need to select a date range from a visible month grid.
|
|
|
145
145
|
```tsx
|
|
146
146
|
const Default = () => <RangeCalendar
|
|
147
147
|
aria-label="Billing period"
|
|
148
|
-
defaultFocusedValue={
|
|
148
|
+
defaultFocusedValue={referenceDate}
|
|
149
149
|
defaultValue={{
|
|
150
|
-
start:
|
|
151
|
-
end:
|
|
150
|
+
start: referenceDate.subtract({ days: 3 }),
|
|
151
|
+
end: referenceDate.add({ days: 3 }),
|
|
152
152
|
}} />;
|
|
153
153
|
```
|
|
154
154
|
|
|
@@ -159,13 +159,13 @@ Use Controlled when application state owns the selected range.
|
|
|
159
159
|
```tsx
|
|
160
160
|
const Controlled = function ControlledRangeCalendar() {
|
|
161
161
|
const [value, setValue] = useState({
|
|
162
|
-
start:
|
|
163
|
-
end:
|
|
162
|
+
start: referenceDate.subtract({ days: 3 }),
|
|
163
|
+
end: referenceDate.add({ days: 3 }),
|
|
164
164
|
});
|
|
165
165
|
return (
|
|
166
166
|
<RangeCalendar
|
|
167
167
|
aria-label="Billing period"
|
|
168
|
-
defaultFocusedValue={
|
|
168
|
+
defaultFocusedValue={referenceDate}
|
|
169
169
|
value={value}
|
|
170
170
|
onChange={setValue}
|
|
171
171
|
/>
|
|
@@ -180,15 +180,15 @@ Use Date Restrictions to limit selection to a billing period and exclude specifi
|
|
|
180
180
|
```tsx
|
|
181
181
|
const DateRestrictions = () => <RangeCalendar
|
|
182
182
|
aria-label="Billing period"
|
|
183
|
-
defaultFocusedValue={
|
|
183
|
+
defaultFocusedValue={referenceDate}
|
|
184
184
|
defaultValue={{
|
|
185
|
-
start:
|
|
186
|
-
end:
|
|
185
|
+
start: referenceDate.subtract({ days: 3 }),
|
|
186
|
+
end: referenceDate.add({ days: 3 }),
|
|
187
187
|
}}
|
|
188
|
-
minValue={
|
|
189
|
-
maxValue={
|
|
188
|
+
minValue={referenceDate.subtract({ days: 14 })}
|
|
189
|
+
maxValue={referenceDate.add({ days: 14 })}
|
|
190
190
|
isDateUnavailable={(date) =>
|
|
191
|
-
date.compare(
|
|
191
|
+
date.compare(referenceDate.add({ days: 10 })) === 0} />;
|
|
192
192
|
```
|
|
193
193
|
|
|
194
194
|
### Disabled
|
|
@@ -198,10 +198,10 @@ Use Disabled when calendar interaction is unavailable.
|
|
|
198
198
|
```tsx
|
|
199
199
|
const Disabled = () => <RangeCalendar
|
|
200
200
|
aria-label="Billing period"
|
|
201
|
-
defaultFocusedValue={
|
|
201
|
+
defaultFocusedValue={referenceDate}
|
|
202
202
|
defaultValue={{
|
|
203
|
-
start:
|
|
204
|
-
end:
|
|
203
|
+
start: referenceDate.subtract({ days: 3 }),
|
|
204
|
+
end: referenceDate.add({ days: 3 }),
|
|
205
205
|
}}
|
|
206
206
|
isDisabled />;
|
|
207
207
|
```
|
|
@@ -213,10 +213,10 @@ Use Read Only to allow browsing without changing the selected range.
|
|
|
213
213
|
```tsx
|
|
214
214
|
const ReadOnly = () => <RangeCalendar
|
|
215
215
|
aria-label="Billing period"
|
|
216
|
-
defaultFocusedValue={
|
|
216
|
+
defaultFocusedValue={referenceDate}
|
|
217
217
|
defaultValue={{
|
|
218
|
-
start:
|
|
219
|
-
end:
|
|
218
|
+
start: referenceDate.subtract({ days: 3 }),
|
|
219
|
+
end: referenceDate.add({ days: 3 }),
|
|
220
220
|
}}
|
|
221
221
|
isReadOnly />;
|
|
222
222
|
```
|
|
@@ -228,10 +228,10 @@ Use Invalid with an actionable error message when the selected range fails valid
|
|
|
228
228
|
```tsx
|
|
229
229
|
const Invalid = () => <RangeCalendar
|
|
230
230
|
aria-label="Billing period"
|
|
231
|
-
defaultFocusedValue={
|
|
231
|
+
defaultFocusedValue={referenceDate}
|
|
232
232
|
defaultValue={{
|
|
233
|
-
start:
|
|
234
|
-
end:
|
|
233
|
+
start: referenceDate.subtract({ days: 3 }),
|
|
234
|
+
end: referenceDate.add({ days: 3 }),
|
|
235
235
|
}}
|
|
236
236
|
isInvalid
|
|
237
237
|
errorMessage="Choose a range within the billing period." />;
|
|
@@ -245,10 +245,10 @@ Use I18nProvider to localize labels, weekday order, and navigation direction.
|
|
|
245
245
|
const International = () => <I18nProvider locale="pl-PL">
|
|
246
246
|
<RangeCalendar
|
|
247
247
|
aria-label="Billing period"
|
|
248
|
-
defaultFocusedValue={
|
|
248
|
+
defaultFocusedValue={referenceDate}
|
|
249
249
|
defaultValue={{
|
|
250
|
-
start:
|
|
251
|
-
end:
|
|
250
|
+
start: referenceDate.subtract({ days: 3 }),
|
|
251
|
+
end: referenceDate.add({ days: 3 }),
|
|
252
252
|
}} />
|
|
253
253
|
</I18nProvider>;
|
|
254
254
|
```
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type DateValue } from 'react-aria-components';
|
|
3
|
+
import type { DateFieldProps } from './types';
|
|
4
|
+
declare const DateField: <T extends DateValue>({ label, description, errorMessage, className, ...props }: DateFieldProps<T>) => React.JSX.Element;
|
|
5
|
+
export default DateField;
|
|
6
|
+
//# sourceMappingURL=DateField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAML,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,2DAMrC,cAAc,CAAC,CAAC,CAAC,sBA+BnB,CAAC;AACF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateField/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,SAAS,GAAI,yBAGhB;IACD,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,sBAgBA,CAAC;AACF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { DateFieldProps as AriaDateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
|
|
3
|
+
export interface DateFieldProps<T extends DateValue = DateValue> extends Omit<AriaDateFieldProps<T>, 'children'> {
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC3E,kBAAkB,CAAC,CAAC,CAAC,EACrB,UAAU,CACX;IAEC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;CAC1E"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type DateValue } from 'react-aria-components';
|
|
3
|
+
import type { DatePickerProps } from './types';
|
|
4
|
+
declare const DatePicker: <T extends DateValue>({ label, description, errorMessage, className, presets, presetsLabel, ...props }: DatePickerProps<T>) => React.JSX.Element;
|
|
5
|
+
export default DatePicker;
|
|
6
|
+
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAML,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,EAAE,kFAQtC,eAAe,CAAC,CAAC,CAAC,sBAgEpB,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { Preset } from '../DatePresets';
|
|
3
|
+
import type { DatePickerProps as AriaDatePickerProps, DateValue, ValidationResult } from 'react-aria-components';
|
|
4
|
+
export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<AriaDatePickerProps<T>, 'children'> {
|
|
5
|
+
presets?: readonly DatePreset<T>[];
|
|
6
|
+
presetsLabel?: string;
|
|
7
|
+
label?: ReactNode;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
|
|
10
|
+
}
|
|
11
|
+
export type DatePreset<T extends DateValue = DateValue> = Preset<T>;
|
|
12
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC5E,mBAAmB,CAAC,CAAC,CAAC,EACtB,UAAU,CACX;IAEC,OAAO,CAAC,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;CAC1E;AAGD,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DatePresetsProps } from './types';
|
|
3
|
+
declare const DatePresets: <T>({ presets, label, isDisabled, isPresetDisabled, onSelect, }: DatePresetsProps<T>) => React.JSX.Element | null;
|
|
4
|
+
export default DatePresets;
|
|
5
|
+
//# sourceMappingURL=DatePresets.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePresets.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DatePresets/DatePresets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,WAAW,GAAI,CAAC,EAAG,6DAMtB,gBAAgB,CAAC,CAAC,CAAC,6BAqBrB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DatePresets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface Preset<T> {
|
|
2
|
+
label: string;
|
|
3
|
+
value: T | null;
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface DatePresetsProps<T> {
|
|
7
|
+
presets?: readonly Preset<T>[];
|
|
8
|
+
label?: string;
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
isPresetDisabled: (value: T) => boolean;
|
|
11
|
+
onSelect: (value: T | null) => void;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DatePresets/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { DateValue, DateRangePickerProps } from 'react-aria-components';
|
|
2
|
+
type Constraints = {
|
|
3
|
+
minValue?: DateValue | null;
|
|
4
|
+
maxValue?: DateValue | null;
|
|
5
|
+
isDateUnavailable?: (date: DateValue) => boolean;
|
|
6
|
+
allowsNonContiguousRanges?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const isPresetDateDisabled: (date: DateValue, props: Constraints) => boolean;
|
|
9
|
+
export declare const isPresetRangeDisabled: (range: {
|
|
10
|
+
start: DateValue | null;
|
|
11
|
+
end: DateValue | null;
|
|
12
|
+
}, props: Omit<Constraints, "isDateUnavailable"> & Pick<DateRangePickerProps<DateValue>, "isDateUnavailable">) => boolean;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DatePresets/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IACjD,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,MAAM,SAAS,EACf,OAAO,WAAW,KACjB,OAKA,CAAC;AAEJ,eAAO,MAAM,qBAAqB,GAChC,OAAO;IAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,GAAG,EAAE,SAAS,GAAG,IAAI,CAAA;CAAE,EACzD,OAAO,IAAI,CAAC,WAAW,EAAE,mBAAmB,CAAC,GAC3C,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC,KAC3D,OAoCF,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type DateValue } from 'react-aria-components';
|
|
3
|
+
import type { DateRangePickerProps } from './types';
|
|
4
|
+
declare const DateRangePicker: <T extends DateValue>({ label, description, errorMessage, className, presets, presetsLabel, ...props }: DateRangePickerProps<T>) => React.JSX.Element;
|
|
5
|
+
export default DateRangePicker;
|
|
6
|
+
//# sourceMappingURL=DateRangePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EASL,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,QAAA,MAAM,eAAe,GAAI,CAAC,SAAS,SAAS,EAAE,kFAQ3C,oBAAoB,CAAC,CAAC,CAAC,sBAuEzB,CAAC;AACF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACxE,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { Preset } from '../DatePresets';
|
|
3
|
+
import type { DateRangePickerProps as AriaDateRangePickerProps, DateValue, ValidationResult } from 'react-aria-components';
|
|
4
|
+
export interface DateRangePickerProps<T extends DateValue = DateValue> extends Omit<AriaDateRangePickerProps<T>, 'children'> {
|
|
5
|
+
presets?: readonly DateRangePreset<T>[];
|
|
6
|
+
presetsLabel?: string;
|
|
7
|
+
label?: ReactNode;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
|
|
10
|
+
}
|
|
11
|
+
export type DateRangePreset<T extends DateValue = DateValue> = Preset<{
|
|
12
|
+
start: T | null;
|
|
13
|
+
end: T | null;
|
|
14
|
+
}>;
|
|
15
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,oBAAoB,CACnC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC/B,SAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAErD,OAAO,CAAC,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;CAC1E;AAGD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,MAAM,CAAC;IACpE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC;CACf,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { DateRangePickerRenderProps } from 'react-aria-components';
|
|
2
|
+
import type { DateRangePreset } from './types';
|
|
3
|
+
type RangeState = DateRangePickerRenderProps['state'];
|
|
4
|
+
type PresetValue = DateRangePreset['value'];
|
|
5
|
+
export declare const getPresetLabel: (value: RangeState["value"], presets?: readonly DateRangePreset[]) => string | undefined;
|
|
6
|
+
export declare const selectRangePreset: (state: RangeState, value: PresetValue) => void;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/DateRangePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAE3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,UAAU,GAAG,0BAA0B,CAAC,OAAO,CAAC,CAAC;AACtD,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AAO5C,eAAO,MAAM,cAAc,GACzB,OAAO,UAAU,CAAC,OAAO,CAAC,EAC1B,UAAU,SAAS,eAAe,EAAE,KACnC,MAAM,GAAG,SAQX,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,EACjB,OAAO,WAAW,KACjB,IAaF,CAAC"}
|
|
@@ -11,4 +11,10 @@ export type { TextInputProps } from './TextInput';
|
|
|
11
11
|
export { default as Select } from './Select';
|
|
12
12
|
export { default as FormErrorMessage } from './FormErrorMessage';
|
|
13
13
|
export { default as FormHelperText } from './FormHelperText';
|
|
14
|
+
export { DateField } from './DateField';
|
|
15
|
+
export type { DateFieldProps } from './DateField';
|
|
16
|
+
export { DatePicker } from './DatePicker';
|
|
17
|
+
export type { DatePickerProps, DatePreset } from './DatePicker';
|
|
18
|
+
export { DateRangePicker } from './DateRangePicker';
|
|
19
|
+
export type { DateRangePickerProps, DateRangePreset } from './DateRangePicker';
|
|
14
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -38,11 +38,17 @@ export { ActionList, Drawer, Alert, Avatar, Banner, Body, Card, Breadcrumbs, Bre
|
|
|
38
38
|
export type { PopoverProps } from './Popover/types';
|
|
39
39
|
export type { DrawerProps } from './Drawer/types';
|
|
40
40
|
export type { CopyToClipboardProps, CopyToClipboardSize, CopyToClipboardVariant, } from './CopyToClipboard';
|
|
41
|
-
export type { EmptyStateHeadingLevel, EmptyStateProps
|
|
41
|
+
export type { EmptyStateHeadingLevel, EmptyStateProps } from './EmptyState';
|
|
42
42
|
export type { ComboBoxProps, TextAreaProps, TextFieldProps, TextInputProps, } from './forms';
|
|
43
43
|
export type { SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, } from './SegmentedControl';
|
|
44
44
|
export { Calendar } from './Calendar';
|
|
45
45
|
export type { CalendarProps } from './Calendar';
|
|
46
46
|
export { RangeCalendar } from './RangeCalendar';
|
|
47
47
|
export type { RangeCalendarProps } from './RangeCalendar';
|
|
48
|
+
export { DateField } from './forms/DateField';
|
|
49
|
+
export type { DateFieldProps } from './forms/DateField';
|
|
50
|
+
export { DatePicker } from './forms/DatePicker';
|
|
51
|
+
export type { DatePickerProps, DatePreset } from './forms/DatePicker';
|
|
52
|
+
export { DateRangePicker } from './forms/DateRangePicker';
|
|
53
|
+
export type { DateRangePickerProps, DateRangePreset } from './forms/DateRangePicker';
|
|
48
54
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maxio-com/react-ui-components",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.26.0",
|
|
4
4
|
"description": "React UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"publishConfig": {
|
|
66
66
|
"access": "public"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "d142e871d70bc9f58d2e35904ebef8b00ac307be"
|
|
69
69
|
}
|