@box/blueprint-web 17.14.2 → 17.15.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/dist/lib-esm/components.css +199 -296
- package/dist/lib-esm/date-picker/date-picker.js +3 -1
- package/dist/lib-esm/date-picker/date-picker.module.js +1 -1
- package/dist/lib-esm/date-picker/types.d.ts +6 -1
- package/dist/lib-esm/index.css +199 -296
- package/dist/lib-esm/primitives/link/link.js +0 -1
- package/dist/lib-esm/primitives/link/link.module.js +1 -1
- package/dist/lib-esm/primitives/tabs/tab-list.js +0 -2
- package/dist/lib-esm/primitives/tabs/tabs.module.js +1 -1
- package/dist/lib-esm/util-components/labelable/useLabelable.js +6 -3
- package/package.json +3 -3
|
@@ -41,6 +41,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
41
41
|
hideLabel = false,
|
|
42
42
|
label,
|
|
43
43
|
openCalendarDropdownAriaLabel,
|
|
44
|
+
required = false,
|
|
44
45
|
clearDatePickerAriaLabel,
|
|
45
46
|
error,
|
|
46
47
|
isOpen: isOpenProp,
|
|
@@ -157,7 +158,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
157
158
|
event.preventDefault();
|
|
158
159
|
}, []);
|
|
159
160
|
const displayValue = value !== undefined ? value : internalValue;
|
|
160
|
-
const Label = useLabelable(label, '');
|
|
161
|
+
const Label = useLabelable(label, '', required);
|
|
161
162
|
const inlineErrorId = useUniqueId('inline-error-');
|
|
162
163
|
const ariaDescribedBy = clsx(rest['aria-describedby'], {
|
|
163
164
|
[inlineErrorId]: hasError
|
|
@@ -176,6 +177,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
176
177
|
"data-modern": 'true' ,
|
|
177
178
|
isDisabled: isDisabled,
|
|
178
179
|
isInvalid: hasError,
|
|
180
|
+
isRequired: required,
|
|
179
181
|
onChange: onDatePickerValueChanged,
|
|
180
182
|
value: displayValue,
|
|
181
183
|
children: [jsx(Label, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"datePicker":"bp_date_picker_module_datePicker--
|
|
2
|
+
var styles = {"datePicker":"bp_date_picker_module_datePicker--464ce","label":"bp_date_picker_module_label--464ce","group":"bp_date_picker_module_group--464ce","disabled":"bp_date_picker_module_disabled--464ce","groupContainer":"bp_date_picker_module_groupContainer--464ce","error":"bp_date_picker_module_error--464ce","groupContainerInput":"bp_date_picker_module_groupContainerInput--464ce","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--464ce","button":"bp_date_picker_module_button--464ce","clear":"bp_date_picker_module_clear--464ce","inlineError":"bp_date_picker_module_inlineError--464ce","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--464ce"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -3,7 +3,7 @@ import { type CalendarBase } from '../primitives/calendar/types';
|
|
|
3
3
|
import { type InputValueProps } from '../types/input-value-props';
|
|
4
4
|
import { type Modify } from '../types/modify';
|
|
5
5
|
import { type Labelable } from '../util-components/labelable/types';
|
|
6
|
-
interface DatePickerPropsBase extends Omit<RACDatePickerProps<DateValue>, 'children' | 'isOpen' | 'onOpenChange' | 'defaultOpen'>, Labelable {
|
|
6
|
+
interface DatePickerPropsBase extends Omit<RACDatePickerProps<DateValue>, 'children' | 'isOpen' | 'onOpenChange' | 'defaultOpen' | 'isRequired'>, Labelable {
|
|
7
7
|
/**
|
|
8
8
|
* When `true`, label text is hidden.
|
|
9
9
|
*
|
|
@@ -14,6 +14,11 @@ interface DatePickerPropsBase extends Omit<RACDatePickerProps<DateValue>, 'child
|
|
|
14
14
|
* Aria label for button opening calendar in DatePicker
|
|
15
15
|
*/
|
|
16
16
|
openCalendarDropdownAriaLabel: string;
|
|
17
|
+
/**
|
|
18
|
+
* When true it indicates DatePicker input must be filled out
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
required?: boolean;
|
|
17
22
|
/**
|
|
18
23
|
* Aria label for button clearing DatePicker input
|
|
19
24
|
*/
|