Remove Right-Side Icon for {Select} Component

[dreamjet31]

Description
I am using the {Select} component from Mantine and would like to have an option to remove the right-side dropdown icon. Currently, it seems that the icon is always rendered, and I couldn't find a prop to disable or hide it in the documentation.

Proposed Feature
Introduce a prop (e.g., hideIcon or icon={null}) to allow developers to remove the dropdown icon when it's not needed.

Use Case
This would be helpful for scenarios where:

• A cleaner design is desired without the dropdown icon.
• The component is customized, and the default icon clashes with the design.

Additional Information
Here’s an example of how it could look:

<Select
  data={['Option 1', 'Option 2']}
  hideIcon // New prop to hide the icon
/>

Thank you for considering this feature request! Let me know if there's already a way to achieve this that I may have missed.

---

Let me know if you’d like further refinements before submitting!

[rtivital]

You can do that with rightSection={<span />}

[dreamjet31]

Thank you @rtivital

[dreamjet31]

Thank you @rtivital , but I am still facing issues in mobile devices

<td className="p-3 w-[120px]">
  <Select
    size="md"
    className="w-full"
    value={shift.lunchBreak?.toString()}
    rightSection={<span />}
    onChange={(value) => {
      if (value) {
        handleShiftUpdate(index, 'lunchBreak', Number(value));
      }
    }}
    data={[
      { value: '0', label: '0m' },
      { value: '30', label: '30m' },
      { value: '45', label: '45m' },
      { value: '60', label: '60m' },
    ]}
  />
</td>

This component appears as follows on mobile devices:

Issues Identified:

• The right-side icon is not being removed on mobile devices.
• Dropdown elements are not displaying properly on mobile devices.

Could you advise on how to resolve these issues?

[rtivital]

1. I cannot reproduce that – https://codesandbox.io/p/sandbox/mantine-react-template-forked-x8ty6h
2. Change dropdown width to fit your options – https://mantine.dev/core/select/#dropdown-width