[Feature Request] dcc.DatePickerRange inputs should take 100% width by default

[Farkites]

Is your feature request related to a problem? Please describe.
In Dash v4 the inputs of the dcc.DatePickerRange component (start-date and end-date) have a hardcoded width of 76px. This doesn't look good when the component is wide (let's say 500px).

Describe the solution you'd like
By default these inputs should take the full width of the component.

Describe alternatives you've considered
It's possible to style this easily by setting the properties

start_date_id='start-date',
end_date_id='end-date',

and styling them with:

#start-date, #end-date {
  width: 50% !important;
}

It would be nice if this was the default.

[AnnMarieW]

Personally, I prefer the default and I think the proposed update would be a breaking change. That said I'm interested to hear what others think about this too.

Note that the current width is not strictly 76px since expands to accommodate other date formats. Here's an example with the default and the proposal with a different date format:

current default:

width=50%

dcc.DatePickerRange(
    start_date="2021-08-01",
    end_date="2021-08-02",
    display_format='MMMM DD, YYYY',
)

[KoolADE85]

We did go through several design iterations before landing on the current styles, so I hesitate on this one. Since the styles can be customized more easily now, I would recommend custom styles for this case.

If this becomes a longstanding annoyance we can revisit. But I'd want to see a few complaints on this ticket before changing the approved design.