@openmrs/esm-framework 6.3.1-pre.3199 → 6.3.1-pre.3207
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/.turbo/turbo-build.log +1 -1
- package/dist/openmrs-esm-framework.js +2 -2
- package/dist/openmrs-esm-framework.js.map +1 -1
- package/docs/classes/OpenmrsFetchError.md +4 -4
- package/docs/functions/convertToLocaleCalendar.md +1 -1
- package/docs/functions/formatDate.md +1 -1
- package/docs/functions/formatDatetime.md +1 -1
- package/docs/functions/formatDuration.md +3 -3
- package/docs/functions/formatPartialDate.md +1 -1
- package/docs/functions/formatTime.md +1 -1
- package/docs/functions/getDefaultCalendar.md +1 -1
- package/docs/functions/isOmrsDateStrict.md +1 -1
- package/docs/functions/isOmrsDateToday.md +1 -1
- package/docs/functions/makeUrl.md +1 -1
- package/docs/functions/openmrsFetch.md +1 -1
- package/docs/functions/openmrsObservableFetch.md +1 -1
- package/docs/functions/parseDate.md +1 -1
- package/docs/functions/registerDefaultCalendar.md +1 -1
- package/docs/functions/toDateObjectStrict.md +1 -1
- package/docs/functions/toOmrsIsoString.md +1 -1
- package/docs/interfaces/FetchConfig.md +3 -3
- package/docs/interfaces/FetchError.md +3 -3
- package/docs/interfaces/FetchHeaders.md +1 -1
- package/docs/interfaces/FetchResponseJson.md +1 -1
- package/docs/interfaces/OpenmrsDateRangePickerProps.md +783 -0
- package/docs/type-aliases/DateInput.md +1 -1
- package/docs/type-aliases/FormatDateMode.md +1 -1
- package/docs/type-aliases/FormatDateOptions.md +10 -10
- package/docs/variables/OpenmrsDateRangePicker.md +9 -0
- package/docs/variables/fhirBaseUrl.md +1 -1
- package/docs/variables/restBaseUrl.md +1 -1
- package/docs/variables/sessionEndpoint.md +1 -1
- package/mock-jest.tsx +31 -1
- package/mock.tsx +31 -1
- package/package.json +20 -20
|
@@ -0,0 +1,783 @@
|
|
|
1
|
+
[O3 Framework](../API.md) / OpenmrsDateRangePickerProps
|
|
2
|
+
|
|
3
|
+
# Interface: OpenmrsDateRangePickerProps
|
|
4
|
+
|
|
5
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:36](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L36)
|
|
6
|
+
|
|
7
|
+
## Extends
|
|
8
|
+
|
|
9
|
+
- `Omit`\<`DateRangePickerProps`\<`CalendarDate`\>, `"className"` \| `"onChange"` \| `"defaultValue"` \| `"value"`\>
|
|
10
|
+
|
|
11
|
+
## Properties
|
|
12
|
+
|
|
13
|
+
### allowsNonContiguousRanges?
|
|
14
|
+
|
|
15
|
+
> `optional` **allowsNonContiguousRanges**: `boolean`
|
|
16
|
+
|
|
17
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:91
|
|
18
|
+
|
|
19
|
+
When combined with `isDateUnavailable`, determines whether non-contiguous ranges,
|
|
20
|
+
i.e. ranges containing unavailable dates, may be selected.
|
|
21
|
+
|
|
22
|
+
#### Inherited from
|
|
23
|
+
|
|
24
|
+
`Omit.allowsNonContiguousRanges`
|
|
25
|
+
|
|
26
|
+
***
|
|
27
|
+
|
|
28
|
+
### aria-describedby?
|
|
29
|
+
|
|
30
|
+
> `optional` **aria-describedby**: `string`
|
|
31
|
+
|
|
32
|
+
Defined in: node\_modules/@react-types/shared/src/dom.d.ts:40
|
|
33
|
+
|
|
34
|
+
Identifies the element (or elements) that describes the object.
|
|
35
|
+
|
|
36
|
+
#### Inherited from
|
|
37
|
+
|
|
38
|
+
`Omit.aria-describedby`
|
|
39
|
+
|
|
40
|
+
***
|
|
41
|
+
|
|
42
|
+
### aria-details?
|
|
43
|
+
|
|
44
|
+
> `optional` **aria-details**: `string`
|
|
45
|
+
|
|
46
|
+
Defined in: node\_modules/@react-types/shared/src/dom.d.ts:45
|
|
47
|
+
|
|
48
|
+
Identifies the element (or elements) that provide a detailed, extended description for the object.
|
|
49
|
+
|
|
50
|
+
#### Inherited from
|
|
51
|
+
|
|
52
|
+
`Omit.aria-details`
|
|
53
|
+
|
|
54
|
+
***
|
|
55
|
+
|
|
56
|
+
### aria-label?
|
|
57
|
+
|
|
58
|
+
> `optional` **aria-label**: `string`
|
|
59
|
+
|
|
60
|
+
Defined in: node\_modules/@react-types/shared/src/dom.d.ts:30
|
|
61
|
+
|
|
62
|
+
Defines a string value that labels the current element.
|
|
63
|
+
|
|
64
|
+
#### Inherited from
|
|
65
|
+
|
|
66
|
+
`Omit.aria-label`
|
|
67
|
+
|
|
68
|
+
***
|
|
69
|
+
|
|
70
|
+
### aria-labelledby?
|
|
71
|
+
|
|
72
|
+
> `optional` **aria-labelledby**: `string`
|
|
73
|
+
|
|
74
|
+
Defined in: node\_modules/@react-types/shared/src/dom.d.ts:35
|
|
75
|
+
|
|
76
|
+
Identifies the element (or elements) that labels the current element.
|
|
77
|
+
|
|
78
|
+
#### Inherited from
|
|
79
|
+
|
|
80
|
+
`Omit.aria-labelledby`
|
|
81
|
+
|
|
82
|
+
***
|
|
83
|
+
|
|
84
|
+
### autoFocus?
|
|
85
|
+
|
|
86
|
+
> `optional` **autoFocus**: `boolean`
|
|
87
|
+
|
|
88
|
+
Defined in: node\_modules/@react-types/shared/src/events.d.ts:128
|
|
89
|
+
|
|
90
|
+
Whether the element should receive focus on render.
|
|
91
|
+
|
|
92
|
+
#### Inherited from
|
|
93
|
+
|
|
94
|
+
`Omit.autoFocus`
|
|
95
|
+
|
|
96
|
+
***
|
|
97
|
+
|
|
98
|
+
### children?
|
|
99
|
+
|
|
100
|
+
> `optional` **children**: `ReactNode` \| (`values`) => `ReactNode`
|
|
101
|
+
|
|
102
|
+
Defined in: node\_modules/react-aria-components/dist/types.d.ts:53
|
|
103
|
+
|
|
104
|
+
The children of the component. A function may be provided to alter the children based on component state.
|
|
105
|
+
|
|
106
|
+
#### Inherited from
|
|
107
|
+
|
|
108
|
+
`Omit.children`
|
|
109
|
+
|
|
110
|
+
***
|
|
111
|
+
|
|
112
|
+
### className?
|
|
113
|
+
|
|
114
|
+
> `optional` **className**: `Argument`
|
|
115
|
+
|
|
116
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:39](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L39)
|
|
117
|
+
|
|
118
|
+
Any CSS classes to add to the outer div of the date picker
|
|
119
|
+
|
|
120
|
+
***
|
|
121
|
+
|
|
122
|
+
### defaultOpen?
|
|
123
|
+
|
|
124
|
+
> `optional` **defaultOpen**: `boolean`
|
|
125
|
+
|
|
126
|
+
Defined in: node\_modules/@react-types/overlays/src/index.d.ts:112
|
|
127
|
+
|
|
128
|
+
Whether the overlay is open by default (uncontrolled).
|
|
129
|
+
|
|
130
|
+
#### Inherited from
|
|
131
|
+
|
|
132
|
+
`Omit.defaultOpen`
|
|
133
|
+
|
|
134
|
+
***
|
|
135
|
+
|
|
136
|
+
### defaultValue?
|
|
137
|
+
|
|
138
|
+
> `optional` **defaultValue**: \[`DateInputValue`, `DateInputValue`\]
|
|
139
|
+
|
|
140
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:41](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L41)
|
|
141
|
+
|
|
142
|
+
The default value (uncontrolled)
|
|
143
|
+
|
|
144
|
+
***
|
|
145
|
+
|
|
146
|
+
### endName?
|
|
147
|
+
|
|
148
|
+
> `optional` **endName**: `string`
|
|
149
|
+
|
|
150
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:99
|
|
151
|
+
|
|
152
|
+
The name of the end date input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
|
|
153
|
+
|
|
154
|
+
#### Inherited from
|
|
155
|
+
|
|
156
|
+
`Omit.endName`
|
|
157
|
+
|
|
158
|
+
***
|
|
159
|
+
|
|
160
|
+
### firstDayOfWeek?
|
|
161
|
+
|
|
162
|
+
> `optional` **firstDayOfWeek**: `"sun"` \| `"mon"` \| `"tue"` \| `"wed"` \| `"thu"` \| `"fri"` \| `"sat"`
|
|
163
|
+
|
|
164
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:78
|
|
165
|
+
|
|
166
|
+
The day that starts the week.
|
|
167
|
+
|
|
168
|
+
#### Inherited from
|
|
169
|
+
|
|
170
|
+
`Omit.firstDayOfWeek`
|
|
171
|
+
|
|
172
|
+
***
|
|
173
|
+
|
|
174
|
+
### granularity?
|
|
175
|
+
|
|
176
|
+
> `optional` **granularity**: `Granularity`
|
|
177
|
+
|
|
178
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:52
|
|
179
|
+
|
|
180
|
+
Determines the smallest unit that is displayed in the date picker. By default, this is `"day"` for dates, and `"minute"` for times.
|
|
181
|
+
|
|
182
|
+
#### Inherited from
|
|
183
|
+
|
|
184
|
+
`Omit.granularity`
|
|
185
|
+
|
|
186
|
+
***
|
|
187
|
+
|
|
188
|
+
### hideTimeZone?
|
|
189
|
+
|
|
190
|
+
> `optional` **hideTimeZone**: `boolean`
|
|
191
|
+
|
|
192
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:57
|
|
193
|
+
|
|
194
|
+
Whether to hide the time zone abbreviation.
|
|
195
|
+
|
|
196
|
+
#### Default
|
|
197
|
+
|
|
198
|
+
```ts
|
|
199
|
+
false
|
|
200
|
+
```
|
|
201
|
+
|
|
202
|
+
#### Inherited from
|
|
203
|
+
|
|
204
|
+
`Omit.hideTimeZone`
|
|
205
|
+
|
|
206
|
+
***
|
|
207
|
+
|
|
208
|
+
### hourCycle?
|
|
209
|
+
|
|
210
|
+
> `optional` **hourCycle**: `12` \| `24`
|
|
211
|
+
|
|
212
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:50
|
|
213
|
+
|
|
214
|
+
Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale.
|
|
215
|
+
|
|
216
|
+
#### Inherited from
|
|
217
|
+
|
|
218
|
+
`Omit.hourCycle`
|
|
219
|
+
|
|
220
|
+
***
|
|
221
|
+
|
|
222
|
+
### id?
|
|
223
|
+
|
|
224
|
+
> `optional` **id**: `string`
|
|
225
|
+
|
|
226
|
+
Defined in: node\_modules/@react-types/shared/src/dom.d.ts:62
|
|
227
|
+
|
|
228
|
+
The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
|
|
229
|
+
|
|
230
|
+
#### Inherited from
|
|
231
|
+
|
|
232
|
+
`Omit.id`
|
|
233
|
+
|
|
234
|
+
***
|
|
235
|
+
|
|
236
|
+
### invalid?
|
|
237
|
+
|
|
238
|
+
> `optional` **invalid**: `boolean`
|
|
239
|
+
|
|
240
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:43](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L43)
|
|
241
|
+
|
|
242
|
+
Whether the input value is invalid.
|
|
243
|
+
|
|
244
|
+
***
|
|
245
|
+
|
|
246
|
+
### invalidText?
|
|
247
|
+
|
|
248
|
+
> `optional` **invalidText**: `string`
|
|
249
|
+
|
|
250
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:45](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L45)
|
|
251
|
+
|
|
252
|
+
Text to show if the input is invalid e.g. an error message
|
|
253
|
+
|
|
254
|
+
***
|
|
255
|
+
|
|
256
|
+
### isDateUnavailable()?
|
|
257
|
+
|
|
258
|
+
> `optional` **isDateUnavailable**: (`date`) => `boolean`
|
|
259
|
+
|
|
260
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:46
|
|
261
|
+
|
|
262
|
+
Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
|
|
263
|
+
|
|
264
|
+
#### Parameters
|
|
265
|
+
|
|
266
|
+
##### date
|
|
267
|
+
|
|
268
|
+
`DateValue`
|
|
269
|
+
|
|
270
|
+
#### Returns
|
|
271
|
+
|
|
272
|
+
`boolean`
|
|
273
|
+
|
|
274
|
+
#### Inherited from
|
|
275
|
+
|
|
276
|
+
`Omit.isDateUnavailable`
|
|
277
|
+
|
|
278
|
+
***
|
|
279
|
+
|
|
280
|
+
### isDisabled?
|
|
281
|
+
|
|
282
|
+
> `optional` **isDisabled**: `boolean`
|
|
283
|
+
|
|
284
|
+
Defined in: node\_modules/@react-types/shared/src/inputs.d.ts:60
|
|
285
|
+
|
|
286
|
+
Whether the input is disabled.
|
|
287
|
+
|
|
288
|
+
#### Inherited from
|
|
289
|
+
|
|
290
|
+
`Omit.isDisabled`
|
|
291
|
+
|
|
292
|
+
***
|
|
293
|
+
|
|
294
|
+
### isInvalid?
|
|
295
|
+
|
|
296
|
+
> `optional` **isInvalid**: `boolean`
|
|
297
|
+
|
|
298
|
+
Defined in: node\_modules/@react-types/shared/src/inputs.d.ts:25
|
|
299
|
+
|
|
300
|
+
Whether the input value is invalid.
|
|
301
|
+
|
|
302
|
+
#### Inherited from
|
|
303
|
+
|
|
304
|
+
`Omit.isInvalid`
|
|
305
|
+
|
|
306
|
+
***
|
|
307
|
+
|
|
308
|
+
### isOpen?
|
|
309
|
+
|
|
310
|
+
> `optional` **isOpen**: `boolean`
|
|
311
|
+
|
|
312
|
+
Defined in: node\_modules/@react-types/overlays/src/index.d.ts:110
|
|
313
|
+
|
|
314
|
+
Whether the overlay is open by default (controlled).
|
|
315
|
+
|
|
316
|
+
#### Inherited from
|
|
317
|
+
|
|
318
|
+
`Omit.isOpen`
|
|
319
|
+
|
|
320
|
+
***
|
|
321
|
+
|
|
322
|
+
### isReadOnly?
|
|
323
|
+
|
|
324
|
+
> `optional` **isReadOnly**: `boolean`
|
|
325
|
+
|
|
326
|
+
Defined in: node\_modules/@react-types/shared/src/inputs.d.ts:62
|
|
327
|
+
|
|
328
|
+
Whether the input can be selected but not changed by the user.
|
|
329
|
+
|
|
330
|
+
#### Inherited from
|
|
331
|
+
|
|
332
|
+
`Omit.isReadOnly`
|
|
333
|
+
|
|
334
|
+
***
|
|
335
|
+
|
|
336
|
+
### isRequired?
|
|
337
|
+
|
|
338
|
+
> `optional` **isRequired**: `boolean`
|
|
339
|
+
|
|
340
|
+
Defined in: node\_modules/@react-types/shared/src/inputs.d.ts:23
|
|
341
|
+
|
|
342
|
+
Whether user input is required on the input before form submission.
|
|
343
|
+
|
|
344
|
+
#### Inherited from
|
|
345
|
+
|
|
346
|
+
`Omit.isRequired`
|
|
347
|
+
|
|
348
|
+
***
|
|
349
|
+
|
|
350
|
+
### ~~label?~~
|
|
351
|
+
|
|
352
|
+
> `optional` **label**: `string` \| `ReactElement`\<`any`, `string` \| `JSXElementConstructor`\<`any`\>\>
|
|
353
|
+
|
|
354
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:50](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L50)
|
|
355
|
+
|
|
356
|
+
The label for this DatePicker element
|
|
357
|
+
|
|
358
|
+
#### Deprecated
|
|
359
|
+
|
|
360
|
+
Use labelText instead
|
|
361
|
+
|
|
362
|
+
***
|
|
363
|
+
|
|
364
|
+
### labelText?
|
|
365
|
+
|
|
366
|
+
> `optional` **labelText**: `string` \| `ReactElement`\<`any`, `string` \| `JSXElementConstructor`\<`any`\>\>
|
|
367
|
+
|
|
368
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:52](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L52)
|
|
369
|
+
|
|
370
|
+
The label for this DatePicker element.
|
|
371
|
+
|
|
372
|
+
***
|
|
373
|
+
|
|
374
|
+
### light?
|
|
375
|
+
|
|
376
|
+
> `optional` **light**: `boolean`
|
|
377
|
+
|
|
378
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:54](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L54)
|
|
379
|
+
|
|
380
|
+
'true' to use the light version.
|
|
381
|
+
|
|
382
|
+
***
|
|
383
|
+
|
|
384
|
+
### maxDate?
|
|
385
|
+
|
|
386
|
+
> `optional` **maxDate**: `DateInputValue`
|
|
387
|
+
|
|
388
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:56](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L56)
|
|
389
|
+
|
|
390
|
+
The latest date it is possible to select
|
|
391
|
+
|
|
392
|
+
***
|
|
393
|
+
|
|
394
|
+
### maxValue?
|
|
395
|
+
|
|
396
|
+
> `optional` **maxValue**: `null` \| `DateValue`
|
|
397
|
+
|
|
398
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:44
|
|
399
|
+
|
|
400
|
+
The maximum allowed date that a user may select.
|
|
401
|
+
|
|
402
|
+
#### Inherited from
|
|
403
|
+
|
|
404
|
+
`Omit.maxValue`
|
|
405
|
+
|
|
406
|
+
***
|
|
407
|
+
|
|
408
|
+
### minDate?
|
|
409
|
+
|
|
410
|
+
> `optional` **minDate**: `DateInputValue`
|
|
411
|
+
|
|
412
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:58](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L58)
|
|
413
|
+
|
|
414
|
+
The earliest date it is possible to select
|
|
415
|
+
|
|
416
|
+
***
|
|
417
|
+
|
|
418
|
+
### minValue?
|
|
419
|
+
|
|
420
|
+
> `optional` **minValue**: `null` \| `DateValue`
|
|
421
|
+
|
|
422
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:42
|
|
423
|
+
|
|
424
|
+
The minimum allowed date that a user may select.
|
|
425
|
+
|
|
426
|
+
#### Inherited from
|
|
427
|
+
|
|
428
|
+
`Omit.minValue`
|
|
429
|
+
|
|
430
|
+
***
|
|
431
|
+
|
|
432
|
+
### onBlur()?
|
|
433
|
+
|
|
434
|
+
> `optional` **onBlur**: (`e`) => `void`
|
|
435
|
+
|
|
436
|
+
Defined in: node\_modules/@react-types/shared/src/events.d.ts:87
|
|
437
|
+
|
|
438
|
+
Handler that is called when the element loses focus.
|
|
439
|
+
|
|
440
|
+
#### Parameters
|
|
441
|
+
|
|
442
|
+
##### e
|
|
443
|
+
|
|
444
|
+
`FocusEvent`\<`Element`\>
|
|
445
|
+
|
|
446
|
+
#### Returns
|
|
447
|
+
|
|
448
|
+
`void`
|
|
449
|
+
|
|
450
|
+
#### Inherited from
|
|
451
|
+
|
|
452
|
+
`Omit.onBlur`
|
|
453
|
+
|
|
454
|
+
***
|
|
455
|
+
|
|
456
|
+
### onChange()?
|
|
457
|
+
|
|
458
|
+
> `optional` **onChange**: (`value`) => `void`
|
|
459
|
+
|
|
460
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:60](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L60)
|
|
461
|
+
|
|
462
|
+
Handler that is called when the value changes.
|
|
463
|
+
|
|
464
|
+
#### Parameters
|
|
465
|
+
|
|
466
|
+
##### value
|
|
467
|
+
|
|
468
|
+
\[`undefined` \| `null` \| `Date`, `undefined` \| `null` \| `Date`\]
|
|
469
|
+
|
|
470
|
+
#### Returns
|
|
471
|
+
|
|
472
|
+
`void`
|
|
473
|
+
|
|
474
|
+
***
|
|
475
|
+
|
|
476
|
+
### onChangeRaw()?
|
|
477
|
+
|
|
478
|
+
> `optional` **onChangeRaw**: (`value`) => `void`
|
|
479
|
+
|
|
480
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:62](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L62)
|
|
481
|
+
|
|
482
|
+
Handler that is called when the value changes. Note that this provides types from @internationalized/date.
|
|
483
|
+
|
|
484
|
+
#### Parameters
|
|
485
|
+
|
|
486
|
+
##### value
|
|
487
|
+
|
|
488
|
+
`null` | `DateRange`
|
|
489
|
+
|
|
490
|
+
#### Returns
|
|
491
|
+
|
|
492
|
+
`void`
|
|
493
|
+
|
|
494
|
+
***
|
|
495
|
+
|
|
496
|
+
### onFocus()?
|
|
497
|
+
|
|
498
|
+
> `optional` **onFocus**: (`e`) => `void`
|
|
499
|
+
|
|
500
|
+
Defined in: node\_modules/@react-types/shared/src/events.d.ts:85
|
|
501
|
+
|
|
502
|
+
Handler that is called when the element receives focus.
|
|
503
|
+
|
|
504
|
+
#### Parameters
|
|
505
|
+
|
|
506
|
+
##### e
|
|
507
|
+
|
|
508
|
+
`FocusEvent`\<`Element`\>
|
|
509
|
+
|
|
510
|
+
#### Returns
|
|
511
|
+
|
|
512
|
+
`void`
|
|
513
|
+
|
|
514
|
+
#### Inherited from
|
|
515
|
+
|
|
516
|
+
`Omit.onFocus`
|
|
517
|
+
|
|
518
|
+
***
|
|
519
|
+
|
|
520
|
+
### onFocusChange()?
|
|
521
|
+
|
|
522
|
+
> `optional` **onFocusChange**: (`isFocused`) => `void`
|
|
523
|
+
|
|
524
|
+
Defined in: node\_modules/@react-types/shared/src/events.d.ts:89
|
|
525
|
+
|
|
526
|
+
Handler that is called when the element's focus status changes.
|
|
527
|
+
|
|
528
|
+
#### Parameters
|
|
529
|
+
|
|
530
|
+
##### isFocused
|
|
531
|
+
|
|
532
|
+
`boolean`
|
|
533
|
+
|
|
534
|
+
#### Returns
|
|
535
|
+
|
|
536
|
+
`void`
|
|
537
|
+
|
|
538
|
+
#### Inherited from
|
|
539
|
+
|
|
540
|
+
`Omit.onFocusChange`
|
|
541
|
+
|
|
542
|
+
***
|
|
543
|
+
|
|
544
|
+
### onKeyDown()?
|
|
545
|
+
|
|
546
|
+
> `optional` **onKeyDown**: (`e`) => `void`
|
|
547
|
+
|
|
548
|
+
Defined in: node\_modules/@react-types/shared/src/events.d.ts:78
|
|
549
|
+
|
|
550
|
+
Handler that is called when a key is pressed.
|
|
551
|
+
|
|
552
|
+
#### Parameters
|
|
553
|
+
|
|
554
|
+
##### e
|
|
555
|
+
|
|
556
|
+
`KeyboardEvent`
|
|
557
|
+
|
|
558
|
+
#### Returns
|
|
559
|
+
|
|
560
|
+
`void`
|
|
561
|
+
|
|
562
|
+
#### Inherited from
|
|
563
|
+
|
|
564
|
+
`Omit.onKeyDown`
|
|
565
|
+
|
|
566
|
+
***
|
|
567
|
+
|
|
568
|
+
### onKeyUp()?
|
|
569
|
+
|
|
570
|
+
> `optional` **onKeyUp**: (`e`) => `void`
|
|
571
|
+
|
|
572
|
+
Defined in: node\_modules/@react-types/shared/src/events.d.ts:80
|
|
573
|
+
|
|
574
|
+
Handler that is called when a key is released.
|
|
575
|
+
|
|
576
|
+
#### Parameters
|
|
577
|
+
|
|
578
|
+
##### e
|
|
579
|
+
|
|
580
|
+
`KeyboardEvent`
|
|
581
|
+
|
|
582
|
+
#### Returns
|
|
583
|
+
|
|
584
|
+
`void`
|
|
585
|
+
|
|
586
|
+
#### Inherited from
|
|
587
|
+
|
|
588
|
+
`Omit.onKeyUp`
|
|
589
|
+
|
|
590
|
+
***
|
|
591
|
+
|
|
592
|
+
### onOpenChange()?
|
|
593
|
+
|
|
594
|
+
> `optional` **onOpenChange**: (`isOpen`) => `void`
|
|
595
|
+
|
|
596
|
+
Defined in: node\_modules/@react-types/overlays/src/index.d.ts:114
|
|
597
|
+
|
|
598
|
+
Handler that is called when the overlay's open state changes.
|
|
599
|
+
|
|
600
|
+
#### Parameters
|
|
601
|
+
|
|
602
|
+
##### isOpen
|
|
603
|
+
|
|
604
|
+
`boolean`
|
|
605
|
+
|
|
606
|
+
#### Returns
|
|
607
|
+
|
|
608
|
+
`void`
|
|
609
|
+
|
|
610
|
+
#### Inherited from
|
|
611
|
+
|
|
612
|
+
`Omit.onOpenChange`
|
|
613
|
+
|
|
614
|
+
***
|
|
615
|
+
|
|
616
|
+
### pageBehavior?
|
|
617
|
+
|
|
618
|
+
> `optional` **pageBehavior**: `PageBehavior`
|
|
619
|
+
|
|
620
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:74
|
|
621
|
+
|
|
622
|
+
Controls the behavior of paging. Pagination either works by advancing the visible page by visibleDuration (default) or one unit of visibleDuration.
|
|
623
|
+
|
|
624
|
+
#### Default
|
|
625
|
+
|
|
626
|
+
```ts
|
|
627
|
+
visible
|
|
628
|
+
```
|
|
629
|
+
|
|
630
|
+
#### Inherited from
|
|
631
|
+
|
|
632
|
+
`Omit.pageBehavior`
|
|
633
|
+
|
|
634
|
+
***
|
|
635
|
+
|
|
636
|
+
### placeholderValue?
|
|
637
|
+
|
|
638
|
+
> `optional` **placeholderValue**: `null` \| `CalendarDate`
|
|
639
|
+
|
|
640
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:48
|
|
641
|
+
|
|
642
|
+
A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight.
|
|
643
|
+
|
|
644
|
+
#### Inherited from
|
|
645
|
+
|
|
646
|
+
`Omit.placeholderValue`
|
|
647
|
+
|
|
648
|
+
***
|
|
649
|
+
|
|
650
|
+
### shouldCloseOnSelect?
|
|
651
|
+
|
|
652
|
+
> `optional` **shouldCloseOnSelect**: `boolean` \| () => `boolean`
|
|
653
|
+
|
|
654
|
+
Defined in: node\_modules/@react-stately/datepicker/dist/types.d.ts:171
|
|
655
|
+
|
|
656
|
+
Determines whether the date picker popover should close automatically when a date is selected.
|
|
657
|
+
|
|
658
|
+
#### Default
|
|
659
|
+
|
|
660
|
+
```ts
|
|
661
|
+
true
|
|
662
|
+
```
|
|
663
|
+
|
|
664
|
+
#### Inherited from
|
|
665
|
+
|
|
666
|
+
`Omit.shouldCloseOnSelect`
|
|
667
|
+
|
|
668
|
+
***
|
|
669
|
+
|
|
670
|
+
### shouldForceLeadingZeros?
|
|
671
|
+
|
|
672
|
+
> `optional` **shouldForceLeadingZeros**: `boolean`
|
|
673
|
+
|
|
674
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:62
|
|
675
|
+
|
|
676
|
+
Whether to always show leading zeros in the month, day, and hour fields.
|
|
677
|
+
By default, this is determined by the user's locale.
|
|
678
|
+
|
|
679
|
+
#### Inherited from
|
|
680
|
+
|
|
681
|
+
`Omit.shouldForceLeadingZeros`
|
|
682
|
+
|
|
683
|
+
***
|
|
684
|
+
|
|
685
|
+
### slot?
|
|
686
|
+
|
|
687
|
+
> `optional` **slot**: `null` \| `string`
|
|
688
|
+
|
|
689
|
+
Defined in: node\_modules/react-aria-components/dist/types.d.ts:70
|
|
690
|
+
|
|
691
|
+
A slot name for the component. Slots allow the component to receive props from a parent component.
|
|
692
|
+
An explicit `null` value indicates that the local props completely override all props received from a parent.
|
|
693
|
+
|
|
694
|
+
#### Inherited from
|
|
695
|
+
|
|
696
|
+
`Omit.slot`
|
|
697
|
+
|
|
698
|
+
***
|
|
699
|
+
|
|
700
|
+
### startName?
|
|
701
|
+
|
|
702
|
+
> `optional` **startName**: `string`
|
|
703
|
+
|
|
704
|
+
Defined in: node\_modules/@react-types/datepicker/src/index.d.ts:95
|
|
705
|
+
|
|
706
|
+
The name of the start date input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
|
|
707
|
+
|
|
708
|
+
#### Inherited from
|
|
709
|
+
|
|
710
|
+
`Omit.startName`
|
|
711
|
+
|
|
712
|
+
***
|
|
713
|
+
|
|
714
|
+
### style?
|
|
715
|
+
|
|
716
|
+
> `optional` **style**: `CSSProperties` \| (`values`) => `undefined` \| `CSSProperties`
|
|
717
|
+
|
|
718
|
+
Defined in: node\_modules/react-aria-components/dist/types.d.ts:47
|
|
719
|
+
|
|
720
|
+
The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.
|
|
721
|
+
|
|
722
|
+
#### Inherited from
|
|
723
|
+
|
|
724
|
+
`Omit.style`
|
|
725
|
+
|
|
726
|
+
***
|
|
727
|
+
|
|
728
|
+
### validate()?
|
|
729
|
+
|
|
730
|
+
> `optional` **validate**: (`value`) => `undefined` \| `null` \| `true` \| `ValidationError`
|
|
731
|
+
|
|
732
|
+
Defined in: node\_modules/@react-types/shared/src/inputs.d.ts:41
|
|
733
|
+
|
|
734
|
+
A function that returns an error message if a given value is invalid.
|
|
735
|
+
Validation errors are displayed to the user when the form is submitted
|
|
736
|
+
if `validationBehavior="native"`. For realtime validation, use the `isInvalid`
|
|
737
|
+
prop instead.
|
|
738
|
+
|
|
739
|
+
#### Parameters
|
|
740
|
+
|
|
741
|
+
##### value
|
|
742
|
+
|
|
743
|
+
`RangeValue`
|
|
744
|
+
|
|
745
|
+
#### Returns
|
|
746
|
+
|
|
747
|
+
`undefined` \| `null` \| `true` \| `ValidationError`
|
|
748
|
+
|
|
749
|
+
#### Inherited from
|
|
750
|
+
|
|
751
|
+
`Omit.validate`
|
|
752
|
+
|
|
753
|
+
***
|
|
754
|
+
|
|
755
|
+
### validationBehavior?
|
|
756
|
+
|
|
757
|
+
> `optional` **validationBehavior**: `"aria"` \| `"native"`
|
|
758
|
+
|
|
759
|
+
Defined in: node\_modules/react-aria-components/dist/types.d.ts:81
|
|
760
|
+
|
|
761
|
+
Whether to use native HTML form validation to prevent form submission
|
|
762
|
+
when the value is missing or invalid, or mark the field as required
|
|
763
|
+
or invalid via ARIA.
|
|
764
|
+
|
|
765
|
+
#### Default
|
|
766
|
+
|
|
767
|
+
```ts
|
|
768
|
+
'native'
|
|
769
|
+
```
|
|
770
|
+
|
|
771
|
+
#### Inherited from
|
|
772
|
+
|
|
773
|
+
`Omit.validationBehavior`
|
|
774
|
+
|
|
775
|
+
***
|
|
776
|
+
|
|
777
|
+
### value?
|
|
778
|
+
|
|
779
|
+
> `optional` **value**: \[`DateInputValue`, `DateInputValue`\]
|
|
780
|
+
|
|
781
|
+
Defined in: [packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx:64](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/datepicker/date-range/date-range-picker.component.tsx#L64)
|
|
782
|
+
|
|
783
|
+
The value (controlled)
|