Could it be that the value 2019-08-26 is only 10 characters so don't need to be wider?

1. consistency
2. the hint text is truncated

One of this template limitations.
In 3.x, we display the full format of the date to be entered for any language.

If the placeholder is truncated, which is the case before or after this PR, it is just useless.

Modifying globally the font-size and padding to something like
padding: 0.2rem 0.2rem;
font-size: 0.9rem;

would solve the issue, and this should be done imho in general in this template to get a better UI

I agree that the font size and paddings are a little bit to large in the new template "here and there". Just a little bit more consistency would be great.

Aren't the standard inputs set to 100% width so that the parent will dictate the width?

@C-Lodder you would be correct in thinking so but there is also a min-width set on the input of these filters AND for the calendar field it is an input with an additional button appended.

Don't care how its fixed but it should be fixed and instead of sitting there and moaning I tried to fix it

@brianteeman That's fine. Was just asking as this looks like a very dirty fix.

yes it is a dirty fix - all my css is like that. :(

I have tested this item ? unsuccessfully on cb3378b

Did not change the width of the filter box

@opn365 did you run npm i

@brianteeman

@opn365 did you run npm i

did not for initial test but then ran npm and seemed to get the same result. (i was testing using pbf preloaded instance)

i would like add a css in the template.css with min-with, not font-size. eg:
.field-calendar > .input-group .form-control{ min-width: 15rem; }

applied patch, run pm i, patch works but I think the input is still too small

I have tested this item ✅ successfully on cb3378b

apply patch
run npm i
patch work
but I think the input is still too small

I have tested this item ✅ successfully on cb3378b

I have tested this and its working correctly

While it looks good in English, it doesn't align in French (and possibility other languages) since the dropdown's width depends on the label's length and not a fixed width. Accessibility-wise, I assume it would be better to read the placeholder.