DateTimeInputWidget: Set `max-width` equivalent to calendar popup

Input fields should provide as much width as user input is needed or
in this case a little more to be aligned with inherently connected
calendar widget.

Bug: T213785
Change-Id: Id316af701cd054ed29603ffa38af9238a39cb50e

diff --git a/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less b/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less
index a6b6de4..042d795 100644 (file)
--- a/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less
+++ b/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less
@@ -5,7 +5,8 @@
        display: inline-block;
        position: relative;
        width: 100%;
-       max-width: @max-width-input;
+       // Hack: Set maximum width equivalent to DateInputWidgets calendar popup
+       max-width: 24.275em;
        .oo-ui-inline-spacing( 0.5em );
        vertical-align: middle;