diff --git a/package-lock.json b/package-lock.json
index a17b917038..1c0e70ab43 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,11 +26,10 @@
         "@xterm/xterm": "5.5.0",
         "axios": "1.7.4",
         "copy-to-clipboard": "3.3.3",
+        "dayjs": "^1.11.13",
         "generate-password": "1.7.1",
         "jwt-decode": "4.0.0",
         "md5": "2.3.0",
-        "moment": "2.30.1",
-        "moment-duration-format": "2.3.2",
         "msgpack5": "6.0.2",
         "pluralize": "8.0.0",
         "react": "^18.2.0",
@@ -7953,9 +7952,9 @@
       "integrity": "sha512-QWxYLR5P/6GStZcdem+V1xoto6DMadYWpMXU82ES3/RfR3Wdwr3D0+be7mgOJ+Ov0G9D5Dmb9T17sNLQYj9XOg=="
     },
     "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
     },
     "node_modules/debug": {
       "version": "4.3.4",
@@ -14052,11 +14051,6 @@
         "node": "*"
       }
     },
-    "node_modules/moment-duration-format": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/moment-duration-format/-/moment-duration-format-2.3.2.tgz",
-      "integrity": "sha512-cBMXjSW+fjOb4tyaVHuaVE/A5TqkukDWiOfxxAjY+PEqmmBQlLwn+8OzwPiG3brouXKY5Un4pBjAeB6UToXHaQ=="
-    },
     "node_modules/moment-timezone": {
       "version": "0.5.44",
       "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.44.tgz",
diff --git a/package.json b/package.json
index 2d5045bddc..7ec7829051 100644
--- a/package.json
+++ b/package.json
@@ -16,11 +16,10 @@
     "@stripe/stripe-js": "4.1.0",
     "axios": "1.7.4",
     "copy-to-clipboard": "3.3.3",
+    "dayjs": "^1.11.13",
     "generate-password": "1.7.1",
     "jwt-decode": "4.0.0",
     "md5": "2.3.0",
-    "moment": "2.30.1",
-    "moment-duration-format": "2.3.2",
     "msgpack5": "6.0.2",
     "pluralize": "8.0.0",
     "react": "^18.2.0",
diff --git a/src/js/actions/appActions.js b/src/js/actions/appActions.js
index aa00ad3560..56d8f40827 100644
--- a/src/js/actions/appActions.js
+++ b/src/js/actions/appActions.js
@@ -11,7 +11,8 @@
 //    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 //    See the License for the specific language governing permissions and
 //    limitations under the License.
-import moment from 'moment';
+import dayjs from 'dayjs';
+import durationDayJs from 'dayjs/plugin/duration';
 import Cookies from 'universal-cookie';
 
 import GeneralApi from '../api/general-api';
@@ -50,6 +51,7 @@ import { getReleases } from './releaseActions';
 import { getGlobalSettings, getRoles, getUserSettings, saveGlobalSettings, saveUserSettings, setShowStartupNotification } from './userActions';
 
 const cookies = new Cookies();
+dayjs.extend(durationDayJs);
 
 export const commonErrorFallback = 'Please check your connection.';
 export const commonErrorHandler = (err, errorContext, dispatch, fallback, mightBeAuthRelated = false) => {
@@ -174,7 +176,7 @@ const interpretAppData = () => (dispatch, getState) => {
   const { canManageUsers } = getUserCapabilities(getState());
   const { interval, intervalUnit } = getOfflineThresholdSettings(getState());
   if (canManageUsers && intervalUnit && intervalUnit !== timeUnits.days) {
-    const duration = moment.duration(interval, intervalUnit);
+    const duration = dayjs.duration(interval, intervalUnit);
     const days = duration.asDays();
     if (days < 1) {
       tasks.push(Promise.resolve(setTimeout(() => dispatch(setShowStartupNotification(true)), TIMEOUTS.fiveSeconds)));
diff --git a/src/js/components/app.js b/src/js/components/app.js
index 1a64de6569..52f519c2ae 100644
--- a/src/js/components/app.js
+++ b/src/js/components/app.js
@@ -20,7 +20,7 @@ import createCache from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import { CssBaseline, GlobalStyles, ThemeProvider, createTheme, styled } from '@mui/material';
 import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { makeStyles } from 'tss-react/mui';
 
 import Cookies from 'universal-cookie';
@@ -221,7 +221,7 @@ export const AppProviders = ({ basename = 'ui' }) => (
   <React.StrictMode>
     <Provider store={store}>
       <CacheProvider value={cache}>
-        <LocalizationProvider dateAdapter={AdapterMoment}>
+        <LocalizationProvider dateAdapter={AdapterDayjs}>
           <ErrorBoundary>
             <BrowserRouter basename={basename}>
               <AppRoot />
diff --git a/src/js/components/auditlogs/auditlogs.js b/src/js/components/auditlogs/auditlogs.js
index e95641ca8d..16af9e773d 100644
--- a/src/js/components/auditlogs/auditlogs.js
+++ b/src/js/components/auditlogs/auditlogs.js
@@ -17,7 +17,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Button, TextField } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 import historyImage from '../../../assets/img/history.png';
 import { getAuditLogs, getAuditLogsCsvLink, setAuditlogsState } from '../../actions/organizationActions';
@@ -181,11 +181,7 @@ export const AuditLogs = props => {
   const createCsvDownload = () => {
     setCsvLoading(true);
     dispatch(getAuditLogsCsvLink()).then(address => {
-      createDownload(
-        encodeURI(address),
-        `Mender-AuditLog-${moment(startDate).format(moment.HTML5_FMT.DATE)}-${moment(endDate).format(moment.HTML5_FMT.DATE)}.csv`,
-        token
-      );
+      createDownload(encodeURI(address), `Mender-AuditLog-${dayjs(startDate).format('YYYY-MM-DD')}-${dayjs(endDate).format('YYYY-MM-DD')}.csv`, token);
       setCsvLoading(false);
     });
   };
diff --git a/src/js/components/auditlogs/auditlogs.test.js b/src/js/components/auditlogs/auditlogs.test.js
index 43e9b5f75b..d6f172e24a 100644
--- a/src/js/components/auditlogs/auditlogs.test.js
+++ b/src/js/components/auditlogs/auditlogs.test.js
@@ -17,7 +17,7 @@ import { MemoryRouter } from 'react-router-dom';
 
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 
 import { prettyDOM, screen, render as testingLibRender, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -56,7 +56,7 @@ const preloadedStateNoAuditlogs = {
 describe('Auditlogs Component', () => {
   it('renders correctly', async () => {
     const { baseElement } = render(
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <AuditLogs />
       </LocalizationProvider>,
       { preloadedState: preloadedStateNoAuditlogs }
@@ -73,7 +73,7 @@ describe('Auditlogs Component', () => {
     let store = getConfiguredStore({ preloadedState });
     const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
     render(
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <Provider store={store}>
           <AuditLogs />
         </Provider>
@@ -93,7 +93,7 @@ describe('Auditlogs Component', () => {
     const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
     const theme = createTheme(lightTheme);
     const ui = (
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <ThemeProvider theme={theme}>
           <MemoryRouter initialEntries={['/auditlog?startDate=2018-01-01']}>
             <Provider store={store}>
diff --git a/src/js/components/auditlogs/eventdetails/portforward.js b/src/js/components/auditlogs/eventdetails/portforward.js
index f2b1c865da..41f499a1c1 100644
--- a/src/js/components/auditlogs/eventdetails/portforward.js
+++ b/src/js/components/auditlogs/eventdetails/portforward.js
@@ -16,8 +16,8 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import { useTheme } from '@mui/material/styles';
 
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
+import dayjs from 'dayjs';
+import duration from 'dayjs/plugin/duration';
 
 import { getDeviceById, getSessionDetails } from '../../../actions/deviceActions';
 import { getAuditlogDevice, getIdAttribute, getUserCapabilities } from '../../../selectors';
@@ -25,7 +25,7 @@ import Loader from '../../common/loader';
 import Time from '../../common/time';
 import DeviceDetails, { DetailInformation } from './devicedetails';
 
-momentDurationFormatSetup(moment);
+dayjs.extend(duration);
 
 export const PortForward = ({ item, onClose }) => {
   const theme = useTheme();
@@ -53,7 +53,7 @@ export const PortForward = ({ item, onClose }) => {
     'Session ID': item.meta.session_id[0],
     'Start time': <Time value={sessionDetails.start} />,
     'End time': <Time value={sessionDetails.end} />,
-    'Duration': moment.duration(moment(sessionDetails.end).diff(sessionDetails.start)).format('*hh:*mm:ss:SSS'),
+    'Duration': dayjs.duration(dayjs(sessionDetails.end).diff(sessionDetails.start)).format('HH:mm:ss:SSS'),
     User: item.actor.email
   };
 
diff --git a/src/js/components/auditlogs/eventdetails/terminalsession.js b/src/js/components/auditlogs/eventdetails/terminalsession.js
index 9f753648f6..4f0017b641 100644
--- a/src/js/components/auditlogs/eventdetails/terminalsession.js
+++ b/src/js/components/auditlogs/eventdetails/terminalsession.js
@@ -16,8 +16,8 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import { useTheme } from '@mui/material/styles';
 
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
+import dayjs from 'dayjs';
+import durationDayJs from 'dayjs/plugin/duration';
 
 import { getDeviceById, getSessionDetails } from '../../../actions/deviceActions';
 import { getAuditlogDevice, getCurrentSession, getIdAttribute, getUserCapabilities } from '../../../selectors';
@@ -26,7 +26,7 @@ import Time from '../../common/time';
 import DeviceDetails, { DetailInformation } from './devicedetails';
 import TerminalPlayer from './terminalplayer';
 
-momentDurationFormatSetup(moment);
+dayjs.extend(durationDayJs);
 
 export const TerminalSession = ({ item, onClose }) => {
   const theme = useTheme();
@@ -55,7 +55,7 @@ export const TerminalSession = ({ item, onClose }) => {
     'Session ID': item.meta.session_id[0],
     'Start time': <Time value={sessionDetails.start} />,
     'End time': <Time value={sessionDetails.end} />,
-    'Duration': moment.duration(moment(sessionDetails.end).diff(sessionDetails.start)).format('*hh:*mm:ss:SSS'),
+    'Duration': dayjs.duration(dayjs(sessionDetails.end).diff(sessionDetails.start)).format('HH:mm:ss:SSS'),
     User: item.actor.email
   };
 
diff --git a/src/js/components/common/forms/timeframe-picker.js b/src/js/components/common/forms/timeframe-picker.js
index 3b499ff0ff..f6fe082e8b 100644
--- a/src/js/components/common/forms/timeframe-picker.js
+++ b/src/js/components/common/forms/timeframe-picker.js
@@ -16,20 +16,20 @@ import { Controller, useFormContext } from 'react-hook-form';
 
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 const ensureStartOfDay = date => {
-  const momentDate = typeof date === 'string' ? moment(date.replace('Z', '')) : moment(date);
+  const momentDate = typeof date === 'string' ? dayjs(date.replace('Z', '')) : dayjs(date);
   return `${momentDate.format().split('T')[0]}T00:00:00.000`;
 };
 
 const ensureEndOfDay = date => {
-  const momentDate = typeof date === 'string' ? moment(date.replace('Z', '')) : moment(date);
+  const momentDate = typeof date === 'string' ? dayjs(date.replace('Z', '')) : dayjs(date);
   return `${momentDate.format().split('T')[0]}T23:59:59.999`;
 };
 
 export const TimeframePicker = ({ tonight: propsTonight }) => {
-  const [tonight] = useState(moment(propsTonight));
+  const [tonight] = useState(dayjs(propsTonight));
   const [maxStartDate, setMaxStartDate] = useState(tonight);
   const [minEndDate, setMinEndDate] = useState(tonight);
 
@@ -46,7 +46,7 @@ export const TimeframePicker = ({ tonight: propsTonight }) => {
     } else if (currentEndDate > now) {
       setValue('endDate', now);
     }
-    setMinEndDate(moment(startDate));
+    setMinEndDate(dayjs(startDate));
   }, [startDate, getValues, setValue]);
 
   useEffect(() => {
@@ -54,7 +54,7 @@ export const TimeframePicker = ({ tonight: propsTonight }) => {
     if (endDate < currentStartDate) {
       setValue('startDate', ensureStartOfDay(endDate));
     }
-    setMaxStartDate(moment(endDate));
+    setMaxStartDate(dayjs(endDate));
   }, [endDate, getValues, setValue]);
 
   const handleChangeStartDate = date => ensureStartOfDay(date);
@@ -74,7 +74,7 @@ export const TimeframePicker = ({ tonight: propsTonight }) => {
             label="From"
             maxDate={maxStartDate}
             onChange={e => onChange(handleChangeStartDate(e))}
-            value={value ? moment(value) : moment()}
+            value={value ? dayjs(value) : dayjs()}
           />
         )}
       />
@@ -88,7 +88,7 @@ export const TimeframePicker = ({ tonight: propsTonight }) => {
             label="To"
             minDate={minEndDate}
             onChange={e => onChange(handleChangeEndDate(e))}
-            value={value ? moment(value) : moment()}
+            value={value ? dayjs(value) : dayjs()}
           />
         )}
       />
diff --git a/src/js/components/common/forms/timeframe-picker.test.js b/src/js/components/common/forms/timeframe-picker.test.js
index 3d852cc527..7a3eb90dd6 100644
--- a/src/js/components/common/forms/timeframe-picker.test.js
+++ b/src/js/components/common/forms/timeframe-picker.test.js
@@ -15,7 +15,7 @@ import React from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 
 import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 
 import { screen } from '@testing-library/react';
 
@@ -35,7 +35,7 @@ const testRender = ui => {
 describe('TimeframePicker Component', () => {
   it('renders correctly', async () => {
     const { baseElement } = formRenderWrapper(
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <TimeframePicker tonight={new Date().toISOString()} />
       </LocalizationProvider>
     );
@@ -45,7 +45,7 @@ describe('TimeframePicker Component', () => {
   });
   it('works in different timezones correctly', async () => {
     testRender(
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <TimeframePicker tonight={new Date().toISOString()} />
       </LocalizationProvider>
     );
diff --git a/src/js/components/common/time.js b/src/js/components/common/time.js
index 81aceaabd9..543719f746 100644
--- a/src/js/components/common/time.js
+++ b/src/js/components/common/time.js
@@ -15,19 +15,21 @@ import React, { useEffect, useState } from 'react';
 
 import { Tooltip } from '@mui/material';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 import pluralize from 'pluralize';
 
 const defaultDateFormat = 'YYYY-MM-DD';
 const defaultTimeFormat = `${defaultDateFormat} HH:mm`;
 
 // based on react-time - https://github.com/andreypopp/react-time - which unfortunately is no longer maintained
+dayjs.extend(relativeTime);
 
 export const Time = ({ value, relative, format = defaultTimeFormat, valueFormat, titleFormat = defaultTimeFormat, Component = 'time', ...remainingProps }) => {
   if (!value) {
-    value = moment();
+    value = dayjs();
   }
-  value = moment(value, valueFormat, true);
+  value = dayjs(value, valueFormat, true);
 
   const machineReadable = value.format('YYYY-MM-DDTHH:mm:ssZ');
   const humanReadable = relative ? value.fromNow() : value.format(format);
@@ -46,11 +48,11 @@ export const RelativeTime = ({ className, shouldCount = 'both', updateTime }) =>
   const [updatedTime, setUpdatedTime] = useState();
 
   useEffect(() => {
-    setUpdatedTime(updatedTime => (updateTime !== updatedTime ? moment(updateTime) : updatedTime));
+    setUpdatedTime(updatedTime => (updateTime !== updatedTime ? dayjs(updateTime) : updatedTime));
   }, [updateTime]);
 
   let timeDisplay = <MaybeTime className={className} value={updatedTime} />;
-  const diffSeconds = updatedTime ? updatedTime.diff(moment(), 'seconds') : 0;
+  const diffSeconds = updatedTime ? updatedTime.diff(dayjs(), 'seconds') : 0;
   if (
     updatedTime &&
     diffSeconds > cutoff &&
@@ -63,7 +65,7 @@ export const RelativeTime = ({ className, shouldCount = 'both', updateTime }) =>
     );
   }
   return (
-    <Tooltip title={updatedTime ? updatedTime.toLocaleString() : ''} arrow enterDelay={500}>
+    <Tooltip title={updatedTime ? updatedTime.toDate().toString().slice(0, 33) : ''} arrow enterDelay={500}>
       <span>{timeDisplay}</span>
     </Tooltip>
   );
@@ -74,10 +76,10 @@ export const ApproximateRelativeDate = ({ className, updateTime }) => {
   const [updatedTime, setUpdatedTime] = useState();
 
   useEffect(() => {
-    setUpdatedTime(updatedTime => (updateTime !== updatedTime ? moment(updateTime, defaultDateFormat) : updatedTime));
+    setUpdatedTime(updatedTime => (updateTime !== updatedTime ? dayjs(updateTime, defaultDateFormat) : updatedTime));
   }, [updateTime]);
 
-  const diff = updatedTime ? Math.abs(updatedTime.diff(moment(), 'days')) : 0;
+  const diff = updatedTime ? Math.abs(updatedTime.diff(dayjs(), 'days')) : 0;
   if (updatedTime && diff <= cutoffDays) {
     return (
       <time className={className} dateTime={updatedTime.format(defaultDateFormat)}>
diff --git a/src/js/components/deployments/createdeployment.js b/src/js/components/deployments/createdeployment.js
index 618ded1fa9..6af184acc6 100644
--- a/src/js/components/deployments/createdeployment.js
+++ b/src/js/components/deployments/createdeployment.js
@@ -32,7 +32,7 @@ import {
 } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
 import pluralize from 'pluralize';
 
 import DeltaIcon from '../../../assets/img/deltaicon.svg';
@@ -100,7 +100,7 @@ export const getPhaseStartTime = (phases, index, startDate) => {
   // since we don't want to get stale phase start times when the creation dialog is open for a long time
   // we have to ensure start times are based on delay from previous phases
   // since there likely won't be 1000s of phases this should still be fine to recalculate
-  const newStartTime = phases.slice(0, index).reduce((accu, phase) => moment(accu).add(phase.delay, phase.delayUnit), startDate);
+  const newStartTime = phases.slice(0, index).reduce((accu, phase) => dayjs(accu).add(phase.delay, phase.delayUnit), startDate);
   return newStartTime.toISOString();
 };
 
diff --git a/src/js/components/deployments/createdeployment.test.js b/src/js/components/deployments/createdeployment.test.js
index 94f3b0620c..2ee27c37a5 100644
--- a/src/js/components/deployments/createdeployment.test.js
+++ b/src/js/components/deployments/createdeployment.test.js
@@ -14,7 +14,7 @@
 import React from 'react';
 
 import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 
 import { defaultState, undefineds } from '../../../../tests/mockData';
 import { render } from '../../../../tests/setupTests';
@@ -63,7 +63,7 @@ describe('CreateDeployment Component', () => {
       };
       it(`renders ${Component.displayName || Component.name} correctly`, () => {
         const { baseElement } = render(
-          <LocalizationProvider dateAdapter={AdapterMoment}>
+          <LocalizationProvider dateAdapter={AdapterDayjs}>
             <Component {...props} />
           </LocalizationProvider>,
           { preloadedState }
@@ -75,7 +75,7 @@ describe('CreateDeployment Component', () => {
       });
       it(`renders ${Component.displayName || Component.name} correctly as enterprise`, () => {
         const { baseElement } = render(
-          <LocalizationProvider dateAdapter={AdapterMoment}>
+          <LocalizationProvider dateAdapter={AdapterDayjs}>
             <Component {...props} isEnterprise />
           </LocalizationProvider>,
           { preloadedState }
diff --git a/src/js/components/deployments/deployment-report/phaseprogress.js b/src/js/components/deployments/deployment-report/phaseprogress.js
index 0bbc10b232..13ac3e35b4 100644
--- a/src/js/components/deployments/deployment-report/phaseprogress.js
+++ b/src/js/components/deployments/deployment-report/phaseprogress.js
@@ -17,8 +17,6 @@ import { CheckCircle, ErrorRounded, Pause, PlayArrow, Warning as WarningIcon } f
 import { Button } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
 import pluralize from 'pluralize';
 
 import inprogressImage from '../../../../assets/img/pending_status.png';
@@ -37,8 +35,6 @@ const useStyles = makeStyles()(theme => ({
   phaseIndex: { margin: theme.spacing(0.5) }
 }));
 
-momentDurationFormatSetup(moment);
-
 const shortCircuitIndicators = [deploymentSubstates.alreadyInstalled, deploymentSubstates.noartifact];
 
 const substateIconMap = {
diff --git a/src/js/components/deployments/deployment-report/rolloutschedule.js b/src/js/components/deployments/deployment-report/rolloutschedule.js
index 50ff320b43..48d515b747 100644
--- a/src/js/components/deployments/deployment-report/rolloutschedule.js
+++ b/src/js/components/deployments/deployment-report/rolloutschedule.js
@@ -17,8 +17,10 @@ import { ArrowForward } from '@mui/icons-material';
 import { Chip } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
+import dayjs from 'dayjs';
+import durationDayJs from 'dayjs/plugin/duration';
+import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
+
 import pluralize from 'pluralize';
 
 import { DEPLOYMENT_STATES } from '../../../constants/deploymentConstants';
@@ -38,7 +40,8 @@ const useStyles = makeStyles()(theme => ({
   phasesOverviewArrow: { marginLeft: theme.spacing(4), marginRight: theme.spacing(4) }
 }));
 
-momentDurationFormatSetup(moment);
+dayjs.extend(durationDayJs);
+dayjs.extend(isSameOrAfter);
 
 const maxPhaseWidth = 270;
 
@@ -46,7 +49,7 @@ const PhaseLabel = ({ index }) => <div className="capitalized progress-step-numb
 
 export const RolloutSchedule = ({ deployment, headerClass, innerRef, onAbort, onUpdateControlChange }) => {
   const { classes } = useStyles();
-  const now = moment();
+  const now = dayjs();
   const { created: creationTime = now.toISOString(), filter, finished, status, update_control_map } = deployment;
 
   const { phases, reversedPhases, totalDeviceCount, ...remainder } = getDeploymentPhasesInfo(deployment);
@@ -96,7 +99,7 @@ export const RolloutSchedule = ({ deployment, headerClass, innerRef, onAbort, on
           let phaseTitle = status !== DEPLOYMENT_STATES.scheduled ? <div className="muted">Complete</div> : null;
           let isCurrentPhase = false;
           if (now.isBefore(startTime)) {
-            const duration = moment.duration(moment(startTime).diff(now));
+            const duration = dayjs.duration(dayjs(startTime).diff(now));
             phaseTitle = <div>{`Begins in ${duration.format('d [days] hh [h] mm [m]')}`}</div>;
           } else if (status === DEPLOYMENT_STATES.inprogress && phase.id === currentPhase.id) {
             phaseTitle = <div className="muted">Current phase</div>;
diff --git a/src/js/components/deployments/deployment-wizard/schedulerollout.js b/src/js/components/deployments/deployment-wizard/schedulerollout.js
index 09786528d4..6272001ede 100644
--- a/src/js/components/deployments/deployment-wizard/schedulerollout.js
+++ b/src/js/components/deployments/deployment-wizard/schedulerollout.js
@@ -17,7 +17,7 @@ import { FormControl, MenuItem, Select } from '@mui/material';
 import { DateTimePicker } from '@mui/x-date-pickers';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 import { BENEFITS } from '../../../constants/appConstants';
 import EnterpriseNotification from '../../common/enterpriseNotification';
@@ -59,7 +59,7 @@ export const ScheduleRollout = ({ canSchedule, commonClasses, setDeploymentSetti
 
   const start_time = phases.length ? phases[0].start_ts : undefined;
 
-  const startTime = moment(start_time);
+  const startTime = dayjs(start_time);
   return (
     <>
       <h4 className={`margin-bottom-none margin-top-none ${canSchedule ? '' : commonClasses.disabled}`}>Select a start time</h4>
@@ -83,7 +83,7 @@ export const ScheduleRollout = ({ canSchedule, commonClasses, setDeploymentSetti
             onOpen={() => setIsPickerOpen(true)}
             onClose={() => setIsPickerOpen(false)}
             label="Starting at"
-            minDateTime={moment()}
+            minDateTime={dayjs()}
             disabled={!canSchedule}
             onChange={date => handleStartTimeChange(date.toISOString())}
             slotProps={{ textField: { style: { minWidth: 400 } } }}
diff --git a/src/js/components/deployments/deployments.test.js b/src/js/components/deployments/deployments.test.js
index 8621becdd5..42bb6a1ea7 100644
--- a/src/js/components/deployments/deployments.test.js
+++ b/src/js/components/deployments/deployments.test.js
@@ -14,7 +14,7 @@
 import React from 'react';
 
 import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 
 import { act, fireEvent, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -121,7 +121,7 @@ describe('Deployments Component', () => {
       }
     };
     const ui = (
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <Deployments {...defaultLocationProps} />
       </LocalizationProvider>
     );
@@ -164,7 +164,7 @@ describe('Deployments Component', () => {
       }
     };
     const ui = (
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <Deployments {...defaultLocationProps} />
       </LocalizationProvider>
     );
@@ -245,7 +245,7 @@ describe('Deployments Component', () => {
       }
     };
     const ui = (
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <Deployments {...defaultLocationProps} />
       </LocalizationProvider>
     );
diff --git a/src/js/components/deployments/pastdeployments.test.js b/src/js/components/deployments/pastdeployments.test.js
index b178179658..594cea0e68 100644
--- a/src/js/components/deployments/pastdeployments.test.js
+++ b/src/js/components/deployments/pastdeployments.test.js
@@ -14,7 +14,7 @@
 import React from 'react';
 
 import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 
 import { act } from '@testing-library/react';
 
@@ -39,7 +39,7 @@ const state = {
 describe('PastDeployments Component', () => {
   it('renders correctly', async () => {
     const { baseElement } = render(
-      <LocalizationProvider dateAdapter={AdapterMoment}>
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
         <Past past={[]} groups={[]} refreshPast={() => {}} refreshDeployments={jest.fn} />
       </LocalizationProvider>,
       { state }
diff --git a/src/js/components/deployments/progressChart.js b/src/js/components/deployments/progressChart.js
index 1c217ab488..57e01264ef 100644
--- a/src/js/components/deployments/progressChart.js
+++ b/src/js/components/deployments/progressChart.js
@@ -18,8 +18,8 @@ import { Tooltip } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
 import { mdiDotsHorizontalCircleOutline as QueuedIcon, mdiSleep as SleepIcon } from '@mdi/js';
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
+import dayjs from 'dayjs';
+import durationDayJs from 'dayjs/plugin/duration';
 import pluralize from 'pluralize';
 
 import { TIMEOUTS } from '../../constants/appConstants';
@@ -27,7 +27,7 @@ import { groupDeploymentStats } from '../../helpers';
 import MaterialDesignIcon from '../common/materialdesignicon';
 import Time from '../common/time';
 
-momentDurationFormatSetup(moment);
+dayjs.extend(durationDayJs);
 
 const statusMap = {
   complete: {
@@ -264,7 +264,7 @@ export const ProgressDisplay = ({ className = '', deployment, minimal = false, s
 
   const currentPhase = reversedPhases.find(phase => new Date(phase.start_ts) < time) || phases[0];
   const currentPhaseIndex = phases.findIndex(phase => phase.id === currentPhase.id);
-  const nextPhaseStart = phases.length > currentPhaseIndex + 1 ? moment(phases[currentPhaseIndex + 1].start_ts) : moment(time);
+  const nextPhaseStart = phases.length > currentPhaseIndex + 1 ? dayjs(phases[currentPhaseIndex + 1].start_ts) : dayjs(time);
 
   const displayablePhases = getDisplayablePhases({
     currentPhase,
@@ -273,8 +273,8 @@ export const ProgressDisplay = ({ className = '', deployment, minimal = false, s
     ...remainder
   });
 
-  const momentaryTime = moment(time);
-  const duration = moment.duration(nextPhaseStart.diff(momentaryTime)).format('d [days] hh [h] mm [m] ss [s]');
+  const momentaryTime = dayjs(time);
+  const duration = dayjs.duration(nextPhaseStart.diff(momentaryTime)).format('d [days] hh [h] mm [m] ss [s]');
 
   return (
     <ProgressChartComponent
diff --git a/src/js/components/deployments/report.js b/src/js/components/deployments/report.js
index 6ed99c35fa..3365bf3a07 100644
--- a/src/js/components/deployments/report.js
+++ b/src/js/components/deployments/report.js
@@ -26,8 +26,6 @@ import { Button, Divider, Drawer, IconButton, Tooltip } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
 import copy from 'copy-to-clipboard';
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
 
 import { setSnackbar } from '../../actions/appActions';
 import { getDeploymentDevices, getDeviceLog, getSingleDeployment, updateDeploymentControlMap } from '../../actions/deploymentActions';
@@ -57,8 +55,6 @@ import DeviceList from './deployment-report/devicelist';
 import DeploymentOverview from './deployment-report/overview';
 import RolloutSchedule from './deployment-report/rolloutschedule';
 
-momentDurationFormatSetup(moment);
-
 const useStyles = makeStyles()(theme => ({
   divider: { marginTop: theme.spacing(2) },
   header: {
diff --git a/src/js/components/deployments/scheduleddeployments.js b/src/js/components/deployments/scheduleddeployments.js
index 1fa6de61dd..8a16bbe96d 100644
--- a/src/js/components/deployments/scheduleddeployments.js
+++ b/src/js/components/deployments/scheduleddeployments.js
@@ -12,7 +12,7 @@
 //    See the License for the specific language governing permissions and
 //    limitations under the License.
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Calendar, momentLocalizer } from 'react-big-calendar';
+import { Calendar, dayjsLocalizer } from 'react-big-calendar';
 import 'react-big-calendar/lib/css/react-big-calendar.css';
 import { useDispatch, useSelector } from 'react-redux';
 
@@ -20,7 +20,7 @@ import { CalendarToday as CalendarTodayIcon, List as ListIcon, Refresh as Refres
 import { Button } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 import { setSnackbar } from '../../actions/appActions';
 import { getDeploymentsByStatus, setDeploymentsState } from '../../actions/deploymentActions';
@@ -46,7 +46,7 @@ const useStyles = makeStyles()(theme => ({
   tabSelect: { textTransform: 'none' }
 }));
 
-const localizer = momentLocalizer(moment);
+const localizer = dayjsLocalizer(dayjs);
 
 const headers = [
   ...defaultHeaders.slice(0, 2),
@@ -135,7 +135,7 @@ export const Scheduled = ({ abort, createClick, openReport, ...remainder }) => {
         endDate = new Date(deployment.phases[deployment.phases.length - 1].end_ts);
       } else if (deployment.filter_id || deployment.filter) {
         // calendar doesn't support never ending events so we arbitrarly set one year
-        endDate = moment(start).add(1, 'year');
+        endDate = dayjs(start).add(1, 'year');
       }
       return {
         allDay: !(deployment.filter_id || deployment.filter),
diff --git a/src/js/components/devices/device-details/__snapshots__/configuration.test.js.snap b/src/js/components/devices/device-details/__snapshots__/configuration.test.js.snap
index aca0b939e1..5e7a72d911 100644
--- a/src/js/components/devices/device-details/__snapshots__/configuration.test.js.snap
+++ b/src/js/components/devices/device-details/__snapshots__/configuration.test.js.snap
@@ -812,7 +812,7 @@ exports[`Configuration Component renders correctly 1`] = `
             class="MuiTypography-root MuiTypography-caption muted emotion-22"
             style="text-transform: capitalize; text-align: left;"
           >
-            Updated: 
+            Updated:
             <time
               datetime="2019-01-01T09:25:01+00:00"
             >
@@ -1150,11 +1150,11 @@ exports[`tiny components renders ConfigEmptyNote correctly 1`] = `
       class="MuiTypography-root MuiTypography-caption muted emotion-1"
       style="text-transform: capitalize; text-align: left;"
     >
-      Updated: 
+      Updated:
       <time
-        datetime="Invalid date"
+        datetime="Invalid Date"
       >
-        Invalid date
+        Invalid Date
       </time>
     </span>
   </div>
@@ -1226,7 +1226,7 @@ exports[`tiny components renders ConfigUpToDateNote correctly 1`] = `
         class="MuiTypography-root MuiTypography-caption muted emotion-2"
         style="text-transform: capitalize; text-align: left;"
       >
-        Updated: 
+        Updated:
         <time
           datetime="Invalid date"
         >
@@ -1426,7 +1426,7 @@ exports[`tiny components renders ConfigUpdateNote correctly 1`] = `
       class="MuiTypography-root MuiTypography-caption muted emotion-1"
       style="text-transform: capitalize; text-align: left;"
     >
-      Status: 
+      Status:
       pending
     </span>
   </div>
diff --git a/src/js/components/devices/troubleshoot/terminal-wrapper.js b/src/js/components/devices/troubleshoot/terminal-wrapper.js
index 73a4027d66..6b849fd74b 100644
--- a/src/js/components/devices/troubleshoot/terminal-wrapper.js
+++ b/src/js/components/devices/troubleshoot/terminal-wrapper.js
@@ -19,8 +19,8 @@ import { Link } from 'react-router-dom';
 import { Button } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
+import dayjs from 'dayjs';
+import durationDayJs from 'dayjs/plugin/duration';
 
 import { BEGINNING_OF_TIME, TIMEOUTS } from '../../../constants/appConstants';
 import { getCurrentSession, getFeatures, getIsPreview, getTenantCapabilities, getUserCapabilities } from '../../../selectors';
@@ -31,7 +31,7 @@ import { getCode } from '../dialogs/make-gateway-dialog';
 import Terminal from '../troubleshoot/terminal';
 import ListOptions from '../widgets/listoptions';
 
-momentDurationFormatSetup(moment);
+dayjs.extend(durationDayJs);
 
 const useStyles = makeStyles()(theme => ({
   connectionActions: { marginTop: theme.spacing() },
@@ -49,7 +49,7 @@ const useStyles = makeStyles()(theme => ({
 }));
 
 const SessionInfo = ({ socketInitialized, startTime }) => {
-  const [elapsed, setElapsed] = useState(moment());
+  const [elapsed, setElapsed] = useState(dayjs());
   const timer = useRef();
   const { classes } = useStyles();
 
@@ -58,7 +58,7 @@ const SessionInfo = ({ socketInitialized, startTime }) => {
     if (!socketInitialized) {
       return;
     }
-    timer.current = setInterval(() => setElapsed(moment()), TIMEOUTS.halfASecond);
+    timer.current = setInterval(() => setElapsed(dayjs()), TIMEOUTS.halfASecond);
     return () => {
       clearInterval(timer.current);
     };
@@ -72,7 +72,7 @@ const SessionInfo = ({ socketInitialized, startTime }) => {
         {
           key: 'duration',
           title: 'Duration',
-          content: startTime ? `${moment.duration(elapsed.diff(moment(startTime))).format('hh:mm:ss', { trim: false })}` : '-'
+          content: startTime ? `${dayjs.duration(elapsed.diff(dayjs(startTime))).format('hh:mm:ss', { trim: false })}` : '-'
         }
       ].map(({ key, title, content }) => (
         <div key={key} className="flexbox">
diff --git a/src/js/components/header/header.js b/src/js/components/header/header.js
index ef0e277f13..e5c74062b3 100644
--- a/src/js/components/header/header.js
+++ b/src/js/components/header/header.js
@@ -36,7 +36,7 @@ import {
 } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
 import Cookies from 'universal-cookie';
 
 import enterpriseLogo from '../../../assets/img/headerlogo-enterprise.png';
@@ -281,7 +281,7 @@ export const Header = ({ mode }) => {
   };
 
   const showOffer =
-    isHosted && moment().isBefore(currentOffer.expires) && (organization.trial ? currentOffer.trial : currentOffer[organization.plan]) && !hasOfferCookie;
+    isHosted && dayjs().isBefore(currentOffer.expires) && (organization.trial ? currentOffer.trial : currentOffer[organization.plan]) && !hasOfferCookie;
 
   const headerLogo = isDarkMode(mode) ? (isEnterprise ? whiteEnterpriseLogo : whiteLogo) : isEnterprise ? enterpriseLogo : logo;
 
diff --git a/src/js/components/header/trialnotification.js b/src/js/components/header/trialnotification.js
index a9c57077f0..f63e711b81 100644
--- a/src/js/components/header/trialnotification.js
+++ b/src/js/components/header/trialnotification.js
@@ -17,15 +17,13 @@ import { Link } from 'react-router-dom';
 import { InfoOutlined as InfoIcon, Payment } from '@mui/icons-material';
 import { Button } from '@mui/material';
 
-import moment from 'moment';
-import momentDurationFormatSetup from 'moment-duration-format';
+import dayjs from 'dayjs';
+import durationDayJs from 'dayjs/plugin/duration';
 import pluralize from 'pluralize';
 
 import { MenderTooltipClickable } from '../common/mendertooltip';
 
-momentDurationFormatSetup(moment);
-
-const today = new Date();
+dayjs.extend(durationDayJs);
 
 const TrialInformation = () => (
   <>
@@ -45,8 +43,8 @@ const TrialInformation = () => (
 );
 
 const TrialNotification = ({ iconClassName, sectionClassName, expiration }) => {
-  const expirationDate = moment(expiration);
-  const duration = moment.duration(expirationDate.diff(moment(today)));
+  const expirationDate = dayjs(expiration);
+  const duration = dayjs.duration(expirationDate.diff(dayjs()));
   const daysLeft = Math.floor(duration.asDays());
   return (
     <div className={`flexbox centered ${sectionClassName}`}>
diff --git a/src/js/components/settings/organization/billing.js b/src/js/components/settings/organization/billing.js
index 7afe971172..aa920f8f77 100644
--- a/src/js/components/settings/organization/billing.js
+++ b/src/js/components/settings/organization/billing.js
@@ -20,7 +20,8 @@ import { Error as ErrorIcon, OpenInNew as OpenInNewIcon } from '@mui/icons-mater
 import { LinearProgress, List } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 
 import { cancelRequest } from '../../../actions/organizationActions';
 import { ADDONS, PLANS } from '../../../constants/appConstants';
@@ -41,11 +42,13 @@ const useStyles = makeStyles()(theme => ({
   }
 }));
 
+dayjs.extend(relativeTime);
+
 export const TrialExpirationNote = ({ trial_expiration }) => (
   <div className="flexbox centered muted">
     <ErrorIcon fontSize="small" />
     <span className="margin-left-small">
-      Your trial expires in {moment().from(moment(trial_expiration), true)}. <Link to="/settings/upgrade">Upgrade to a paid plan</Link>
+      Your trial expires in {dayjs().from(dayjs(trial_expiration), true)}. <Link to="/settings/upgrade">Upgrade to a paid plan</Link>
     </span>
   </div>
 );
diff --git a/src/js/components/settings/organization/organization.js b/src/js/components/settings/organization/organization.js
index cd6f96b5b1..415c8328bd 100644
--- a/src/js/components/settings/organization/organization.js
+++ b/src/js/components/settings/organization/organization.js
@@ -21,7 +21,7 @@ import { Button, Checkbox, Collapse, Dialog, DialogActions, DialogContent, Dialo
 import { makeStyles } from 'tss-react/mui';
 
 import copy from 'copy-to-clipboard';
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 import { setSnackbar } from '../../../actions/appActions';
 import {
@@ -139,7 +139,7 @@ export const Organization = () => {
   const onTokenExpansion = useCallback(() => setShowTokenWarning(true), []);
 
   const onDownloadReportClick = () =>
-    dispatch(downloadLicenseReport()).then(report => createFileDownload(report, `Mender-license-report-${moment().format(moment.HTML5_FMT.DATE)}`, token));
+    dispatch(downloadLicenseReport()).then(report => createFileDownload(report, `Mender-license-report-${dayjs().format('YYYY-MM-DD')}`, token));
 
   const onTenantInfoClick = () => {
     copy(`Organization: ${org.name}, Tenant ID: ${org.id}`);
diff --git a/src/js/components/settings/upgrade.js b/src/js/components/settings/upgrade.js
index fb28d82423..70595c575f 100644
--- a/src/js/components/settings/upgrade.js
+++ b/src/js/components/settings/upgrade.js
@@ -17,7 +17,7 @@ import { useNavigate } from 'react-router-dom';
 
 import { InfoOutlined as InfoOutlinedIcon, LocalOffer as LocalOfferIcon } from '@mui/icons-material';
 
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 import { setSnackbar } from '../../actions/appActions';
 import { getDeviceLimit } from '../../actions/deviceActions';
@@ -73,7 +73,7 @@ const upgradeNotes = {
 };
 
 export const Upgrade = () => {
-  const offerValid = moment().isBefore('2021-01-01');
+  const offerValid = dayjs().isBefore('2021-01-01');
   const [addOns, setAddOns] = useState([]);
   const [updatedPlan, setUpdatedPlan] = useState(PLANS.os.id);
   const [upgraded, setUpgraded] = useState(false);