Add Date and time screen

Add a date time screen to the Web UI.

This screen makes it possible to both observe & set date and time as
well ass related values.

ui/webui/src/components/AnacondaWizard.jsx

@@ -36,6 +36,7 @@ import { InstallationDestination, applyDefaultStorage } from "./storage/Installa
 import { StorageConfiguration, getScenario, getDefaultScenario } from "./storage/StorageConfiguration.jsx";
 import { DiskEncryption, StorageEncryptionState } from "./storage/DiskEncryption.jsx";
 import { InstallationLanguage } from "./localization/InstallationLanguage.jsx";
+import { DateAndTime } from "./time/DateAndTime.jsx";
 import { InstallationProgress } from "./installation/InstallationProgress.jsx";
 import { ReviewConfiguration, ReviewConfigurationConfirmModal } from "./review/ReviewConfiguration.jsx";
 import { exitGui } from "../helpers/exit.js";
@@ -58,8 +59,14 @@ export const AnacondaWizard = ({ onAddErrorNotification, toggleContextHelp, hide
  id: "installation-language",
  label: _("Welcome"),
  },
- // TODO: rename InstallationDestination component and its file ?
  {
+ component: DateAndTime,
+ id: "date-and-time",
+ label: _("Date and time"),
+ },
+ {
+ component: InstallationDestination,
+ // TODO: rename InstallationDestination component and its file ?
  id: "installation-destination",
  label: _("Installation destination"),
  steps: [{

ui/webui/src/components/app.jsx

@@ -31,6 +31,7 @@ import { HelpDrawer } from "./HelpDrawer.jsx";
 import { BossClient } from "../apis/boss.js";
 import { LocalizationClient } from "../apis/localization.js";
 import { StorageClient } from "../apis/storage.js";
+import { TimezoneClient } from "../apis/timezone.js";
 import { PayloadsClient } from "../apis/payloads";
 
 import { readBuildstamp, getIsFinal } from "../helpers/betanag.js";
@@ -52,6 +53,7 @@ export const Application = () => {
  const clients = [
  new LocalizationClient(address),
  new StorageClient(address),
+ new TimezoneClient(address),
  new PayloadsClient(address),
  new BossClient(address)
  ];