Wizard: Add timezone structure to store and mapper

This creates structure and actions for the timezone customization in the wizardSlice and requestMapper.

src/Components/CreateImageWizard/utilities/requestMapper.ts

@@ -76,6 +76,8 @@ import {
   selectFirstBootScript,
   selectMetadata,
   initialState,
+  selectTimezone,
+  selectNtpServers,
   selectLanguages,
   selectKeyboard,
 } from '../../../store/wizardSlice';
@@ -304,6 +306,10 @@ function commonRequestToState(
     kernel: {
       append: request.customizations?.kernel?.append || '',
     },
+    timezone: {
+      timezone: request.customizations.timezone?.timezone || '',
+      ntpservers: request.customizations.timezone?.ntpservers || [],
+    },
   };
 }
 
@@ -501,7 +507,7 @@ const getCustomizations = (state: RootState, orgID: string): Customizations => {
       ? { append: selectKernel(state).append }
       : undefined,
     groups: undefined,
-    timezone: undefined,
+    timezone: getTimezone(state),
     locale: getLocale(state),
     firewall: undefined,
     installation_device: undefined,
@@ -586,6 +592,20 @@ const getPackages = (state: RootState) => {
   }
 };
 
+const getTimezone = (state: RootState) => {
+  const timezone = selectTimezone(state);
+  const ntpservers = selectNtpServers(state);
+
+  if (!timezone && ntpservers?.length === 0) {
+    return undefined;
+  } else {
+    return {
+      timezone: timezone ? timezone : undefined,
+      ntpservers: ntpservers && ntpservers.length > 0 ? ntpservers : undefined,
+    };
+  }
+};
+
 const getSubscription = (
   state: RootState,
   orgID: string