diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 308ae6ca..b98989c9 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -28,6 +28,12 @@ Please describe the changes
 - [ ] Preset/Faders/Folders sort order is maintained
 - [ ] Presets can be triggered by HTTP requests
 
+### Preset Triggers
+
+- [ ] Presets can be triggered by HTTP requests
+- [ ] Time clock triggers recall presets successfully
+- [ ] Time clock triggers do not recall when device locked
+
 ### Preset Types
 
 #### sACN
diff --git a/.vscode/launch.json b/.vscode/launch.json
index b0d7899c..d2c0c956 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -17,6 +17,10 @@
         "DEV_MODE": "true"
       },
 			"console": "integratedTerminal",
+			"skipFiles": [
+				"<node_internals>/**/*.js",
+				"${workspaceFolder}/node_modules/**/*.js",
+			]
 		}
 	]
 }
diff --git a/docs/docs/user-guide/admin/scheduled-presets.md b/docs/docs/user-guide/admin/scheduled-presets.md
new file mode 100644
index 00000000..38b2cb20
--- /dev/null
+++ b/docs/docs/user-guide/admin/scheduled-presets.md
@@ -0,0 +1,23 @@
+---
+sidebar_position: 30
+title: Scheduled Presets
+---
+
+The Scheduled Presets page allows you to define times of the day when presets are triggered automatically. 
+
+To start, use the plus button to add a new schedule. Next, select the days of the week you'd like the schedule to run on, and the time to run during those days. Finally, select the preset you'd like to run at that time, and click save.
+
+To trigger a preset at multiple times during the day, simply add multiple schedules for that preset.
+
+![scheduled presets page](@site/static/img/tutorial/admin/admin-scheduled-presets.png)
+
+The cog icon on the right side of each preset allows you to edit the advanced settings for that preset.
+
+![scheduled presets cog page](@site/static/img/tutorial/admin/admin-scheduled-presets-cog.png)
+
+The advanced settings allow you to set the following:
+
+ - Notes: A description of why the schedule exists as a reminder in the administrator menu - this can help you differentiate between large numbers of schedules.
+ - Enabled: whether the schedule is enabled or not. If disabled, the schedule will not run.
+ - Run when locked: if the control panel is locked, the schedule will still run if this is enabled.
+ - Timeout: how many minutes to keep trying to trigger the preset for. If the preset is not triggered within this time, the schedule will be skipped for that day. This is particularly relevant if ParadisePi is powered off at the time the schedule is due to run, and later powered on - if the timeout plus the scheduled time is earlier than the time ParadisePi boots, then it will be skipped.
\ No newline at end of file
diff --git a/docs/static/img/tutorial/admin/admin-scheduled-presets-cog.png b/docs/static/img/tutorial/admin/admin-scheduled-presets-cog.png
new file mode 100644
index 00000000..1ba49cb1
Binary files /dev/null and b/docs/static/img/tutorial/admin/admin-scheduled-presets-cog.png differ
diff --git a/docs/static/img/tutorial/admin/admin-scheduled-presets.png b/docs/static/img/tutorial/admin/admin-scheduled-presets.png
new file mode 100644
index 00000000..aca06404
Binary files /dev/null and b/docs/static/img/tutorial/admin/admin-scheduled-presets.png differ
diff --git a/package-lock.json b/package-lock.json
index ee57c220..d0678f12 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "paradisepi",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "paradisepi",
-      "version": "2.3.0",
+      "version": "2.4.0",
       "license": "GPL-3.0-only",
       "dependencies": {
         "@emotion/react": "^11.11.0",
diff --git a/package.json b/package.json
index 28b0586d..c4446c0b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "paradisepi",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Raspberry Pi based sACN lighting/OSC sound facility control panel",
   "main": ".webpack/main",
   "scripts": {
diff --git a/src/api/config/configRouter.ts b/src/api/config/configRouter.ts
index d9d102c5..2f789e6b 100644
--- a/src/api/config/configRouter.ts
+++ b/src/api/config/configRouter.ts
@@ -15,7 +15,7 @@ export const configRouter = (
 	method: 'GET' | 'POST' | 'PUT' | 'DELETE',
 	payload: apiObject
 ): Promise<apiObject> => {
-	logger.debug('Preset router has a request', { path, method, payload })
+	logger.debug('Config router has a request', { path, method, payload })
 	return new Promise((resolve, reject) => {
 		if (method === 'POST') {
 			let restartE131 = false
diff --git a/src/api/database.ts b/src/api/database.ts
index acab28ad..044f7a7d 100644
--- a/src/api/database.ts
+++ b/src/api/database.ts
@@ -1,11 +1,12 @@
-import { DatabasePreset, PresetRepository } from './../database/repository/preset'
-import { DatabaseFolder, FolderRepository } from './../database/repository/folder'
+import ip from 'ip'
+import { version } from './../../package.json'
 import { ConfigRepository } from './../database/repository/config'
+import { DatabaseFader, FaderRepository } from './../database/repository/fader'
+import { DatabaseFolder, FolderRepository } from './../database/repository/folder'
+import { DatabasePreset, PresetRepository } from './../database/repository/preset'
+import { DatabaseTimeClockTrigger, TimeClockTriggersRepository } from './../database/repository/timeClockTrigger'
 import { getOperatingSystemName } from './about/operatingSystem/info'
-import { version } from './../../package.json'
 import { broadcast } from './broadcast'
-import ip from 'ip'
-import { DatabaseFader, FaderRepository } from './../database/repository/fader'
 
 export interface Database {
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -42,10 +43,10 @@ export interface Database {
 			e131Frequency: number
 			e131FadeTime: number
 			e131Sampler_time: number
-			e131Sampler_effectMode: number
 		}
 	}
 	presets: Array<DatabasePreset>
+	timeClockTriggers: Array<DatabaseTimeClockTrigger>
 	folders: {
 		[key: number]: DatabaseFolder
 	}
@@ -91,10 +92,10 @@ export const createDatabaseObject = async (message: string): Promise<Database> =
 				e131Frequency: parseInt(await ConfigRepository.getItem('e131Frequency')),
 				e131FadeTime: parseInt(await ConfigRepository.getItem('e131FadeTime')),
 				e131Sampler_time: parseInt(await ConfigRepository.getItem('e131Sampler_time')),
-				e131Sampler_effectMode: parseInt(await ConfigRepository.getItem('e131Sampler_effectMode')),
 			},
 		},
 		presets: await PresetRepository.getAll(),
+		timeClockTriggers: await TimeClockTriggersRepository.getAll(),
 		folders: await FolderRepository.getAll(),
 		faders: await FaderRepository.getAll(),
 	}
diff --git a/src/api/preset/presetRouter.ts b/src/api/preset/presetRouter.ts
index 05d6ff88..a33a33a8 100644
--- a/src/api/preset/presetRouter.ts
+++ b/src/api/preset/presetRouter.ts
@@ -1,9 +1,9 @@
-import { Preset } from './../../database/model/Preset'
-import { DatabasePreset, PresetRepository } from './../../database/repository/preset'
-import { createDatabaseObject, Database, sendDatabaseObject } from './../database'
 import axios from 'axios'
 import { parseJSON } from '../parseUserJson'
+import { Preset } from './../../database/model/Preset'
 import { ConfigRepository } from './../../database/repository/config'
+import { DatabasePreset, PresetRepository } from './../../database/repository/preset'
+import { Database, createDatabaseObject, sendDatabaseObject } from './../database'
 /**
  * This is a REST router for the preset API.
  * @param path - The path requested by the original route requestor
diff --git a/src/api/router.ts b/src/api/router.ts
index 8ed81b75..421ec43d 100644
--- a/src/api/router.ts
+++ b/src/api/router.ts
@@ -1,12 +1,13 @@
+import { reboot } from './../electron/windowUtilities'
 import { aboutRouter } from './about/aboutRouter'
-import { createDatabaseObject } from './database'
-import { presetRouter } from './preset/presetRouter'
-import { folderRouter } from './folder/folderRouter'
 import { configRouter } from './config/configRouter'
-import { outputModulesRouter } from './outputModules/outputModulesRouter'
-import { reboot } from './../electron/windowUtilities'
+import { createDatabaseObject } from './database'
 import { faderRouter } from './fader/faderRouter'
+import { folderRouter } from './folder/folderRouter'
 import { createImagesObject } from './images'
+import { outputModulesRouter } from './outputModules/outputModulesRouter'
+import { presetRouter } from './preset/presetRouter'
+import { timeClockTriggersRouter } from './timeClockTriggers/timeClockTriggers'
 
 /**
  * This is a REST router that triages all requests and sends them to relevant routers
@@ -52,6 +53,10 @@ export const routeRequest = (
 				// {@link configRouter} - this router handles all about requests for the /config path
 				resolve(configRouter(pathArr.slice(1), method, payload))
 				break
+			case 'timeClockTriggers':
+				// {@link timeClockTriggers} - the timeClockTriggers router handles all about requests for the /timeClockTriggers path
+				resolve(timeClockTriggersRouter(pathArr.slice(1), method, payload))
+				break
 			case 'outputModules':
 				// {@link outputModulesRouter} - this router handles all about requests for the /outputModules path
 				resolve(outputModulesRouter(pathArr.slice(1), method, payload))
diff --git a/src/api/timeClockTriggers/timeClockTriggers.ts b/src/api/timeClockTriggers/timeClockTriggers.ts
new file mode 100644
index 00000000..41593702
--- /dev/null
+++ b/src/api/timeClockTriggers/timeClockTriggers.ts
@@ -0,0 +1,29 @@
+import { Database, createDatabaseObject, sendDatabaseObject } from '../database'
+import { DatabaseTimeClockTrigger, TimeClockTriggersRepository } from './../../database/repository/timeClockTrigger'
+/**
+ * This is a REST router for the preset API.
+ * @param path - The path requested by the original route requestor
+ * @param method - The method requested by the original route requestor
+ * @param payload - Any payload sent
+ * @returns the retrieved response from the given route
+ * @throws an error if the requested route is not found
+ */
+export const timeClockTriggersRouter = (
+	path: Array<string>,
+	method: 'GET' | 'POST' | 'PUT' | 'DELETE',
+	payload: apiObject
+): Promise<apiObject> => {
+	logger.debug('Time clock trigger router has a request', { path, method, payload })
+	return new Promise((resolve, reject) => {
+		if (method === 'PUT') {
+			return TimeClockTriggersRepository.setAllFromApp(payload as Array<DatabaseTimeClockTrigger>)
+				.then(() => {
+					return createDatabaseObject('updating all time clock triggers in bulk')
+				})
+				.then((response: Database) => {
+					sendDatabaseObject(response)
+					resolve({})
+				})
+		} else reject(new Error('Path not found'))
+	})
+}
diff --git a/src/app/Components/Admin/Controls/Presets/EditModal/TimeClockTriggers.tsx b/src/app/Components/Admin/Controls/Presets/EditModal/TimeClockTriggers.tsx
new file mode 100644
index 00000000..130148fd
--- /dev/null
+++ b/src/app/Components/Admin/Controls/Presets/EditModal/TimeClockTriggers.tsx
@@ -0,0 +1,104 @@
+import React, { useEffect } from 'react'
+import { Group, ActionIcon, Button, Text, Checkbox, NumberInput } from '@mantine/core'
+import { useForm } from '@mantine/form'
+import { FaTrash } from '@react-icons/all-files/fa/FaTrash'
+import { randomId } from '@mantine/hooks'
+import { InputProps } from '../../../../InputProps'
+
+interface Trigger {
+	time: string
+	enabled: boolean
+	timeout: number
+	countdownWarning: number
+	key: string
+}
+interface FormValues {
+	triggers: Array<Trigger>
+}
+
+export const TimeClockTriggersEditor = (props: InputProps) => {
+	const form = useForm<FormValues>({
+		initialValues: {
+			triggers: [],
+		},
+	})
+	useEffect(() => {
+		if (props.value !== null) {
+			const valueObject = JSON.parse(props.value) || {}
+			form.setValues({
+				triggers: valueObject.map((item: Trigger) => ({
+					time: item.time,
+					key: item.key,
+				})),
+			})
+		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, [props.value])
+	return (
+		<>
+			<Group mt="xs">
+				<Text mt={'md'}>Time Clock Triggers</Text>
+				<Button
+					mt={'md'}
+					size="sm"
+					onClick={() =>
+						form.insertListItem('triggers', {
+							time: '',
+							enabled: true,
+							timeout: 60,
+							countdownWarning: 0,
+							key: randomId(),
+						})
+					}
+				>
+					Add Trigger
+				</Button>
+				{form.isDirty() ? (
+					<Button mt={'md'} size="sm" onClick={() => props.onChange(JSON.stringify(form.values.triggers))}>
+						Apply
+					</Button>
+				) : null}
+			</Group>
+			<Text size={'sm'}>Time Clock Triggers will recall this preset at the following times (if enabled)</Text>
+			{form.values.triggers.map((item, index) => (
+				<Group key={item.key} mt="xs">
+					<NumberInput
+						label="Trigger Time"
+						max={2359}
+						min={0}
+						parser={value =>
+							value.match(/\d(?=(?:\D*\d){0,3}$)/g) ? value.match(/\d(?=(?:\D*\d){0,3}$)/g).join('') : ''
+						}
+						formatter={value =>
+							!Number.isNaN(parseFloat(value))
+								? value.replace(/\b\d{1,4}\b/g, match => {
+										const paddedNumber = match.padStart(4, '0')
+										const hours = paddedNumber.slice(0, 2)
+										const minutes = paddedNumber.slice(2)
+										return `${hours}:${minutes}`
+								  })
+								: ''
+						}
+						{...form.getInputProps(`triggers.${index}.time`)}
+					/>
+					<Checkbox
+						mt={'lg'}
+						size={'lg'}
+						label="Enabled"
+						{...form.getInputProps(`triggers.${index}.enabled`, { type: 'checkbox' })}
+					/>
+					<ActionIcon
+						mt={'lg'}
+						color="red"
+						variant="transparent"
+						onClick={() => form.removeListItem('triggers', index)}
+					>
+						<FaTrash />
+					</ActionIcon>
+				</Group>
+			))}
+
+			<Group position="center" mt="md"></Group>
+		</>
+	)
+}
diff --git a/src/app/Components/ControlPanel/ButtonIcon.tsx b/src/app/Components/ControlPanel/ButtonIcon.tsx
index 3b9c37cb..b0a30a81 100644
--- a/src/app/Components/ControlPanel/ButtonIcon.tsx
+++ b/src/app/Components/ControlPanel/ButtonIcon.tsx
@@ -1,5 +1,4 @@
 import { Avatar, Group, Text } from '@mantine/core'
-import { IconType } from '@react-icons/all-files/lib'
 import React, { forwardRef } from 'react'
 
 import { FaArrowDown } from '@react-icons/all-files/fa/FaArrowDown'
@@ -21,68 +20,112 @@ import { FaVolumeMute } from '@react-icons/all-files/fa/FaVolumeMute'
 import { FaVolumeOff } from '@react-icons/all-files/fa/FaVolumeOff'
 import { FaVolumeUp } from '@react-icons/all-files/fa/FaVolumeUp'
 
-export const AvailableIcons = {
-	FaLightbulb: 'Lightbulb',
-	FaRegLightbulb: 'Lightbulb',
-	FaVolumeUp: 'Volume Up',
-	FaVolumeDown: 'Volume Down',
-	FaVolumeMute: 'Volume Mute',
-	FaVolumeOff: 'Volume Off',
-	FaPhoneVolume: 'Phone',
-	FaMicrophone: 'Microphone',
-	FaMicrophoneAlt: 'Microphone',
-	FaVideo: 'Camera',
-	FaFolder: 'Folder',
-	FaArrowUp: 'Arrow Up',
-	FaArrowDown: 'Arrow Down',
-	FaArrowLeft: 'Arrow Left',
-	FaArrowRight: 'Arrow Right',
-	FaPowerOff: 'Power Off',
-	FaToggleOn: 'Toggle On',
-	FaToggleOff: 'Toggle Off',
-}
+const iconDatabase = [
+	{
+		id: 'FaLightbulb',
+		name: 'Lightbulb',
+		icon: <FaLightbulb />,
+	},
+	{
+		id: 'FaRegLightbulb',
+		name: 'Lightbulb',
+		icon: <FaRegLightbulb />,
+	},
+	{
+		id: 'FaVolumeUp',
+		name: 'Volume Up',
+		icon: <FaVolumeUp />,
+	},
+	{
+		id: 'FaVolumeDown',
+		name: 'Volume Down',
+		icon: <FaVolumeDown />,
+	},
+	{
+		id: 'FaVolumeMute',
+		name: 'Volume Mute',
+		icon: <FaVolumeMute />,
+	},
+	{
+		id: 'FaVolumeOff',
+		name: 'Volume Off',
+		icon: <FaVolumeOff />,
+	},
+	{
+		id: 'FaPhoneVolume',
+		name: 'Phone',
+		icon: <FaPhoneVolume />,
+	},
+	{
+		id: 'FaMicrophone',
+		name: 'Microphone',
+		icon: <FaMicrophone />,
+	},
+	{
+		id: 'FaMicrophoneAlt',
+		name: 'Microphone',
+		icon: <FaMicrophoneAlt />,
+	},
+	{
+		id: 'FaVideo',
+		name: 'Camera',
+		icon: <FaVideo />,
+	},
+	{
+		id: 'FaFolder',
+		name: 'Folder',
+		icon: <FaFolder />,
+	},
+	{
+		id: 'FaArrowUp',
+		name: 'Arrow Up',
+		icon: <FaArrowUp />,
+	},
+	{
+		id: 'FaArrowDown',
+		name: 'Arrow Down',
+		icon: <FaArrowDown />,
+	},
+	{
+		id: 'FaArrowLeft',
+		name: 'Arrow Left',
+		icon: <FaArrowLeft />,
+	},
+	{
+		id: 'FaArrowRight',
+		name: 'Arrow Right',
+		icon: <FaArrowRight />,
+	},
+	{
+		id: 'FaPowerOff',
+		name: 'Power Off',
+		icon: <FaPowerOff />,
+	},
+	{
+		id: 'FaToggleOn',
+		name: 'Toggle On',
+		icon: <FaToggleOn />,
+	},
+	{
+		id: 'FaToggleOff',
+		name: 'Toggle Off',
+		icon: <FaToggleOff />,
+	},
+]
 
-export const ButtonIcon = (icon: string): IconType => {
-	if (icon === 'FaLightbulb') return FaLightbulb
-	else if (icon === 'FaRegLightbulb') return FaRegLightbulb
-	else if (icon === 'FaVolumeDown') return FaVolumeDown
-	else if (icon === 'FaVolumeMute') return FaVolumeMute
-	else if (icon === 'FaVolumeOff') return FaVolumeOff
-	else if (icon === 'FaVolumeUp') return FaVolumeUp
-	else if (icon === 'FaPhoneVolume') return FaPhoneVolume
-	else if (icon === 'FaMicrophone') return FaMicrophone
-	else if (icon === 'FaMicrophoneAlt') return FaMicrophoneAlt
-	else if (icon === 'FaVideo') return FaVideo
-	else if (icon === 'FaFolder') return FaFolder
-	else if (icon === 'FaArrowUp') return FaArrowUp
-	else if (icon === 'FaArrowDown') return FaArrowDown
-	else if (icon === 'FaArrowLeft') return FaArrowLeft
-	else if (icon === 'FaArrowRight') return FaArrowRight
-	else if (icon === 'FaPowerOff') return FaPowerOff
-	else if (icon === 'FaToggleOn') return FaToggleOn
-	else if (icon === 'FaToggleOff') return FaToggleOff
-	else return null
+export const availableIcons = () => {
+	const icons: {
+		[key: string]: string
+	} = {}
+	iconDatabase.forEach(icon => {
+		icons[icon.id] = icon.name
+	})
+	return icons
 }
-// TODO surely we don't need two functions?
-export const ButtonIconReact = (props: { icon: string }) => {
-	if (props.icon === 'FaLightbulb') return <FaLightbulb />
-	else if (props.icon === 'FaRegLightbulb') return <FaRegLightbulb />
-	else if (props.icon === 'FaVolumeDown') return <FaVolumeDown />
-	else if (props.icon === 'FaVolumeMute') return <FaVolumeMute />
-	else if (props.icon === 'FaVolumeOff') return <FaVolumeOff />
-	else if (props.icon === 'FaVolumeUp') return <FaVolumeUp />
-	else if (props.icon === 'FaPhoneVolume') return <FaPhoneVolume />
-	else if (props.icon === 'FaMicrophone') return <FaMicrophone />
-	else if (props.icon === 'FaMicrophoneAlt') return <FaMicrophoneAlt />
-	else if (props.icon === 'FaVideo') return <FaVideo />
-	else if (props.icon === 'FaFolder') return <FaFolder />
-	else if (props.icon === 'FaArrowUp') return <FaArrowUp />
-	else if (props.icon === 'FaArrowDown') return <FaArrowDown />
-	else if (props.icon === 'FaArrowLeft') return <FaArrowLeft />
-	else if (props.icon === 'FaArrowRight') return <FaArrowRight />
-	else if (props.icon === 'FaPowerOff') return <FaPowerOff />
-	else if (props.icon === 'FaToggleOn') return <FaToggleOn />
-	else if (props.icon === 'FaToggleOff') return <FaToggleOff />
+
+export const ButtonIcon = (props: { icon: string }) => {
+	const icon = iconDatabase.find(icon => icon.id === props.icon)
+	if (icon) return icon.icon
 	else return <></>
 }
 
@@ -98,7 +141,7 @@ export const ButtonIconSelectItem = forwardRef<HTMLDivElement, ItemProps>(
 			<Group noWrap>
 				{icon ? (
 					<Avatar radius={'xs'} size={'md'}>
-						<ButtonIconReact icon={icon} />
+						<ButtonIcon icon={icon} />
 					</Avatar>
 				) : (
 					''
diff --git a/src/app/Components/Locked.tsx b/src/app/Components/Locked.tsx
index 9f2371a1..97fc8a17 100644
--- a/src/app/Components/Locked.tsx
+++ b/src/app/Components/Locked.tsx
@@ -1,7 +1,7 @@
-import { Stack, Title, Collapse, Text } from '@mantine/core'
-import React, { useCallback, useEffect, useState } from 'react'
+import { Collapse, Stack, Text, Title } from '@mantine/core'
 import { useEventListener, useViewportSize } from '@mantine/hooks'
 import { FaLock } from '@react-icons/all-files/fa/FaLock'
+import React, { useCallback, useEffect, useState } from 'react'
 import { useAppSelector } from './../apis/redux/mainStore'
 
 const LockedMessage = () => {
@@ -12,7 +12,7 @@ const LockedMessage = () => {
 	const port = useAppSelector(state => (state.database ? state.database.about.port : false))
 	if (count >= 5) {
 		return (
-			<Text size="sm" mx={'lg'}>
+			<Text size="sm" mx={'lg'} ta="center">
 				Device is locked. To unlock it access the setup and administration area, by ensuring you are on the same
 				network as this device and then navigating to http://
 				{ipAddress + ':' + port ?? ''} with a web browser
@@ -23,6 +23,7 @@ const LockedMessage = () => {
 			<Text
 				size="sm"
 				ref={ref}
+				ta="center"
 				style={{ userSelect: 'none', MozUserSelect: 'none', WebkitUserSelect: 'none', msUserSelect: 'none' }}
 			>
 				Device is locked, unlock it using the setup and administration area on another device
diff --git a/src/app/Navigation/AdminNavigation.tsx b/src/app/Navigation/AdminNavigation.tsx
index f70e4aa7..5e9acc7c 100644
--- a/src/app/Navigation/AdminNavigation.tsx
+++ b/src/app/Navigation/AdminNavigation.tsx
@@ -1,17 +1,18 @@
-import React from 'react'
-import { Navbar, Group, Code, Text, ScrollArea } from '@mantine/core'
+import { Code, Group, Navbar, ScrollArea, Text } from '@mantine/core'
 import { useViewportSize } from '@mantine/hooks'
-import { Link } from 'react-router-dom'
 import { FaCogs } from '@react-icons/all-files/fa/FaCogs'
+import { FaDatabase } from '@react-icons/all-files/fa/FaDatabase'
 import { FaLevelUpAlt } from '@react-icons/all-files/fa/FaLevelUpAlt'
+import { FaRegClock } from '@react-icons/all-files/fa/FaRegClock'
 import { FaRegFolder } from '@react-icons/all-files/fa/FaRegFolder'
-import { FaDatabase } from '@react-icons/all-files/fa/FaDatabase'
 import { FaRegPlayCircle } from '@react-icons/all-files/fa/FaRegPlayCircle'
 import { FaWindowClose } from '@react-icons/all-files/fa/FaWindowClose'
-import { useStyles } from './Styles'
-import { NavbarItem } from './NavbarItem'
-import { useAppSelector } from './../apis/redux/mainStore'
+import React from 'react'
+import { Link } from 'react-router-dom'
 import { runningInElectron } from '../apis/utilities/version'
+import { useAppSelector } from './../apis/redux/mainStore'
+import { NavbarItem } from './NavbarItem'
+import { useStyles } from './Styles'
 
 export const AdminNavigation = () => {
 	const { classes, cx } = useStyles()
@@ -32,13 +33,22 @@ export const AdminNavigation = () => {
 						<span>Exit</span>
 					</Link>
 				) : null}
-				<NavbarItem link="configuration" label="Configuration" Icon={FaDatabase} />
-				<NavbarItem link="presets" label="Presets" Icon={FaRegPlayCircle} />
-				<NavbarItem link="folders" label="Folders" Icon={FaRegFolder} />
-				<NavbarItem link="faders" label="Faders" Icon={FaLevelUpAlt} />
+				<NavbarItem
+					link="configuration"
+					label="Configuration"
+					Icon={<FaDatabase className={classes.linkIcon} />}
+				/>
+				<NavbarItem link="presets" label="Presets" Icon={<FaRegPlayCircle className={classes.linkIcon} />} />
+				<NavbarItem link="folders" label="Folders" Icon={<FaRegFolder className={classes.linkIcon} />} />
+				<NavbarItem link="faders" label="Faders" Icon={<FaLevelUpAlt className={classes.linkIcon} />} />
+				<NavbarItem
+					link="timeClockTriggers"
+					label="Timer Presets"
+					Icon={<FaRegClock className={classes.linkIcon} />}
+				/>
 			</Navbar.Section>
 			<Navbar.Section className={classes.footer}>
-				<NavbarItem link="controls" label="Controls" Icon={FaCogs} />
+				<NavbarItem link="controls" label="Controls" Icon={<FaCogs className={classes.linkIcon} />} />
 			</Navbar.Section>
 		</Navbar>
 	)
diff --git a/src/app/Navigation/ControlPanelNavigation.tsx b/src/app/Navigation/ControlPanelNavigation.tsx
index b0fab8bd..35dd9bae 100644
--- a/src/app/Navigation/ControlPanelNavigation.tsx
+++ b/src/app/Navigation/ControlPanelNavigation.tsx
@@ -1,15 +1,16 @@
-import React from 'react'
 import { Navbar, ScrollArea } from '@mantine/core'
 import { useViewportSize } from '@mantine/hooks'
 import { FaQuestion } from '@react-icons/all-files/fa/FaQuestion'
-import { useStyles } from './Styles'
-import { NavbarItem } from './NavbarItem'
-import { useAppSelector } from './../apis/redux/mainStore'
-import { DatabaseFolder } from './../../database/repository/folder'
+import React from 'react'
 import { ButtonIcon } from '../Components/ControlPanel/ButtonIcon'
+import { DatabaseFolder } from './../../database/repository/folder'
+import { useAppSelector } from './../apis/redux/mainStore'
+import { NavbarItem } from './NavbarItem'
+import { useStyles } from './Styles'
 
 const TopLevelFolders = () => {
 	const folders = useAppSelector(state => (state.database ? state.database.folders : false))
+	const { classes } = useStyles()
 	const topLevelFolders: Array<DatabaseFolder> = []
 	if (folders !== false) {
 		Object.entries(folders)
@@ -31,7 +32,11 @@ const TopLevelFolders = () => {
 					key={item.id}
 					link={'folder/' + item.id.toString()}
 					label={item.name}
-					Icon={ButtonIcon(item.icon)}
+					Icon={
+						<span className={classes.linkIcon}>
+							<ButtonIcon icon={item.icon} />
+						</span>
+					}
 				/>
 			))}
 		</>
@@ -46,7 +51,7 @@ export const ControlPanelNavigation = () => {
 				<TopLevelFolders />
 			</Navbar.Section>
 			<Navbar.Section className={classes.footer}>
-				<NavbarItem link="help" label="Help" Icon={FaQuestion} />
+				<NavbarItem link="help" label="Help" Icon={<FaQuestion className={classes.linkIcon} />} />
 			</Navbar.Section>
 		</Navbar>
 	)
diff --git a/src/app/Navigation/NavbarItem.tsx b/src/app/Navigation/NavbarItem.tsx
index 1d11c4fc..ce7bf17b 100644
--- a/src/app/Navigation/NavbarItem.tsx
+++ b/src/app/Navigation/NavbarItem.tsx
@@ -1,9 +1,8 @@
 import React from 'react'
 import { Link, useLocation } from 'react-router-dom'
-import { IconType } from '@react-icons/all-files/lib'
 import { useStyles } from './Styles'
 
-export const NavbarItem = ({ link, label, Icon }: { link: string; label: string; Icon: IconType }) => {
+export const NavbarItem = ({ link, label, Icon }: { link: string; label: string; Icon: React.ReactNode }) => {
 	const location = useLocation()
 	const pathLink = location.pathname.replace('/admin/', '').replace('/controlPanel/', '')
 	const { classes, cx } = useStyles()
@@ -15,7 +14,7 @@ export const NavbarItem = ({ link, label, Icon }: { link: string; label: string;
 			to={link}
 			key={label}
 		>
-			<Icon className={classes.linkIcon} />
+			{Icon}
 			<span>{label}</span>
 		</Link>
 	)
diff --git a/src/app/Navigation/Styles.tsx b/src/app/Navigation/Styles.tsx
index a3aeb1ce..ff979a82 100644
--- a/src/app/Navigation/Styles.tsx
+++ b/src/app/Navigation/Styles.tsx
@@ -1,7 +1,7 @@
 import { createStyles } from '@mantine/core'
 
-export const useStyles = createStyles((theme, _params, getRef) => {
-	const icon = getRef('icon')
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const useStyles = createStyles((theme, _params) => {
 	return {
 		navbar: {
 			backgroundColor: theme.colors.dark[6],
@@ -48,7 +48,6 @@ export const useStyles = createStyles((theme, _params, getRef) => {
 		},
 
 		linkIcon: {
-			ref: icon,
 			color: theme.white,
 			opacity: 0.75,
 			marginRight: theme.spacing.sm,
@@ -58,9 +57,6 @@ export const useStyles = createStyles((theme, _params, getRef) => {
 		linkActive: {
 			'&, &:hover': {
 				backgroundColor: theme.colors.dark[7],
-				[`& .${icon}`]: {
-					opacity: 0.9,
-				},
 			},
 		},
 	}
diff --git a/src/app/Pages/Admin/Folders.tsx b/src/app/Pages/Admin/Folders.tsx
index 923dd675..ef64b832 100644
--- a/src/app/Pages/Admin/Folders.tsx
+++ b/src/app/Pages/Admin/Folders.tsx
@@ -1,34 +1,34 @@
-import React, { useEffect, useState } from 'react'
 import {
-	Group,
-	TextInput,
+	ActionIcon,
 	Box,
 	Button,
 	Center,
-	ActionIcon,
-	Select,
+	Group,
 	LoadingOverlay,
 	SelectItem as MantineSelectItem,
 	Modal,
-	Text,
+	Select,
 	Table,
+	Text,
+	TextInput,
 	Title,
 } from '@mantine/core'
 import { useForm } from '@mantine/form'
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd'
+import { showNotification } from '@mantine/notifications'
+import { RichTextEditor } from '@mantine/rte'
+import { FaCheck } from '@react-icons/all-files/fa/FaCheck'
 import { FaFolder } from '@react-icons/all-files/fa/FaFolder'
 import { FaGripVertical } from '@react-icons/all-files/fa/FaGripVertical'
+import { FaPencilAlt } from '@react-icons/all-files/fa/FaPencilAlt'
+import { FaPlus } from '@react-icons/all-files/fa/FaPlus'
+import { FaSave } from '@react-icons/all-files/fa/FaSave'
 import { FaTrash } from '@react-icons/all-files/fa/FaTrash'
-import { useAppSelector } from './../../apis/redux/mainStore'
+import React, { useEffect, useState } from 'react'
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd'
+import { ButtonIconSelectItem, availableIcons } from '../../Components/ControlPanel/ButtonIcon'
 import { DatabaseFolder } from './../../../database/repository/folder'
+import { useAppSelector } from './../../apis/redux/mainStore'
 import { ApiCall } from './../../apis/wrapper'
-import { AvailableIcons, ButtonIconSelectItem } from '../../Components/ControlPanel/ButtonIcon'
-import { FaPencilAlt } from '@react-icons/all-files/fa/FaPencilAlt'
-import { RichTextEditor } from '@mantine/rte'
-import { FaSave } from '@react-icons/all-files/fa/FaSave'
-import { FaPlus } from '@react-icons/all-files/fa/FaPlus'
-import { showNotification } from '@mantine/notifications'
-import { FaCheck } from '@react-icons/all-files/fa/FaCheck'
 
 interface FormValues {
 	folders: Array<DatabaseFolder>
@@ -137,7 +137,7 @@ export const FoldersConfigurationPage = () => {
 							searchable={true}
 							nothingFound="No icons found"
 							itemComponent={ButtonIconSelectItem}
-							data={Object.entries(AvailableIcons).map(([value, name]) => ({
+							data={Object.entries(availableIcons()).map(([value, name]) => ({
 								value: value,
 								icon: value,
 								label: name,
diff --git a/src/app/Pages/Admin/ModuleConfiguration/E131.tsx b/src/app/Pages/Admin/ModuleConfiguration/E131.tsx
index 6affe7a5..fdf16819 100644
--- a/src/app/Pages/Admin/ModuleConfiguration/E131.tsx
+++ b/src/app/Pages/Admin/ModuleConfiguration/E131.tsx
@@ -1,16 +1,16 @@
-import { Box, Button, Divider, Loader, LoadingOverlay, TextInput, Checkbox, NumberInput, Text } from '@mantine/core'
+import { Box, Button, Checkbox, Divider, Loader, LoadingOverlay, NumberInput, Text, TextInput } from '@mantine/core'
 import { useForm } from '@mantine/form'
-import React, { useEffect, useState } from 'react'
-import { ApiCall } from '../../../apis/wrapper'
-import { useAppSelector } from '../../../apis/redux/mainStore'
-import { FaIdBadge } from '@react-icons/all-files/fa/FaIdBadge'
-import { FaPlay } from '@react-icons/all-files/fa/FaPlay'
+import { useModals } from '@mantine/modals'
 import { FaClipboardList } from '@react-icons/all-files/fa/FaClipboardList'
 import { FaCrown } from '@react-icons/all-files/fa/FaCrown'
-import { FaWaveSquare } from '@react-icons/all-files/fa/FaWaveSquare'
+import { FaIdBadge } from '@react-icons/all-files/fa/FaIdBadge'
+import { FaPlay } from '@react-icons/all-files/fa/FaPlay'
 import { FaRegClock } from '@react-icons/all-files/fa/FaRegClock'
-import { useModals } from '@mantine/modals'
 import { FaSave } from '@react-icons/all-files/fa/FaSave'
+import { FaWaveSquare } from '@react-icons/all-files/fa/FaWaveSquare'
+import React, { useEffect, useState } from 'react'
+import { useAppSelector } from '../../../apis/redux/mainStore'
+import { ApiCall } from '../../../apis/wrapper'
 
 export const E131ModuleConfigurationPage = () => {
 	const [loadingOverlayVisible, setLoadingOverlayVisible] = useState(false)
@@ -26,7 +26,6 @@ export const E131ModuleConfigurationPage = () => {
 			e131Frequency: 0,
 			e131FadeTime: 0,
 			e131Sampler_time: 0,
-			e131Sampler_effectMode: 0,
 		},
 		validate: {
 			e131SourceName: value => (value.length > 5 ? null : 'Must be longer than 5 characters'),
@@ -43,7 +42,6 @@ export const E131ModuleConfigurationPage = () => {
 				e131Frequency: e131Config.e131Frequency,
 				e131FadeTime: e131Config.e131FadeTime,
 				e131Sampler_time: e131Config.e131Sampler_time,
-				e131Sampler_effectMode: e131Config.e131Sampler_effectMode,
 			})
 		}
 		// eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/src/app/Pages/Admin/Presets.tsx b/src/app/Pages/Admin/Presets.tsx
index 30a5fd2b..d1a1fb0d 100644
--- a/src/app/Pages/Admin/Presets.tsx
+++ b/src/app/Pages/Admin/Presets.tsx
@@ -1,49 +1,49 @@
-import React, { useEffect, useState } from 'react'
 import {
-	Group,
-	TextInput,
+	ActionIcon,
+	Alert,
+	Badge,
 	Box,
 	Button,
 	Center,
-	ActionIcon,
-	Select,
-	LoadingOverlay,
 	Checkbox,
+	Chip,
 	ColorInput,
+	Group,
+	LoadingOverlay,
 	Modal,
-	SelectItem,
 	NumberInput,
-	Chip,
+	Select,
+	SelectItem,
+	Table,
 	Text,
+	TextInput,
 	Title,
-	Table,
-	Alert,
-	Badge,
 } from '@mantine/core'
 import { useForm } from '@mantine/form'
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd'
+import { useModals } from '@mantine/modals'
+import { showNotification } from '@mantine/notifications'
+import { FaCheck } from '@react-icons/all-files/fa/FaCheck'
 import { FaFolder } from '@react-icons/all-files/fa/FaFolder'
 import { FaGripVertical } from '@react-icons/all-files/fa/FaGripVertical'
-import { FaRegClock } from '@react-icons/all-files/fa/FaRegClock'
-import { FaTrash } from '@react-icons/all-files/fa/FaTrash'
-import { FaRegClone } from '@react-icons/all-files/fa/FaRegClone'
 import { FaPencilAlt } from '@react-icons/all-files/fa/FaPencilAlt'
-import { FaSpaceShuttle } from '@react-icons/all-files/fa/FaSpaceShuttle'
-import { FaSave } from '@react-icons/all-files/fa/FaSave'
 import { FaPlus } from '@react-icons/all-files/fa/FaPlus'
 import { FaRecycle } from '@react-icons/all-files/fa/FaRecycle'
-import { useAppSelector } from './../../apis/redux/mainStore'
+import { FaRegClock } from '@react-icons/all-files/fa/FaRegClock'
+import { FaRegClone } from '@react-icons/all-files/fa/FaRegClone'
+import { FaSave } from '@react-icons/all-files/fa/FaSave'
+import { FaSpaceShuttle } from '@react-icons/all-files/fa/FaSpaceShuttle'
+import { FaTrash } from '@react-icons/all-files/fa/FaTrash'
+import React, { useEffect, useState } from 'react'
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd'
 import { DatabasePreset, PresetTypes } from './../../../database/repository/preset'
-import { ApiCall } from './../../apis/wrapper'
-import { OSCPresetEditModal } from './../../Components/Admin/Controls/Presets/EditModal/OSC'
+import { E131PresetEditModal } from './../../Components/Admin/Controls/Presets/EditModal/E131'
 import { HTTPPresetEditModal } from './../../Components/Admin/Controls/Presets/EditModal/HTTP'
 import { MacroPresetEditModal } from './../../Components/Admin/Controls/Presets/EditModal/Macro'
-import { E131PresetEditModal } from './../../Components/Admin/Controls/Presets/EditModal/E131'
-import { useModals } from '@mantine/modals'
-import { FaCheck } from '@react-icons/all-files/fa/FaCheck'
-import { showNotification } from '@mantine/notifications'
+import { OSCPresetEditModal } from './../../Components/Admin/Controls/Presets/EditModal/OSC'
 import { isValidJson } from './../../Components/Admin/Controls/Presets/EditModal/isValidJson'
-import { AvailableIcons, ButtonIconSelectItem } from './../../Components/ControlPanel/ButtonIcon'
+import { ButtonIconSelectItem, availableIcons } from './../../Components/ControlPanel/ButtonIcon'
+import { useAppSelector } from './../../apis/redux/mainStore'
+import { ApiCall } from './../../apis/wrapper'
 
 interface FormValues {
 	presets: Array<DatabasePreset>
@@ -170,7 +170,7 @@ export const PresetsConfigurationPage = () => {
 								clearable={true}
 								data={[
 									{ value: null, icon: null, label: '' },
-									...Object.entries(AvailableIcons).map(([value, name]) => ({
+									...Object.entries(availableIcons()).map(([value, name]) => ({
 										value: value,
 										icon: value,
 										label: name,
@@ -255,6 +255,7 @@ export const PresetsConfigurationPage = () => {
 									universe: form.values.presets[index].universe,
 									fadeTime: form.values.presets[index].fadeTime,
 									data: form.values.presets[index].data,
+									timeClockTriggers: null, //Deliberate decision not to copy these
 									httpTriggerEnabled: form.values.presets[index].httpTriggerEnabled,
 									folderId: form.values.presets[index].folderId,
 									color: form.values.presets[index].color,
@@ -350,6 +351,7 @@ export const PresetsConfigurationPage = () => {
 																	universe: 1,
 																	fadeTime: 0,
 																	data: null,
+																	timeClockTriggers: null,
 																	httpTriggerEnabled: false,
 																	folderId: '0',
 																	icon: null,
diff --git a/src/app/Pages/Admin/TimeClockTriggers.tsx b/src/app/Pages/Admin/TimeClockTriggers.tsx
new file mode 100644
index 00000000..93a9624a
--- /dev/null
+++ b/src/app/Pages/Admin/TimeClockTriggers.tsx
@@ -0,0 +1,261 @@
+import {
+	ActionIcon,
+	Box,
+	Button,
+	Checkbox,
+	Group,
+	LoadingOverlay,
+	Modal,
+	NumberInput,
+	Select,
+	SelectItem,
+	Table,
+	Text,
+	TextInput,
+	Textarea,
+	Title,
+} from '@mantine/core'
+import { useForm } from '@mantine/form'
+import { showNotification } from '@mantine/notifications'
+import { FaCheck } from '@react-icons/all-files/fa/FaCheck'
+import { FaCog } from '@react-icons/all-files/fa/FaCog'
+import { FaPlus } from '@react-icons/all-files/fa/FaPlus'
+import { FaRegClone } from '@react-icons/all-files/fa/FaRegClone'
+import { FaSave } from '@react-icons/all-files/fa/FaSave'
+import { FaTrash } from '@react-icons/all-files/fa/FaTrash'
+import React, { useEffect, useState } from 'react'
+import { DatabaseTimeClockTrigger } from '../../../database/repository/timeClockTrigger'
+import { useAppSelector } from '../../apis/redux/mainStore'
+import { ApiCall } from '../../apis/wrapper'
+
+interface FormValues {
+	triggers: Array<DatabaseTimeClockTrigger>
+}
+
+export const TimeClockTriggersConfigurationPage = () => {
+	const [modalVisible, setModalVisible] = useState<number | false>(false)
+	const [loadingOverlayVisible, setLoadingOverlayVisible] = useState(false)
+	const [formOriginalValues, setFormOriginalValues] = useState<string>('') // Values used to detect unsaved changes
+	const presets = useAppSelector(state => (state.database ? state.database.presets : false))
+	const folders = useAppSelector(state => (state.database ? state.database.folders : false))
+	const timeClockTriggers = useAppSelector(state => (state.database ? state.database.timeClockTriggers : false))
+	const presetsForSelect: Array<SelectItem> = []
+	// Prepare folders list for select dropdown
+	if (presets !== false && folders !== false) {
+		Object.entries(presets).forEach(([, value]) => {
+			if (value.folderId !== null) {
+				presetsForSelect.push({
+					value: value.id.toString(),
+					label: value.name,
+					group: folders[value.folderId as unknown as number].name,
+				})
+			}
+		})
+	}
+	// Setup the form
+	const form = useForm<FormValues>({
+		initialValues: {
+			triggers: Array<DatabaseTimeClockTrigger>(),
+		},
+		validate: {
+			triggers: {
+				timeout: (value: number) => (value < 0 ? 'Timeout should be a number' : null),
+				time: (value: string) =>
+					value.match(/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/) ? null : 'Time should be in hh:mm format',
+				presetId: value =>
+					typeof value === 'undefined' || value == null || parseInt(value) == 0
+						? 'Preset must be selected'
+						: null,
+			},
+		},
+	})
+	useEffect(() => {
+		if (timeClockTriggers !== false) {
+			const formValues = { triggers: timeClockTriggers.map(item => ({ ...item })) }
+			form.setValues(formValues) // Make a copy of the presets using map because the object is not extensible
+			setFormOriginalValues(JSON.stringify(formValues))
+			setLoadingOverlayVisible(false)
+		} else if (!loadingOverlayVisible) setLoadingOverlayVisible(true)
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, [presets])
+	const saveByUserNeeded = formOriginalValues !== JSON.stringify(form.values) // Does the user have unsaved changes
+	// Handle the submit button
+	const handleSubmit = (values: typeof form.values) => {
+		setLoadingOverlayVisible(true)
+		ApiCall.put('/timeClockTriggers', values.triggers).then(() => {
+			showNotification({
+				message: 'Your changes have been saved',
+				autoClose: 2000,
+				disallowClose: true,
+				color: 'green',
+				icon: <FaCheck />,
+			})
+		})
+	}
+	const fields = form.values.triggers.map((_, index) => (
+		<tr key={index}>
+			<td style={{ width: '36.5em' }}>
+				{form.values.triggers[index].notes ? <Text mb={'sm'}>{form.values.triggers[index].notes}</Text> : null}
+				<Group position="left">
+					{['Mon', 'Tues', 'Weds', 'Thurs', 'Fri', 'Sat', 'Sun'].map((day, i) => (
+						<Checkbox
+							key={i}
+							size={'lg'}
+							description={day}
+							{...form.getInputProps(`triggers.${index}.${day.toLowerCase()}`, { type: 'checkbox' })}
+						/>
+					))}
+				</Group>
+			</td>
+			<td style={{ width: '6em' }}>
+				<TextInput {...form.getInputProps(`triggers.${index}.time`)} />
+			</td>
+			<td>
+				<Select
+					placeholder="Preset"
+					searchable={true}
+					nothingFound="Preset not found"
+					{...form.getInputProps(`triggers.${index}.presetId`)}
+					data={presetsForSelect}
+				/>
+			</td>
+			<td style={{ width: 0 }}>
+				<Modal
+					opened={modalVisible === index}
+					onClose={() => {
+						setModalVisible(false)
+					}}
+					size="xl"
+					title="Advanced Options"
+					overflow="inside"
+				>
+					<Textarea
+						{...form.getInputProps(`triggers.${index}.notes`)}
+						label="Notes"
+						description={'Only visible here in the editor'}
+						mt={'md'}
+						rows={3}
+					/>
+					<Checkbox
+						size={'lg'}
+						mt={'md'}
+						label="Enabled"
+						description="If unchecked, this trigger will be skipped every time"
+						{...form.getInputProps(`triggers.${index}.enabled`, { type: 'checkbox' })}
+					/>
+					<Checkbox
+						size={'lg'}
+						mt={'md'}
+						label="Run when locked"
+						description="If unchecked, this trigger will be skipped if the control panel is locked"
+						{...form.getInputProps(`triggers.${index}.enabledWhenLocked`, { type: 'checkbox' })}
+					/>
+					<NumberInput
+						{...form.getInputProps(`triggers.${index}.timeout`)}
+						min={1}
+						label="Timeout"
+						description="How many minutes after the time stated the trigger can run"
+						max={60}
+						step={1}
+						mt={'lg'}
+					/>
+					{form.values.triggers[index].lastTriggeredString === '' ? null : (
+						<Text mt="md">
+							Last Triggered: {form.values.triggers[index].lastTriggeredString}
+							{form.values.triggers[index].enabledWhenLocked !== true
+								? '. Caution: This does not take into account whether the device was locked at the time the preset was triggered.'
+								: ''}
+						</Text>
+					)}
+				</Modal>
+
+				<ActionIcon variant="transparent" onClick={() => setModalVisible(index)}>
+					<FaCog />
+				</ActionIcon>
+			</td>
+			<td style={{ width: 0 }}>
+				<ActionIcon
+					title="Duplicate"
+					variant="transparent"
+					onClick={() => {
+						const newItem = form.values.triggers[index]
+						newItem.id = null
+						form.insertListItem('triggers', newItem)
+					}}
+				>
+					<FaRegClone />
+				</ActionIcon>
+			</td>
+			<td style={{ width: 0 }}>
+				<ActionIcon
+					color="red"
+					title="Delete"
+					variant="transparent"
+					onClick={() => form.removeListItem('triggers', index)}
+				>
+					<FaTrash />
+				</ActionIcon>
+			</td>
+		</tr>
+	))
+
+	return (
+		<Box mx="lg">
+			<div style={{ position: 'relative' }}>
+				<LoadingOverlay visible={loadingOverlayVisible} transitionDuration={0} />
+				{timeClockTriggers !== false && presets !== false ? (
+					<form onSubmit={form.onSubmit(handleSubmit)}>
+						<Group position="left" mt="md">
+							<Title>Scheduled Presets</Title>
+							{saveByUserNeeded ? (
+								<Button type="submit" leftIcon={<FaSave />}>
+									Save
+								</Button>
+							) : null}
+						</Group>
+						<Table verticalSpacing="sm" fontSize="md">
+							<thead>
+								<tr>
+									<th>
+										<Button
+											compact
+											mr={'md'}
+											variant="default"
+											onClick={() =>
+												form.insertListItem('triggers', {
+													time: '00:00',
+													timeout: 5,
+													enabled: true,
+													enabledWhenLocked: true,
+													mon: true,
+													tues: true,
+													weds: true,
+													thurs: true,
+													fri: true,
+													sat: true,
+													sun: true,
+													presetId: null,
+												})
+											}
+										>
+											<FaPlus />
+										</Button>
+										Days of Week
+									</th>
+									<th>Time</th>
+									<th>Preset</th>
+									<th></th>
+									<th></th>
+									<th></th>
+								</tr>
+							</thead>
+							<tbody>{fields}</tbody>
+						</Table>
+					</form>
+				) : (
+					'Loading'
+				)}
+			</div>
+		</Box>
+	)
+}
diff --git a/src/app/Pages/ControlPanel/Preset.tsx b/src/app/Pages/ControlPanel/Preset.tsx
index 7d127fa2..52b867fa 100644
--- a/src/app/Pages/ControlPanel/Preset.tsx
+++ b/src/app/Pages/ControlPanel/Preset.tsx
@@ -1,14 +1,14 @@
+import { Button, Paper } from '@mantine/core'
+import { FaLevelUpAlt } from '@react-icons/all-files/fa/FaLevelUpAlt'
 import React from 'react'
 import { Link, useNavigate, useParams } from 'react-router-dom'
+import { ButtonIcon } from '../../Components/ControlPanel/ButtonIcon'
 import { DatabaseFolder } from './../../../database/repository/folder'
-import { Button, Paper } from '@mantine/core'
-import { FaLevelUpAlt } from '@react-icons/all-files/fa/FaLevelUpAlt'
+import { PresetFaders } from './../../Components/ControlPanel/PresetFaders'
 import { DangerouslySetHTML } from './../../Components/DangerouslySetHTML'
-import { pickTextColorBasedOnBgColor } from './../../apis/utilities/pickOppositeTextColor'
 import { useAppSelector } from './../../apis/redux/mainStore'
+import { pickTextColorBasedOnBgColor } from './../../apis/utilities/pickOppositeTextColor'
 import { ApiCall } from './../../apis/wrapper'
-import { ButtonIconReact } from '../../Components/ControlPanel/ButtonIcon'
-import { PresetFaders } from './../../Components/ControlPanel/PresetFaders'
 const PresetButton = ({
 	text,
 	presetId,
@@ -40,7 +40,7 @@ const PresetButton = ({
 			size="xl"
 			mx="xs"
 			my="xs"
-			rightIcon={icon ? <ButtonIconReact icon={icon} /> : null}
+			rightIcon={icon ? <ButtonIcon icon={icon} /> : null}
 		>
 			{text}
 		</Button>
@@ -64,7 +64,7 @@ const FolderButton = ({
 			size="xl"
 			mx="xs"
 			my="xs"
-			leftIcon={backButton ? <FaLevelUpAlt /> : <ButtonIconReact icon={icon ? icon : 'FaFolder'} />}
+			leftIcon={backButton ? <FaLevelUpAlt /> : <ButtonIcon icon={icon ? icon : 'FaFolder'} />}
 		>
 			{text}
 		</Button>
diff --git a/src/app/app.css b/src/app/app.css
index 9fe4dfe3..60925395 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -1,9 +1,3 @@
-/* Default web fonts
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
-    Arial, sans-serif;
-}
-*/
 body {
   margin: 0;
 }
\ No newline at end of file
diff --git a/src/app/index.html b/src/app/index.html
index c641b66a..40909227 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" type="image/x-icon" href="/icon/favicon.ico">
+    <title>ParadisePi</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/app/router.tsx b/src/app/router.tsx
index 9c66631a..fca130bb 100644
--- a/src/app/router.tsx
+++ b/src/app/router.tsx
@@ -16,6 +16,7 @@ import { ChannelCheckPage } from './Pages/ControlPanel/E131/ChannelCheck'
 import { KeypadPage } from './Pages/ControlPanel/E131/Keypad'
 import { useViewportSize } from '@mantine/hooks'
 import { AdminPin } from './Components/Admin/AdminPin'
+import { TimeClockTriggersConfigurationPage } from './Pages/Admin/TimeClockTriggers'
 
 const MainNav = ({ navigation }: { navigation: ReactElement }) => {
 	const { height } = useViewportSize()
@@ -61,6 +62,7 @@ const HashRouter = createHashRouter(
 				<Route path="presets" element={<PresetsConfigurationPage />} />
 				<Route path="faders" element={<FadersConfigurationPage />} />
 				<Route path="controls" element={<ControlsConfigurationPage />} />
+				<Route path="timeClockTriggers" element={<TimeClockTriggersConfigurationPage />} />
 			</Route>
 			<Route path="*" element={<LandingPage />} />
 		</>
diff --git a/src/database/dataSource.ts b/src/database/dataSource.ts
index 60004604..c995266f 100644
--- a/src/database/dataSource.ts
+++ b/src/database/dataSource.ts
@@ -1,15 +1,15 @@
+import path from 'path'
 import 'reflect-metadata'
 import { DataSource } from 'typeorm'
-import path from 'path'
 
 /**
  * Manually import each of the models/migrations because otherwise Webpack doesn't spot them
  */
+import { MyCustomLogger } from './logger'
 import { Config } from './model/Config'
-import { Preset } from './model/Preset'
 import { Fader } from './model/Fader'
 import { Folders } from './model/Folder'
-import { MyCustomLogger } from './logger'
+import { Preset } from './model/Preset'
 
 import { Initial1650709558593 } from './migration/1650709558593-Initial'
 import { InsertConfig1650710286405 } from './migration/1650710286405-InsertConfig'
@@ -34,6 +34,8 @@ import { RemotePassword1668243876000 } from './migration/1668243876000-RemotePas
 import { AdminPin1668252943000 } from './migration/1668252943000-AdminPin'
 import { HTTPTriggers1685982219806 } from './migration/1685982219806-HTTPTriggers'
 import { PresetIcons1686849999231 } from './migration/1686849999231-PresetIcons'
+import { TimeClockTriggers1686937486497 } from './migration/1686937486497-TimeClockTriggers'
+import { TimeClockTrigger } from './model/TimeClockTrigger'
 
 const dataSource = new DataSource({
 	type: 'better-sqlite3',
@@ -41,7 +43,7 @@ const dataSource = new DataSource({
 	synchronize: false,
 	migrationsRun: true,
 	cache: false,
-	entities: [Config, Preset, Folders, Preset, Fader],
+	entities: [Config, Preset, Folders, Preset, Fader, TimeClockTrigger],
 	migrations: [
 		Initial1650709558593,
 		InsertConfig1650710286405,
@@ -66,6 +68,7 @@ const dataSource = new DataSource({
 		AdminPin1668252943000,
 		HTTPTriggers1685982219806,
 		PresetIcons1686849999231,
+		TimeClockTriggers1686937486497,
 	],
 	subscribers: [],
 	logger: new MyCustomLogger(),
diff --git a/src/database/migration/1686937486497-TimeClockTriggers.ts b/src/database/migration/1686937486497-TimeClockTriggers.ts
new file mode 100644
index 00000000..9661e251
--- /dev/null
+++ b/src/database/migration/1686937486497-TimeClockTriggers.ts
@@ -0,0 +1,15 @@
+import { MigrationInterface, QueryRunner } from 'typeorm'
+
+export class TimeClockTriggers1686937486497 implements MigrationInterface {
+	name = 'TimeClockTriggers1686937486497'
+
+	public async up(queryRunner: QueryRunner): Promise<void> {
+		await queryRunner.query(
+			`CREATE TABLE "timeclocktriggers" ("id" integer PRIMARY KEY AUTOINCREMENT NOT NULL, "time" text NOT NULL, "notes" text, "lastTriggered" integer NOT NULL DEFAULT (0), "enabled" boolean NOT NULL DEFAULT (1), "enabledWhenLocked" boolean NOT NULL DEFAULT (1), "timeout" integer NOT NULL DEFAULT (0), "countdownWarning" integer NOT NULL DEFAULT (0), "countdownWarningText" text, "mon" boolean NOT NULL DEFAULT (1), "tues" boolean NOT NULL DEFAULT (1), "weds" boolean NOT NULL DEFAULT (1), "thurs" boolean NOT NULL DEFAULT (1), "fri" boolean NOT NULL DEFAULT (1), "sat" boolean NOT NULL DEFAULT (1), "sun" boolean NOT NULL DEFAULT (1), "createdAt" datetime DEFAULT (datetime('now')), "updatedAt" datetime DEFAULT (datetime('now')), "version" integer, "presetId" integer)`
+		)
+	}
+
+	public async down(queryRunner: QueryRunner): Promise<void> {
+		await queryRunner.query(`DROP TABLE "timeclocktriggers"`)
+	}
+}
diff --git a/src/database/model/Preset.ts b/src/database/model/Preset.ts
index 6b9a0d9a..bc9cea59 100644
--- a/src/database/model/Preset.ts
+++ b/src/database/model/Preset.ts
@@ -4,11 +4,13 @@ import {
 	CreateDateColumn,
 	Entity,
 	ManyToOne,
+	OneToMany,
 	PrimaryGeneratedColumn,
 	UpdateDateColumn,
 	VersionColumn,
 } from 'typeorm'
 import { Folders } from './Folder'
+import { TimeClockTrigger } from './TimeClockTrigger'
 
 @Entity('presets', {
 	orderBy: {
@@ -62,6 +64,9 @@ export class Preset {
 		[key: string]: any
 	}
 
+	@OneToMany(() => TimeClockTrigger, TimeClockTrigger => TimeClockTrigger.preset)
+	timeClockTriggers: TimeClockTrigger[]
+
 	@Column('boolean', {
 		default: false,
 	})
diff --git a/src/database/model/TimeClockTrigger.ts b/src/database/model/TimeClockTrigger.ts
new file mode 100644
index 00000000..05083ad9
--- /dev/null
+++ b/src/database/model/TimeClockTrigger.ts
@@ -0,0 +1,105 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import {
+	Column,
+	CreateDateColumn,
+	Entity,
+	ManyToOne,
+	PrimaryGeneratedColumn,
+	UpdateDateColumn,
+	VersionColumn,
+} from 'typeorm'
+import { Preset } from './Preset'
+
+@Entity('timeclocktriggers', {
+	orderBy: {
+		time: 'ASC',
+	},
+})
+export class TimeClockTrigger {
+	@PrimaryGeneratedColumn()
+	id: number
+
+	@Column('text')
+	time: string
+
+	@Column('text', { nullable: true })
+	notes: string | null
+
+	@Column('integer', {
+		default: 0,
+	})
+	lastTriggered: number
+
+	@Column('boolean', {
+		default: true,
+	})
+	enabled: boolean
+
+	@Column('boolean', {
+		default: true,
+	})
+	enabledWhenLocked: boolean
+
+	@Column('integer', {
+		default: 5,
+	})
+	timeout: number
+
+	@Column('integer', {
+		default: 0,
+	})
+	countdownWarning: number
+
+	@Column('text', { nullable: true })
+	countdownWarningText: string | null
+
+	@ManyToOne(() => Preset, Presets => Presets.timeClockTriggers, {
+		createForeignKeyConstraints: false,
+		eager: true,
+	})
+	preset: Preset
+
+	@Column('boolean', {
+		default: true,
+	})
+	mon: boolean
+
+	@Column('boolean', {
+		default: true,
+	})
+	tues: boolean
+
+	@Column('boolean', {
+		default: true,
+	})
+	weds: boolean
+
+	@Column('boolean', {
+		default: true,
+	})
+	thurs: boolean
+
+	@Column('boolean', {
+		default: true,
+	})
+	fri: boolean
+
+	@Column('boolean', {
+		default: true,
+	})
+	sat: boolean
+
+	@Column('boolean', {
+		default: true,
+	})
+	sun: boolean
+
+	@CreateDateColumn({ nullable: true })
+	createdAt: Date
+
+	@UpdateDateColumn({ nullable: true })
+	updatedAt: Date
+
+	@VersionColumn({ nullable: true })
+	version: number
+}
diff --git a/src/database/repository/preset.ts b/src/database/repository/preset.ts
index 0bd4b33d..a089536d 100644
--- a/src/database/repository/preset.ts
+++ b/src/database/repository/preset.ts
@@ -1,5 +1,5 @@
-import { parseJSON } from './../../api/parseUserJson'
 import { In, Not } from 'typeorm'
+import { parseJSON } from './../../api/parseUserJson'
 import dataSource from './../dataSource'
 import { Preset } from './../model/Preset'
 
diff --git a/src/database/repository/timeClockTrigger.ts b/src/database/repository/timeClockTrigger.ts
new file mode 100644
index 00000000..a85902cb
--- /dev/null
+++ b/src/database/repository/timeClockTrigger.ts
@@ -0,0 +1,120 @@
+import { In, Not } from 'typeorm'
+import dataSource from '../dataSource'
+import { TimeClockTrigger } from '../model/TimeClockTrigger'
+
+export interface DatabaseTimeClockTrigger {
+	id: number
+	presetId: string // An unfortunate feature of the mantine select is that it requires a string instead of a number :(
+	time: string
+	notes: string
+	enabled: boolean
+	enabledWhenLocked: boolean
+	timeout: number
+	countdownWarning: number // TODO implement
+	countdownWarningText: string // TODO implement
+
+	lastTriggeredString: string
+
+	mon: boolean
+	tues: boolean
+	weds: boolean
+	thurs: boolean
+	fri: boolean
+	sat: boolean
+	sun: boolean
+}
+
+export const TimeClockTriggersRepository = dataSource.getRepository(TimeClockTrigger).extend({
+	async getAll(): Promise<Array<DatabaseTimeClockTrigger>> {
+		const items = await this.find()
+		return items.map((item: TimeClockTrigger) => {
+			return {
+				id: item.id,
+				time: item.time,
+				notes: item.notes,
+				presetId: item.preset !== null ? item.preset.id.toString() : null,
+				enabled: item.enabled,
+				enabledWhenLocked: item.enabledWhenLocked,
+				timeout: item.timeout,
+				countdownWarning: item.countdownWarning,
+				countdownWarningText: item.countdownWarningText,
+				lastTriggeredString:
+					item.lastTriggered !== null && item.lastTriggered > 0
+						? new Date(item.lastTriggered).toString()
+						: '',
+				mon: item.mon,
+				tues: item.tues,
+				weds: item.weds,
+				thurs: item.thurs,
+				fri: item.fri,
+				sat: item.sat,
+				sun: item.sun,
+			}
+		})
+	},
+	async getToRun(dayOfWeek: string): Promise<
+		Array<{
+			id: number
+			time: string
+			presetId: number
+			timeout: number
+			enabledWhenLocked: boolean
+			lastTriggered: number
+		}>
+	> {
+		const items = await this.find({
+			select: {
+				id: true,
+				time: true,
+				preset: true,
+				timeout: true,
+				enabledWhenLocked: true,
+				lastTriggered: true,
+			},
+			where: {
+				enabled: true,
+				...(dayOfWeek === 'mon' && { mon: true }),
+				...(dayOfWeek === 'tues' && { tues: true }),
+				...(dayOfWeek === 'weds' && { weds: true }),
+				...(dayOfWeek === 'thurs' && { thurs: true }),
+				...(dayOfWeek === 'fri' && { fri: true }),
+				...(dayOfWeek === 'sat' && { sat: true }),
+				...(dayOfWeek === 'sun' && { sun: true }),
+			},
+			order: {
+				time: 'ASC',
+			},
+		})
+		return items.map((item: TimeClockTrigger) => {
+			return {
+				id: item.id,
+				time: item.time,
+				timeout: item.timeout,
+				enabledWhenLocked: item.enabledWhenLocked,
+				lastTriggered: item.lastTriggered,
+				presetId: item.preset !== null ? item.preset.id : null,
+			}
+		})
+	},
+	async setAllFromApp(timeClockTriggers: Array<DatabaseTimeClockTrigger>): Promise<void> {
+		const idsToKeep: Array<number> = timeClockTriggers
+			.filter((trigger: DatabaseTimeClockTrigger) => trigger.id !== null)
+			.map((trigger: DatabaseTimeClockTrigger) => trigger.id)
+		await this.delete({
+			id: Not(In(idsToKeep)),
+		})
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		const toInsert: Array<{ [key: string]: any }> = timeClockTriggers.map((trigger: DatabaseTimeClockTrigger) => {
+			const presetId = trigger.presetId !== null ? parseInt(trigger.presetId) : null
+			delete trigger.presetId
+			delete trigger.lastTriggeredString
+			return {
+				...trigger,
+				preset: presetId,
+				countdownWarning: 0,
+				countdownWarningText: '',
+			}
+		})
+		await this.upsert(toInsert, ['id'])
+	},
+})
diff --git a/src/globals.d.ts b/src/globals.d.ts
index 65816efc..b1041056 100644
--- a/src/globals.d.ts
+++ b/src/globals.d.ts
@@ -18,6 +18,7 @@ declare global {
 	var e131: E131
 	var osc: OSC
 	var port: number | false
+	var timeClockTriggerLoop: NodeJS.Timer
 	interface apiObject {
 		[key: string]: any
 	}
diff --git a/src/index.ts b/src/index.ts
index 6d7eea3f..aec68742 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,15 +1,16 @@
-import { app, BrowserWindow, ipcMain, IpcMainEvent, dialog } from 'electron'
+import { BrowserWindow, IpcMainEvent, app, dialog, ipcMain } from 'electron'
 import 'reflect-metadata'
-import createMainWindow from './electron/createMainWindow'
-import dataSource from './database/dataSource'
-import { WebServer } from './webServer'
-import { routeRequest } from './api/router'
 import { IpcRequest } from './api/ipc'
+import { routeRequest } from './api/router'
+import dataSource from './database/dataSource'
+import { ConfigRepository } from './database/repository/config'
+import createMainWindow from './electron/createMainWindow'
+import { isRunningInDevelopmentMode } from './electron/developmentMode'
 import logger, { winstonTransports } from './logger/index'
 import { createE131 } from './output/e131/constructor'
 import { createOSC } from './output/osc/constructor'
-import { isRunningInDevelopmentMode } from './electron/developmentMode'
-import { ConfigRepository } from './database/repository/config'
+import { timeClockTriggerRunner } from './timeClockTriggerRunner'
+import { WebServer } from './webServer'
 // Handle creating/removing shortcuts on Windows when installing/uninstalling.
 if (require('electron-squirrel-startup')) {
 	// eslint-disable-line global-require
@@ -39,6 +40,7 @@ app.whenReady().then(() => {
 		.then(() => {
 			createE131()
 			createOSC()
+			globalThis.timeClockTriggerLoop = setInterval(() => timeClockTriggerRunner(), 20000) // Run every 20 seconds
 			return ConfigRepository.getItem('fullscreen')
 		})
 		.then((fullscreen: string) => {
@@ -62,6 +64,7 @@ app.whenReady().then(() => {
 // Quit when all windows are closed, except on macOS. There, it's common for applications and their menu bar to stay active until the user quits explicitly with Cmd + Q.
 app.on('window-all-closed', () => {
 	if (process.platform !== 'darwin') {
+		clearInterval(globalThis.timeClockTriggerLoop)
 		app.quit()
 	}
 })
diff --git a/src/logger/index.ts b/src/logger/index.ts
index 55c750c7..c2751bbc 100644
--- a/src/logger/index.ts
+++ b/src/logger/index.ts
@@ -1,14 +1,13 @@
-import { createLogger, format, transports } from 'winston'
-import { BroadcastTransport } from './broadcastTransport'
 import fs from 'fs'
 import path from 'path'
+import { createLogger, format, transports } from 'winston'
 import { isRunningInDevelopmentMode } from './../electron/developmentMode'
+import { BroadcastTransport } from './broadcastTransport'
 
 const logDir = path.join(__dirname, '../../logs')
 if (!fs.existsSync(logDir)) {
 	fs.mkdirSync(logDir)
 }
-
 const logLevels = {
 	levels: {
 		error: 0, // Errors that cannot be recovered from - these are crashing the app (e.g. multiple interfaces found)
@@ -26,7 +25,7 @@ const logLevels = {
 }
 export const winstonTransports = {
 	console: new transports.Console({
-		level: isRunningInDevelopmentMode ? 'verbose' : 'debug',
+		level: isRunningInDevelopmentMode ? 'debug' : 'info',
 		format: format.json(),
 	}),
 	file: new transports.File({
@@ -54,7 +53,7 @@ const logger = createLogger({
 	),
 	transports: [winstonTransports.file],
 	exceptionHandlers: isRunningInDevelopmentMode ? [] : [winstonTransports.file],
-	exitOnError: true,
+	exitOnError: isRunningInDevelopmentMode ? false : true,
 	rejectionHandlers: isRunningInDevelopmentMode ? [] : [winstonTransports.file],
 })
 
diff --git a/src/output/e131/constructor.ts b/src/output/e131/constructor.ts
index 82d8d860..4d20bd51 100644
--- a/src/output/e131/constructor.ts
+++ b/src/output/e131/constructor.ts
@@ -9,9 +9,8 @@ export const createE131 = async () => {
 		const sourceName = await ConfigRepository.getItem('e131SourceName')
 		const priority = parseInt(await ConfigRepository.getItem('e131Priority'))
 		const frequency = parseInt(await ConfigRepository.getItem('e131Frequency'))
-		const effectMode = (await ConfigRepository.getItem('e131Sampler_effectMode')) == '0' ? false : true
 		const sampleTime = parseInt(await ConfigRepository.getItem('e131Sampler_time'))
-		globalThis.e131 = new E131(firstUniverse, universes, sourceName, priority, frequency, effectMode, sampleTime)
+		globalThis.e131 = new E131(firstUniverse, universes, sourceName, priority, frequency, sampleTime)
 	}
 }
 export const destroyE131 = (): Promise<void> => {
diff --git a/src/output/e131/index.ts b/src/output/e131/index.ts
index ed15939a..8e2d4506 100644
--- a/src/output/e131/index.ts
+++ b/src/output/e131/index.ts
@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/no-this-alias */
-import { networkInterfaces } from 'os'
 import { Client, Server } from '@paradise-pi/e131'
-import { PresetRepository } from './../../database/repository/preset'
 import ip from 'ip'
+import { networkInterfaces } from 'os'
 import { broadcast } from './../../api/broadcast'
-import { createDatabaseObject, Database, sendDatabaseObject } from './../../api/database'
+import { Database, createDatabaseObject, sendDatabaseObject } from './../../api/database'
+import { PresetRepository } from './../../database/repository/preset'
 
 export interface channelData {
 	channel: number
@@ -20,13 +20,15 @@ interface channelFade {
 	fadeToTimestamp: number
 }
 
-interface UniverseData {
+interface WorkingUniverseData {
+	// Whilst the universe is being sampled then arrays are captured, they are then converted to final values
 	[sourceName: string]: {
 		[universe: number]: {
-			[channel: number]: number
+			[channel: number]: Array<number>
 		}
 	}
 }
+
 /**
  * sACN = E1.31
  */
@@ -40,7 +42,6 @@ export class E131 {
 	private priority: number
 	private frequency: number
 	private running: boolean
-	private effectMode: boolean
 	private sampleTime: number
 
 	constructor(
@@ -49,7 +50,6 @@ export class E131 {
 		sourceName: string,
 		priority: number,
 		frequency: number,
-		effectMode: boolean,
 		sampleTime: number
 	) {
 		this.firstUniverse = firstUniverse
@@ -57,7 +57,6 @@ export class E131 {
 		this.sourceName = sourceName
 		this.priority = priority
 		this.frequency = frequency
-		this.effectMode = effectMode
 		this.sampleTime = sampleTime
 		logger.verbose('Opening E1.31 Connection')
 		this.init()
@@ -117,7 +116,7 @@ export class E131 {
 	 * @returns promise that resolves when the termination is done
 	 */
 	public terminate(): Promise<void> {
-		logger.verbose('Terminating E1.31 Connection')
+		logger.verbose('Terminating E1.31 Client')
 		this.running = false // Stop the normal loop to avoid client confusion
 		return [...Array(this.firstUniverse + this.universes - 1)].reduce((previous, _current, i) => {
 			return previous.then(() => {
@@ -136,6 +135,7 @@ export class E131 {
 						this.e131Clients[i + this.firstUniverse]['client'].send(
 							this.e131Clients[i + this.firstUniverse]['packet'],
 							() => {
+								// Close the connection
 								this.e131Clients[i + this.firstUniverse] = undefined
 								resolve()
 							}
@@ -233,14 +233,19 @@ export class E131 {
 		return Buffer.from(interfaces[Object.keys(interfaces)[0]][0].mac) // Get a unique ID to set as the CID
 	}
 
-	public async sampleE131() {
-		await this.terminate() // Stop light output entirely and clear all universes
+	/**
+	 * Returns the most common value from an array
+	 * @param arr - array
+	 * @returns the most common item in the array
+	 */
+	private arrayMode(arr: Array<number>): number {
+		if (arr.length === 0) return null
+		else if (arr.length === 1) return arr[0]
+		else return arr.sort((a, b) => arr.filter(v => v === a).length - arr.filter(v => v === b).length).pop()
+	}
 
-		logger.verbose(
-			'Starting Sampling Mode - ' + this.effectMode
-				? 'Storing first value of a varying value (EFFECT MODE ON)'
-				: 'Ignoring varying values (EFFECT MODE OFF)'
-		)
+	public async sampleE131() {
+		logger.verbose('Starting Sampling Mode - storing most common value for each parameter where effects are in use')
 
 		const numUniverses = this.universes > 20 ? 20 : this.universes // 20 universe limit is enforced due to memory limitations
 		const universes = Array.from({ length: numUniverses }, (_, i) => i + this.firstUniverse) // Generates an array like [1,2,3,4,5] because that's what the lib likes
@@ -252,14 +257,20 @@ export class E131 {
 		broadcast('e131SamplingMode', {
 			messageType: 'START',
 			status: true,
-			duration: sampleModeDuration,
-			message: `Started sampling with effect mode ${this.effectMode ? 'on' : 'off'}`,
+			duration: sampleModeDuration + 3000,
+			message: `Launching sampling mode`,
 		})
 		//get our current ip so we know which network interface is usable
 		const ipAddress = ip.address()
-		//Create our actual server object now port is free
+		await this.terminate() // Stop light output entirely and clear all universes
+		await new Promise(resolve => setTimeout(resolve, 2000)) // Wait for other sACN clients to detect that we've stopped sending
+		//Create our actual server object now port is free as we need to wait for the E131 lib to terminate
 		const server = new Server(universes, 5568, ipAddress)
-		logger.debug('E1.31 Server started')
+		logger.debug('E1.31 Server (receiver) started')
+		broadcast('e131SamplingMode', {
+			messageType: 'LOGLINE',
+			message: `Started sampling mode for ${sampleModeDuration / 1000} seconds`,
+		})
 
 		server.on('listening', () => {
 			broadcast('e131SamplingMode', {
@@ -269,7 +280,15 @@ export class E131 {
 			logger.verbose('Listening on port ' + server.getPort() + ' - ' + server.getUniverses() + ' universes')
 		})
 
-		const universeData: UniverseData = {}
+		server.on('error', (error: unknown) => {
+			broadcast('e131SamplingMode', {
+				messageType: 'LOGLINE',
+				message: 'Encountered error trying to sample data: ' + error,
+			})
+			logger.verbose('Encountered error', error)
+		})
+
+		const universeData: WorkingUniverseData = {}
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		server.on('packet', (packet: any) => {
 			const sourceName: string = packet.getSourceName().replace(/\0/g, '')
@@ -297,29 +316,27 @@ export class E131 {
 				}
 				for (let i = 0; i < slotsData.length; i++) {
 					if (universeData[sourceName][universe][i + 1] === undefined) {
-						universeData[sourceName][universe][i + 1] = slotsData[i]
-					} else if (!this.effectMode && universeData[sourceName][universe][i + 1] === null) {
-						// This has already been marked as jittery - so ignore it
-					} else if (!this.effectMode && universeData[sourceName][universe][i + 1] !== slotsData[i]) {
-						// So we've found data that doesn't match what we had down for it before, so it might be that an effect is running. The best way to deal with this is to mark it as false, which means it won't be saved (on purpose)
-						universeData[sourceName][universe][i + 1] = null
-						broadcast('e131SamplingMode', {
-							messageType: 'LOGLINE',
-							message: `Discarding data for channel ${i} due to value change in universe ${universe} from device ${sourceName} - effect mode is off so varying values are not captured`,
-						})
+						universeData[sourceName][universe][i + 1] = []
 					}
+					universeData[sourceName][universe][i + 1].push(slotsData[i])
 				}
 			}
 		})
 
 		await new Promise(resolve => setTimeout(resolve, sampleModeDuration)) // Wait the specified amount of time before stopping the server
-
+		broadcast('e131SamplingMode', {
+			messageType: 'LOGLINE',
+			message: 'Sampling complete, collating data',
+		})
 		for (const [deviceName, device] of Object.entries(universeData)) {
 			for (const [universeID, universeData] of Object.entries(device)) {
+				const finishedUniverseData: {
+					[channel: number]: number
+				} = {}
 				for (const key in universeData) {
-					// eslint-disable-next-line no-prototype-builtins
-					if (universeData.hasOwnProperty(key) && universeData[key] === null) {
-						delete universeData[key] // Remove null values
+					const mode = this.arrayMode(universeData[key])
+					if (mode !== null && mode !== undefined) {
+						finishedUniverseData[key] = mode
 					}
 				}
 				PresetRepository.insert({
@@ -327,7 +344,7 @@ export class E131 {
 					enabled: false,
 					universe: universeID,
 					type: 'e131',
-					data: JSON.parse(JSON.stringify(universeData)),
+					data: JSON.parse(JSON.stringify(finishedUniverseData)),
 				})
 					.then(() => logger.verbose('Added Preset'))
 					.catch(err => logger.error(err))
diff --git a/src/output/osc/meterFunctions.ts b/src/output/osc/meterFunctions.ts
index 6ec4bea0..de51e803 100644
--- a/src/output/osc/meterFunctions.ts
+++ b/src/output/osc/meterFunctions.ts
@@ -20,6 +20,7 @@ const dbToPercentage = (d: number) => {
  * @param f - the OSC float data. f:[0.0, 1.0]
  * @returns - dB float data. d:[-90, +10]
  */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const percentageToDB = (f: number) => {
 	let d = 0.0
 	if (f >= 0.5) d = f * 40 - 30 // max dB value: +10.
diff --git a/src/timeClockTriggerRunner.ts b/src/timeClockTriggerRunner.ts
new file mode 100644
index 00000000..40752510
--- /dev/null
+++ b/src/timeClockTriggerRunner.ts
@@ -0,0 +1,38 @@
+import { presetRouter } from './api/preset/presetRouter'
+import { ConfigRepository } from './database/repository/config'
+import { TimeClockTriggersRepository } from './database/repository/timeClockTrigger'
+import logger from './logger/index'
+export const timeClockTriggerRunner = () => {
+	const date = new Date()
+	let locked = false
+	const dayOfWeek = ['sun', 'mon', 'tues', 'weds', 'thurs', 'fri', 'sat'][date.getDay()]
+	const currentTimeStamp = date.valueOf()
+	ConfigRepository.getItem('deviceLock')
+		.then(deviceLock => {
+			if (deviceLock === 'LOCKED') {
+				locked = true
+			}
+			return TimeClockTriggersRepository.getToRun(dayOfWeek)
+		})
+		.then(timeClockTriggers => {
+			timeClockTriggers.forEach(timeClockTrigger => {
+				const timeClockTriggerTimeStamp = new Date(
+					Date.parse(date.toISOString().split('T')[0] + ' ' + timeClockTrigger.time + ':00')
+				).valueOf()
+				if (
+					currentTimeStamp >= timeClockTriggerTimeStamp && // Time is now after the trigger time
+					currentTimeStamp <= timeClockTriggerTimeStamp + timeClockTrigger.timeout * 60 * 1000 && //Time is before the timeout
+					timeClockTrigger.lastTriggered < timeClockTriggerTimeStamp // Last triggered is before the trigger time
+				) {
+					TimeClockTriggersRepository.update(timeClockTrigger.id, {
+						lastTriggered: currentTimeStamp,
+					}).then(() => {
+						if (!locked || timeClockTrigger.enabledWhenLocked) {
+							logger.log('verbose', 'Triggering time clock trigger', { timeClockTrigger })
+							presetRouter(['recall', timeClockTrigger.presetId.toString()], 'GET', {})
+						}
+					})
+				}
+			})
+		})
+}
diff --git a/webpack.main.config.ts b/webpack.main.config.ts
index b59a35b1..2d8d5558 100644
--- a/webpack.main.config.ts
+++ b/webpack.main.config.ts
@@ -15,4 +15,5 @@ export const mainConfig: Configuration = {
 	resolve: {
 		extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.json'],
 	},
+	cache: false,
 }
diff --git a/webpack.plugins.ts b/webpack.plugins.ts
index 9f8bdd87..f7bf7006 100644
--- a/webpack.plugins.ts
+++ b/webpack.plugins.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type IForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'
-// eslint-disable-next-line @typescript-eslint/no-var-requires
+// eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-unused-vars
 const relocateLoader = require('@vercel/webpack-asset-relocator-loader')
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires