@bitrise/bitkit 13.48.0 → 13.48.1-alpha.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.48.0",
+  "version": "13.48.1-alpha.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Dropdown/Dropdown.tsx

@@ -250,6 +250,7 @@ const Dropdown = forwardRef<Element, DropdownProps<string | null>>(
     {
       'aria-label': ariaLabel,
       buttonProps = {},
+      'data-testid': dataTestid,
       defaultValue,
       disabled,
       dropdownMaxHeight,
@@ -336,7 +337,7 @@ const Dropdown = forwardRef<Element, DropdownProps<string | null>>(
         <DropdownProvider context={dropdownCtx} styles={dropdownStyles}>
           <FormControl {...props} isDisabled={disabled} isInvalid={isError}>
             {label && (
-              <FormLabel htmlFor={disabled || readOnly ? undefined : buttonId} marginBlockEnd="4">
+              <FormLabel htmlFor={buttonId} marginBlockEnd="4">
                 {label}
               </FormLabel>
             )}
@@ -344,6 +345,7 @@ const Dropdown = forwardRef<Element, DropdownProps<string | null>>(
               {...referenceProps}
               {...buttonProps}
               aria-label={ariaLabel}
+              data-testid={dataTestid}
               id={buttonId}
               iconName={iconName}
               blurHandler={blurHandler}

package/src/Components/Dropdown/DropdownProps.ts

@@ -11,6 +11,7 @@ export interface DropdownProps<T> extends ChakraProps {
   'aria-label'?: string;
   buttonProps?: ChakraProps;
   children?: ReactNode;
+  'data-testid'?: string;
   defaultValue?: T;
   disabled?: boolean;
   dropdownMinHeight?: ChakraProps['minH'];

package/src/Components/Form/DateInput/DateInput.tsx

@@ -91,7 +91,11 @@ const DateInput = forwardRef<DateInputProps, 'div'>((props, ref) => {
   return (
     <DatePicker
       mode="day"
-      onApply={(day) => setValue(day?.toFormat(dateInputDateFormat) || '')}
+      onApply={(day) => {
+        const newVal = day?.toFormat(dateInputDateFormat) || '';
+        onChange?.(newVal);
+        setValue(newVal);
+      }}
       onClose={() => setIsDatePickerVisible(false)}
       selectable={selectable}
       selected={currentDate}