fix: make name, classNamePrefix fallback to inputId

Author: eshankvaish

src/Shared/Components/SelectPicker/SelectPicker.component.tsx

@@ -125,6 +125,8 @@ const SelectPicker = ({
     disableDescriptionEllipsis = false,
     multiSelectProps = {},
     isMulti,
+    name,
+    classNamePrefix,
     ...props
 }: SelectPickerProps) => {
     const { inputId, required, isDisabled, controlShouldRenderValue } = props
@@ -224,6 +226,8 @@ const SelectPicker = ({
                             <CreatableSelect<SelectPickerOptionType, true>
                                 {...props}
                                 isMulti
+                                name={name || inputId}
+                                classNamePrefix={classNamePrefix || inputId}
                                 placeholder={placeholder}
                                 components={{
                                     IndicatorSeparator: null,
@@ -254,6 +258,8 @@ const SelectPicker = ({
                         ) : (
                             <ReactSelect<SelectPickerOptionType, false>
                                 {...props}
+                                name={name || inputId}
+                                classNamePrefix={classNamePrefix || inputId}
                                 placeholder={placeholder}
                                 components={{
                                     IndicatorSeparator: null,

src/Shared/Components/SelectPicker/type.ts

@@ -27,6 +27,8 @@ type SelectProps = ReactSelectProps<SelectPickerOptionType>
 
 export type SelectPickerProps = Pick<
     SelectProps,
+    | 'name'
+    | 'classNamePrefix'
     | 'options'
     | 'value'
     | 'onChange'
@@ -45,7 +47,7 @@ export type SelectPickerProps = Pick<
     | 'getOptionValue'
     | 'isOptionSelected'
 > &
-    Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> & {
+    Required<Pick<SelectProps, 'inputId'>> & {
         /**
          * Icon to be rendered in the control
          */