diff --git a/example/app/data/DemoDataSource/plugins/job/recurringReverseJob.json b/example/app/data/DemoDataSource/plugins/job/recurringReverseJob.json
new file mode 100644
index 000000000..b5470ffac
--- /dev/null
+++ b/example/app/data/DemoDataSource/plugins/job/recurringReverseJob.json
@@ -0,0 +1,29 @@
+{
+  "_id": "6303cc68-4b9f-40a9-bd4c-a48c35815e06",
+  "name": "recurringExampleJob",
+  "label": "Recurring example job",
+  "type": "JOBCORE:RecurringJob",
+  "status": "not started",
+  "schedule": {
+    "type": "JOBCORE:CronJob",
+    "cron": "30 */1 * * *",
+    "runs": []
+  },
+  "applicationInput": {
+    "name": "exampleJob",
+    "type": "JOBCORE:Job",
+    "status": "not started",
+    "applicationInput": {
+      "type": "CORE:Reference",
+      "address": "dmss://DemoDataSource/$5203cc68-4b9f-40a9-bd4c-a48c35815e06",
+      "referenceType": "link"
+    },
+    "label": "Example job",
+    "runner": {
+      "type": "JOBCORE:ReverseDescription"
+    }
+  },
+  "runner": {
+    "type": "JOBCORE:RecurringJobHandler"
+  }
+}
diff --git a/example/app/data/DemoDataSource/recipes/recurringJob.recipe.json b/example/app/data/DemoDataSource/recipes/recurringJob.recipe.json
new file mode 100644
index 000000000..04d9c8cdc
--- /dev/null
+++ b/example/app/data/DemoDataSource/recipes/recurringJob.recipe.json
@@ -0,0 +1,138 @@
+{
+  "type": "CORE:RecipeLink",
+  "_blueprintPath_": "JOBCORE:RecurringJob",
+  "initialUiRecipe": {
+    "name": "Dashboard",
+    "type": "CORE:UiRecipe",
+    "config": {
+      "type": "PLUGINS:dm-core-plugins/grid/GridPluginConfig",
+      "items": [
+        {
+          "type": "PLUGINS:dm-core-plugins/grid/GridItem",
+          "gridArea": {
+            "type": "PLUGINS:dm-core-plugins/grid/GridArea",
+            "columnEnd": 1,
+            "columnStart": 1,
+            "rowEnd": 1,
+            "rowStart": 1
+          },
+          "title": "Edit job",
+          "viewConfig": {
+            "type": "CORE:InlineRecipeViewConfig",
+            "recipe": {
+              "name": "Job Edit",
+              "type": "CORE:UiRecipe",
+              "config": {
+                "type": "PLUGINS:dm-core-plugins/form/FormInput",
+                "attributes": [
+                  {
+                    "name": "uid",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/StringField",
+                    "readOnly": true
+                  },
+                  {
+                    "name": "started",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/StringField",
+                    "readOnly": true
+                  },
+                  {
+                    "name": "stopped",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/StringField",
+                    "readOnly": true
+                  },
+                  {
+                    "name": "ended",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/StringField",
+                    "readOnly": true,
+                    "widget": "DateTimeWidget"
+                  },
+                  {
+                    "name": "status",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/StringField",
+                    "readOnly": true
+                  },
+                  {
+                    "name": "triggeredBy",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/StringField",
+                    "readOnly": true
+                  },
+                  {
+                    "name": "outputTarget",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/StringField",
+                    "widget": "EntityPickerWidget"
+                  },
+                  {
+                    "name": "applicationInput",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/ObjectField",
+                    "showExpanded": false
+                  },
+                  {
+                    "name": "runner",
+                    "type": "PLUGINS:dm-core-plugins/form/fields/ObjectField",
+                    "searchByType": true,
+                    "showExpanded": false
+                  }
+                ],
+                "fields": [
+                  "uid",
+                  "name",
+                  "label",
+                  "triggeredBy",
+                  "status",
+                  "started",
+                  "stopped",
+                  "ended",
+                  "outputTarget",
+                  "applicationInput",
+                  "runner"
+                ]
+              },
+              "plugin": "@development-framework/dm-core-plugins/form"
+            }
+          }
+        },
+        {
+          "type": "PLUGINS:dm-core-plugins/grid/GridItem",
+          "gridArea": {
+            "type": "PLUGINS:dm-core-plugins/grid/GridArea",
+            "columnEnd": 1,
+            "columnStart": 1,
+            "rowEnd": 2,
+            "rowStart": 2
+          },
+          "title": "Control job",
+          "viewConfig": {
+            "type": "CORE:InlineRecipeViewConfig",
+            "recipe": {
+              "name": "job-control",
+              "type": "CORE:UiRecipe",
+              "config": {
+                "type": "PLUGINS:dm-core-plugins/job/ControlConfig",
+                "runnerTemplates": [
+                  {
+                    "type": "PLUGINS:dm-core-plugins/common/Template",
+                    "label": "Hello world",
+                    "path": "dmss://DemoDataSource/plugins/job/helloWorldLocalContainerRunner"
+                  },
+                  {
+                    "type": "PLUGINS:dm-core-plugins/common/Template",
+                    "label": "Reverse description",
+                    "path": "dmss://DemoDataSource/plugins/job/reverseDescriptionRunner"
+                  }
+                ]
+              },
+              "plugin": "@development-framework/dm-core-plugins/job"
+            }
+          }
+        }
+      ],
+      "showItemBorders": true,
+      "size": {
+        "type": "PLUGINS:dm-core-plugins/grid/GridSize",
+        "columns": 1,
+        "rows": 2
+      }
+    },
+    "plugin": "@development-framework/dm-core-plugins/grid"
+  }
+}
diff --git a/packages/dm-core-plugins/src/job/CronJob.tsx b/packages/dm-core-plugins/src/job/CronJob.tsx
index 1d9a2c5fc..15d45cbd4 100644
--- a/packages/dm-core-plugins/src/job/CronJob.tsx
+++ b/packages/dm-core-plugins/src/job/CronJob.tsx
@@ -5,16 +5,11 @@ import {
   TextField,
   Typography,
 } from '@equinor/eds-core-react'
