MC-40240: Product grid date filters does not work for en_GB locale

Author: tsviklinskyi

app/code/Magento/Ui/Component/Filters.php

@@ -5,6 +5,8 @@
  */
 namespace Magento\Ui\Component;
 
+use Magento\Framework\App\ObjectManager;
+use Magento\Framework\Stdlib\DateTime\TimezoneInterface;
 use Magento\Framework\View\Element\UiComponent\ContextInterface;
 use Magento\Framework\View\Element\UiComponent\ObserverInterface;
 use Magento\Framework\View\Element\UiComponentFactory;
@@ -47,16 +49,42 @@ class Filters extends AbstractComponent implements ObserverInterface
     protected $uiComponentFactory;
 
     /**
-     * @inheritDoc
+     * @var TimezoneInterface
+     */
+    private $localeDate;
+
+    /**
+     * Filters constructor.
+     *
+     * @param ContextInterface $context
+     * @param UiComponentFactory $uiComponentFactory
+     * @param array $components
+     * @param array $data
+     * @param TimezoneInterface|null $localeDate
      */
     public function __construct(
         ContextInterface $context,
         UiComponentFactory $uiComponentFactory,
         array $components = [],
-        array $data = []
+        array $data = [],
+        ?TimezoneInterface $localeDate = null
     ) {
         parent::__construct($context, $components, $data);
         $this->uiComponentFactory = $uiComponentFactory;
+        $this->localeDate = $localeDate ?? ObjectManager::getInstance()->get(TimezoneInterface::class);
+    }
+
+    /**
+     * @inheritDoc
+     */
+    public function prepare()
+    {
+        $config = $this->getData('config');
+        // Set date format pattern by current locale
+        $localeDateFormat = $this->localeDate->getDateFormat();
+        $config['options']['dateFormat'] = $localeDateFormat;
+        $this->setData('config', $config);
+        parent::prepare();
     }
 
     /**

app/code/Magento/Ui/view/base/web/js/grid/filters/filters.js

@@ -124,7 +124,10 @@ define([
          *
          * @returns {Filters} Chainable.
          */
-        initialize: function () {
+        initialize: function (config) {
+            if (typeof config.options !== 'undefined' && config.options.dateFormat) {
+                this.constructor.defaults.templates.filters.dateRange.dateFormat = config.options.dateFormat;
+            }
             _.bindAll(this, 'updateActive');
 
             this._super()

app/code/Magento/Ui/view/base/web/js/grid/filters/range.js

@@ -59,7 +59,10 @@ define([
          *
          * @returns {Range} Chainable.
          */
-        initialize: function () {
+        initialize: function (config) {
+            if (config.dateFormat) {
+                this.constructor.defaults.templates.date.pickerDefaultDateFormat = config.dateFormat;
+            }
             this._super()
                 .initChildren();