DateTimeInputWidget: Use 'clear' icon to clear input

Also removing unnecessary indicator overrides.

Bug: T212022
Change-Id: Ie962138811aff03d72ea29eb260131c37067456b

diff --git a/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.js b/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.js
index ef7cea9..545bf40 100644 (file)
--- a/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.js
+++ b/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.js
@@ -423,7 +423,7 @@
                        this.clearButton = new OO.ui.ButtonWidget( {
                                classes: [ 'mw-widgets-datetime-dateTimeInputWidget-field', 'mw-widgets-datetime-dateTimeInputWidget-clearButton' ],
                                framed: false,
-                               icon: 'trash',
+                               icon: 'clear',
                                disabled: disabled
                        } ).connect( this, {
                                click: 'onClearClick'

diff --git a/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less b/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less
index 370a19f..2b61b65 100644 (file)
--- a/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less
+++ b/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less
@@ -56,11 +56,6 @@
 
                > .oo-ui-indicatorElement-indicator {
                        right: @padding-horizontal-base;
-                       min-width: @min-size-indicator;
-                       width: @size-indicator;
-                       min-height: @min-size-indicator;
-                       height: @size-indicator;
-                       max-height: @size-base;
                }
        }
 
@@ -107,6 +102,10 @@
 
        &-clearButton {
                padding-top: 0;
+
+               .oo-ui-iconElement-icon {
+                       background-size: @size-indicator @size-indicator;
+               }
        }
 
        &.oo-ui-widget-enabled {