-import { ChangeEvent, useEffect, useState } from 'react'
+import { ChangeEvent, useState } from 'react'
 import styled from 'styled-components'
 import DateRangePicker from './DateRangePicker'
-
-enum EInterval {
-  HOURLY = 'Hourly',
-  DAILY = 'Daily',
-  WEEKLY = 'Weekly',
-  MONTHLY = 'Monthly',
-}
+import { EInterval, TCronValues } from './common'
+import { defaultCronValues } from './templateEntities'
 
 // Creates a list like ["00:00",...,"24:00"]
 function generateSelectableTimes(): string[] {
@@ -34,60 +29,49 @@ const InputWrapper = styled.div`
 
 export function ConfigureSchedule(props: {
   isRegistered: boolean
-  // TODO: Export TCronJob from dm-core
+  setCronValues: (s: TCronValues) => void
+  cronValues: TCronValues
   setSchedule: (s: TSchedule) => void
   schedule: TSchedule
   readOnly: boolean // TODO: Implement this
 }) {
-  const { setSchedule, schedule, isRegistered } = props
-  const [interval, setInterval] = useState<EInterval>(EInterval.HOURLY)
-  const [hour, setHour] = useState<string>('23')
-  const [hourStep, setHourStep] = useState<string>('1')
-  const [minute, setMinute] = useState<string>('30')
+  const { setCronValues, cronValues, isRegistered, schedule, setSchedule } =
+    props
   const [showAdvanced, setShowAdvanced] = useState<boolean>(false)
 
   const getLabel = () => {
-    if (interval === 'Weekly') {
+    if (cronValues.interval === 'Weekly') {
+      return (
+        <small>
+          Will run every sunday at {cronValues.hour + ':' + cronValues.minute}{' '}
+          O'clock. cron: <code>{schedule.cron}</code>
+        </small>
+      )
+    } else if (cronValues.interval === 'Monthly') {
+      return (
+        <small>
+          Will run on the 1st on every month at{' '}
+          {cronValues.hour + ':' + cronValues.minute} O'clock. cron:{' '}
+          <code>{schedule.cron}</code>
+        </small>
+      )
+    } else if (cronValues.interval === 'Daily') {
       return (
-        <small>Will run every sunday at {hour + ':' + minute} O'clock</small>
+        <small>
+          Will run at {cronValues.hour + ':' + cronValues.minute} O'clock every
+          day. cron: <code>{schedule.cron}</code>
+        </small>
       )
-    } else if (interval === 'Monthly') {
+    } else if (cronValues.interval === 'Hourly') {
       return (
         <small>
-          Will run on the 1st on every month at {hour + ':' + minute} O'clock
+          Will run every {cronValues.hourStep} hour. cron:{' '}
+          <code>{schedule.cron}</code>
         </small>
       )
-    } else if (interval === 'Daily') {
-      return <small>Will run at {hour + ':' + minute} O'clock every day</small>
-    } else if (interval === 'Hourly') {
-      return <small>Will run every {hourStep} hour</small>
     }
   }
 
-  useEffect(() => {
-    const newMinute = minute
-    let newHour = hour
-    let dayOfMonth = '*'
-    const month = '*'
-    let dayOfWeek = '*'
-
-    switch (interval) {
-      case EInterval.WEEKLY:
-        dayOfMonth = '*'
-        dayOfWeek = '6'
-        break
-      case EInterval.MONTHLY:
-        dayOfMonth = '1'
-        break
-      case EInterval.HOURLY:
-        newHour = hourStep ? `*/${hourStep}` : '*'
-    }
-    setSchedule({
-      ...schedule,
-      cron: `${newMinute} ${newHour} ${dayOfMonth} ${month} ${dayOfWeek}`,
-    })
-  }, [interval, hour, minute, hourStep])
-
   return (
     <div
       style={{
@@ -113,67 +97,85 @@ export function ConfigureSchedule(props: {
         />
         <InputWrapper>
           {showAdvanced ? (
-            <TextField
-              style={{ maxWidth: '400px' }}
-              unit='cron'
-              id='advanced-schedule-syntax'
-              type='text'
-              defaultValue={schedule.cron}
-              onChange={(event: ChangeEvent<HTMLInputElement>) =>
-                setSchedule({
-                  ...schedule,
-                  cron: event?.target.value,
-                })
-              }
-              label='Enter explicit cron syntax'
-              helperText='minute hour day(month) month day(week)'
-            />
+            <div className={'flex-col'}>
+              <TextField
+                style={{ maxWidth: '400px' }}
+                unit='cron'
+                id='advanced-schedule-syntax'
+                type='text'
+                defaultValue={schedule.cron}
+                onChange={(event: ChangeEvent<HTMLInputElement>) =>
+                  setSchedule({
+                    ...schedule,
+                    cron: event?.target.value,
+                  })
+                }
+                label='Enter explicit cron syntax'
+                helperText='minute hour day(month) month day(week)'
+              />
+              <small style={{ color: 'red' }}>
+                {' '}
+                Controls might not show correct values after manually entering
+                cron syntax
+              </small>
+            </div>
           ) : (
             <>
               <Autocomplete
                 options={Object.values(EInterval)}
                 label={'Interval'}
                 style={{ maxWidth: '200px' }}
-                initialSelectedOptions={[interval]}
+                initialSelectedOptions={[cronValues.interval]}
                 onInputChange={(label: string) => {
                   const chosenIntervalType = Object.entries(EInterval)
                     .filter((l) => l.length > 0 && l[1] === label)
                     .pop()
-                  setInterval(
-                    chosenIntervalType
+                  setCronValues({
+                    ...cronValues,
+                    interval: chosenIntervalType
                       ? chosenIntervalType[1]
-                      : EInterval.HOURLY
-                  )
+                      : EInterval.HOURLY,
+                  })
                 }}
               />
-              {interval !== EInterval.HOURLY && (
+              {cronValues.interval !== EInterval.HOURLY && (
                 <Autocomplete
                   style={{ maxWidth: '200px' }}
                   options={generateSelectableTimes().map(
                     (value: string) => value
                   )}
                   label={'Time'}
-                  initialSelectedOptions={[`${hour}:${minute}`]}
+                  initialSelectedOptions={[
+                    `${cronValues.hour}:${cronValues.minute}`,
+                  ]}
                   onInputChange={(timestamp) => {
                     const [newHour, newMinute] = timestamp.split(':')
-                    setMinute(newMinute)
-                    setHour(newHour)
+                    setCronValues({
+                      ...cronValues,
+                      minute: newMinute,
+                      hour: newHour,
+                    })
                   }}
                 />
               )}
-              {interval === EInterval.HOURLY && (
+              {cronValues.interval === EInterval.HOURLY && (
                 <Autocomplete
                   style={{ maxWidth: '200px' }}
                   options={[...Array(12).keys()].map((i) => i + 1)}
-                  initialSelectedOptions={[Number(hourStep)]}
+                  initialSelectedOptions={[Number(cronValues.hourStep)]}
                   label={'Hour step'}
-                  onInputChange={(step) => setHourStep(step)}
+                  onInputChange={(step) =>
+                    setCronValues({ ...cronValues, hourStep: step })
+                  }
                 />
               )}
             </>
           )}
           <Button
-            onClick={() => setShowAdvanced(!showAdvanced)}
+            onClick={() => {
+              setShowAdvanced(!showAdvanced)
+              if (showAdvanced) setCronValues(defaultCronValues())
+            }}
             variant='ghost'
             className={showAdvanced ? 'self-center -translate-y-1' : 'self-end'}
           >
diff --git a/packages/dm-core-plugins/src/job/JobControl.tsx b/packages/dm-core-plugins/src/job/JobControl.tsx
index d7f321784..54d093981 100644
--- a/packages/dm-core-plugins/src/job/JobControl.tsx
+++ b/packages/dm-core-plugins/src/job/JobControl.tsx
@@ -26,10 +26,13 @@ import {
   JobButtonWrapper,
   JobLog,
   Progress,
+  TCronValues,
   getControlButton,
   getVariant,
+  parseCronStringToCronValues,
+  parseCronValuesToCronString,
 } from './common'
-import { scheduleTemplate } from './templateEntities'
+import { defaultCronValues, scheduleTemplate } from './templateEntities'
 
 type TJobControlConfig = {
   hideLogs?: boolean
@@ -46,6 +49,11 @@ export const JobControl = (props: IUIPlugin) => {
   const { tokenData } = useContext(AuthContext)
 
   const internalConfig: TJobControlConfig = { ...defaultConfig, ...config }
+  const [asCronJob, setAsCronJob] = useState<boolean>(false)
+  const [schedule, setSchedule] = useState<TSchedule>(scheduleTemplate())
+  const [cronValues, setCronValues] = useState<TCronValues>(defaultCronValues())
+  const [isTemplateMenuOpen, setTemplateMenuIsOpen] = useState<boolean>(false)
+  const [templates, setTemplates] = useState<any[]>([])
   const {
     document: jobEntity,
     isLoading,
@@ -53,11 +61,6 @@ export const JobControl = (props: IUIPlugin) => {
     error: jobEntityError,
   } = useDocument<TJob | TRecurringJob>(idReference, 0, false)
 
-  const [asCronJob, setAsCronJob] = useState<boolean>(false)
-  const [schedule, setSchedule] = useState<TSchedule>(scheduleTemplate())
-  const [isTemplateMenuOpen, setTemplateMenuIsOpen] = useState<boolean>(false)
-  const [templates, setTemplates] = useState<any[]>([])
-
   const {
     start: startJob,
     error,
@@ -124,8 +127,14 @@ export const JobControl = (props: IUIPlugin) => {
         )}`
       )
     }
