Correctly display RTL dates in Print Preview.

Use the locale's RTL direction in Print Preview's header/footer template.

Bug: 906521
Change-Id: I97d2f8d30be8bfe26f4260df05fe26138655c487
Reviewed-on: https://chromium-review.googlesource.com/c/1354568
Commit-Queue: Lei Zhang <thestig@chromium.org>
Reviewed-by: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#613370}

components/printing/renderer/print_render_frame_helper.cc

@@ -13,6 +13,7 @@
 #include <utility>
 
 #include "base/auto_reset.h"
+#include "base/i18n/rtl.h"
 #include "base/json/json_writer.h"
 #include "base/location.h"
 #include "base/logging.h"
@@ -721,6 +722,7 @@ void PrintRenderFrameHelper::PrintHeaderAndFooter(
   options->SetString("title", title.empty() ? params.title : title);
   options->SetString("headerTemplate", params.header_template);
   options->SetString("footerTemplate", params.footer_template);
+  options->SetBoolean("isRtl", base::i18n::IsRTL());
 
   ExecuteScript(frame, kPageSetupScriptFormat, *options);
 

components/printing/resources/print_header_footer_template_page.html

@@ -82,8 +82,11 @@ function setupHeaderFooterTemplate(options) {
 
   options.date = new Date(options.date).toLocaleDateString();
   for (const cssClass of ['date', 'title', 'url', 'pageNumber', 'totalPages']) {
-    for (const element of document.querySelectorAll(`.${cssClass}`))
+    for (const element of document.querySelectorAll(`.${cssClass}`)) {
       element.textContent = options[cssClass];
+      if (options.isRtl)
+        element.dir = 'rtl';
+    }
   }
 }