fix: DatePicker icon overlap

[giuliana-gladeye]

Linear ticket:
Normalize DateRangePicker width across layouts

To normalize the appearance of the Date Range Picker across different layouts, a minimum width of 16rem is applied. This helps ensure consistency and alignment regardless of the surrounding container size.

[Shrinks99]

I think we went about this with the wrong fix. I've reverted the minimum width and instead applied the calendar icon and close button in the prefix and suffix slots of the button.

Ultimately, using a button for this is the wrong component, it should be a field with an icon button to enable the date picker. Will make an issue for this and fix another time, until then these fixes should work. The component should also specify a range or single date for the user to pick as well as options for limiting the pickable dates / ranges. These should also use the ISO date format of YYYY-MM-DD — something we should standardize everywhere. Always more to do! 🙃

EDIT: Actually all of the above are features of the default input component?? Why aren't we using that?