-    if (asCronJob || jobEntity.type === EBlueprint.RECURRING_JOB)
-      setSchedule({ ...schedule, ...(jobEntity as TRecurringJob)?.schedule })
+    if (asCronJob || jobEntity.type === EBlueprint.RECURRING_JOB) {
+      const loadedSchedule = {
+        ...schedule,
+        ...(jobEntity as TRecurringJob)?.schedule,
+      }
+      setSchedule({ ...loadedSchedule })
+      setCronValues(parseCronStringToCronValues(loadedSchedule.cron))
+    }
     if (jobEntity.type === EBlueprint.RECURRING_JOB) setAsCronJob(true)
 
     Promise.all(
@@ -150,7 +159,15 @@ export const JobControl = (props: IUIPlugin) => {
           asCron={asCronJob}
           readOnly={true}
           schedule={schedule}
-          setSchedule={setSchedule}
+          setSchedule={(s: TSchedule) => {
+            setSchedule(s)
+            setCronValues(parseCronStringToCronValues(s.cron))
+          }}
+          cronValues={cronValues}
+          setCronValues={(c: TCronValues) => {
+            setSchedule({ ...schedule, cron: parseCronValuesToCronString(c) })
+            setCronValues(c)
+          }}
           registered={status === JobStatus.Registered}
         />
       )}
