@box/blueprint-web 17.15.0 → 17.15.2

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.
@@ -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--b164e","label":"bp_date_picker_module_label--b164e","group":"bp_date_picker_module_group--b164e","disabled":"bp_date_picker_module_disabled--b164e","groupContainer":"bp_date_picker_module_groupContainer--b164e","error":"bp_date_picker_module_error--b164e","groupContainerInput":"bp_date_picker_module_groupContainerInput--b164e","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--b164e","button":"bp_date_picker_module_button--b164e","clear":"bp_date_picker_module_clear--b164e","inlineError":"bp_date_picker_module_inlineError--b164e","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--b164e"};
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
  */