[Feature Request] Add selectorButtonPlacement prop to DatePicker component

[maxsynnott]

Is your feature request related to a problem? Please describe.

Currently the DatePicker component always renders the selectorButton on the right side of the input and there is no way of changing this placement.

I suggest adding a prop to allow the placement to be modified

I think this feature is pretty necessary to align with other inputs that are using icons in their startContent prop.

Describe the solution you'd like

I think there should be a new prop on the DatePicker component like so:

selectorButtonPlacement?: "left" | "right" // default "right"

Describe alternatives you've considered

I've currently hacked around it using css but it's not pretty

<DatePicker
    ...
    className="date-picker-left-selector-button"
    ...
/>

.date-picker-left-selector-button [data-slot="inner-wrapper"] {
    flex-direction: row-reverse;
    column-gap: 0;
}

.date-picker-left-selector-button [data-slot="selector-button"] {
    justify-content: start;
}

Screenshots or Videos

No response

[linear[bot]]

ENG-846 [Feature Request] Change placement of selectorButton on DatePicker component