diff --git a/packages/dm-core-plugins/src/job/JobCreate.tsx b/packages/dm-core-plugins/src/job/JobCreate.tsx
index 49872884c..988718bcc 100644
--- a/packages/dm-core-plugins/src/job/JobCreate.tsx
+++ b/packages/dm-core-plugins/src/job/JobCreate.tsx
@@ -27,10 +27,17 @@ import {
   JobButtonWrapper,
   JobLog,
   Progress,
+  TCronValues,
   getControlButton,
   getVariant,
+  parseCronStringToCronValues,
+  parseCronValuesToCronString,
 } from './common'
-import { getRecurringJobTemplate, scheduleTemplate } from './templateEntities'
+import {
+  defaultCronValues,
+  getRecurringJobTemplate,
+  scheduleTemplate,
+} from './templateEntities'
 
 interface TJobPluginConfig {
   jobTargetAddress: string
@@ -64,15 +71,13 @@ export const JobCreate = (props: IUIPlugin & { config: TJobPluginConfig }) => {
 
   const [asCronJob, setAsCronJob] = useState<boolean>(config.recurring ?? false)
   const [schedule, setSchedule] = useState<TSchedule>(scheduleTemplate())
+  const [cronValues, setCronValues] = useState<TCronValues>(defaultCronValues())
   const [isTemplateMenuOpen, setTemplateMenuIsOpen] = useState<boolean>(false)
   const [selectedTemplate, setSelectedTemplate] = useState<number>(0)
 
-  const {
-    document: jobDocument,
-    isLoading,
-    error: jobEntityError,
-    updateDocument,
-  } = useDocument<TJob | TRecurringJob>(jobTargetAddress, 0, false)
+  const { document: jobDocument, updateDocument } = useDocument<
+    TJob | TRecurringJob
+  >(jobTargetAddress, 0, false)
 
   const {
     start,
@@ -159,13 +164,22 @@ export const JobCreate = (props: IUIPlugin & { config: TJobPluginConfig }) => {
     if (jobDocument.type === EBlueprint.RECURRING_JOB) setAsCronJob(true)
   }, [jobDocument])
   return (
-    <>
+    <div className={'flex-col'}>
       {config.recurring !== false && (
         <ConfigureRecurring
           asCron={asCronJob}
           setAsCron={setAsCronJob}
           readOnly={true}
           schedule={schedule}
+          setSchedule={(s: TSchedule) => {
+            setSchedule(s)
+            setCronValues(parseCronStringToCronValues(s.cron))
+          }}
+          cronValues={cronValues}
+          setCronValues={(c: TCronValues) => {
+            setSchedule({ ...schedule, cron: parseCronValuesToCronString(c) })
+            setCronValues(c)
+          }}
           registered={status === JobStatus.Registered}
         />
       )}
@@ -207,6 +221,6 @@ export const JobCreate = (props: IUIPlugin & { config: TJobPluginConfig }) => {
       {status === JobStatus.Running && progress !== null && (
         <Progress progress={progress} />
       )}
-    </>
+    </div>
   )
 }
diff --git a/packages/dm-core-plugins/src/job/common.tsx b/packages/dm-core-plugins/src/job/common.tsx
index 07b52c162..261561e13 100644
--- a/packages/dm-core-plugins/src/job/common.tsx
+++ b/packages/dm-core-plugins/src/job/common.tsx
@@ -28,6 +28,69 @@ export const getVariant = (status: JobStatus) => {
   }
 }
 
+export enum EInterval {
+  HOURLY = 'Hourly',
+  DAILY = 'Daily',
+  WEEKLY = 'Weekly',
+  MONTHLY = 'Monthly',
+}
+export type TCronValues = {
+  interval: EInterval
+  hour: string
+  hourStep: string
+  minute: string
+}
+
+export const parseCronValuesToCronString = (
+  cronValues: TCronValues
+): string => {
+  const newMinute = cronValues.minute
+  let newHour = cronValues.hour
+  let dayOfMonth = '*'
+  const month = '*'
+  let dayOfWeek = '*'
+
+  switch (cronValues.interval) {
+    case EInterval.WEEKLY:
+      dayOfMonth = '*'
+      dayOfWeek = '6'
+      break
+    case EInterval.MONTHLY:
+      dayOfMonth = '1'
+      break
+    case EInterval.HOURLY:
+      newHour = cronValues.hourStep ? `*/${cronValues.hourStep}` : '*'
+      break
+    case EInterval.DAILY:
+      newHour = cronValues.hour.split('/')[1]
+      if (!newHour) newHour = cronValues.hour
+      break
+  }
+  return `${newMinute} ${newHour} ${dayOfMonth} ${month} ${dayOfWeek}`
+}
+
+export const parseCronStringToCronValues = (
+  cronString: string
+): TCronValues => {
+  const [minute, hour, dayOfMonth, month, dayOfWeek] = cronString.split(' ')
+  const newHour = hour
+  let newHourStep = '1'
+  let newInterval = EInterval.DAILY
+
+  if (dayOfMonth !== '*') newInterval = EInterval.MONTHLY
+  if (dayOfWeek !== '*') newInterval = EInterval.WEEKLY
+  if (hour.includes('/')) newInterval = EInterval.HOURLY
+
+  if (newInterval === EInterval.HOURLY) newHourStep = hour.split('/')[1]
+
+  return {
+    minute: minute,
+    hour: newHour,
+    interval: newInterval,
+    hourStep: newHourStep,
+  }
+}
+
 export const JobLog = (props: {
   logs: string[]
   error: ErrorResponse | undefined
@@ -116,6 +179,8 @@ export const Progress = (props: { progress: number }) => {
 export const ConfigureRecurring = (props: {
   asCron: boolean
   setAsCron?: (v: boolean) => void
+  cronValues: TCronValues
+  setCronValues?: (s: TCronValues) => void
   schedule: TSchedule
   setSchedule?: (s: TSchedule) => void
   registered: boolean
@@ -136,8 +201,9 @@ export const ConfigureRecurring = (props: {
       {props.asCron && (
         <ConfigureSchedule
           schedule={props.schedule}
-          // @ts-ignore
           setSchedule={props.setSchedule || (() => null)}
+          cronValues={props.cronValues}
+          setCronValues={props.setCronValues || (() => null)}
           isRegistered={props.registered}
           readOnly={props.readOnly || false}
         />
diff --git a/packages/dm-core-plugins/src/job/templateEntities.ts b/packages/dm-core-plugins/src/job/templateEntities.ts
index c3c0f95c5..5ab57dae9 100644
--- a/packages/dm-core-plugins/src/job/templateEntities.ts
+++ b/packages/dm-core-plugins/src/job/templateEntities.ts
@@ -6,10 +6,18 @@ import {
   TSchedule,
 } from '@development-framework/dm-core'
 import { DateTime } from 'luxon'
+import { EInterval, TCronValues } from './common'
+
+export const defaultCronValues = (): TCronValues => ({
+  interval: EInterval.HOURLY,
+  hour: '23',
+  hourStep: '1',
+  minute: '30',
+})
 
 export const scheduleTemplate = (): TSchedule => ({
   type: EBlueprint.CRON_JOB,
-  cron: '0 8 * * *',
+  cron: '00 08 * * *',
   startDate: DateTime.now().startOf('day').toISO() || '',
   endDate: DateTime.now().startOf('day').plus({ year: 1 }).toISO() || '',
   runs: [],