diff --git a/src/app.jsx b/src/app.jsx
index d8acfdb9..0ca54ab1 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -43,6 +43,7 @@ import Login from './pages/login';
 import Mentions from './pages/mentions';
 import Notifications from './pages/notifications';
 import Public from './pages/public';
+import ScheduledPosts from './pages/scheduled-posts';
 import Search from './pages/search';
 import StatusRoute from './pages/status-route';
 import Trending from './pages/trending';
@@ -548,6 +549,7 @@ function SecondaryRoutes({ isLoggedIn }) {
             <Route path=":id" element={<List />} />
           </Route>
           <Route path="/fh" element={<FollowedHashtags />} />
+          <Route path="/sp" element={<ScheduledPosts />} />
           <Route path="/ft" element={<Filters />} />
           <Route path="/catchup" element={<Catchup />} />
           <Route path="/annual_report/:year" element={<AnnualReport />} />
diff --git a/src/components/ICONS.jsx b/src/components/ICONS.jsx
index 60fbb7c9..5373402c 100644
--- a/src/components/ICONS.jsx
+++ b/src/components/ICONS.jsx
@@ -175,4 +175,7 @@ export const ICONS = {
   'user-x': () => import('@iconify-icons/mingcute/user-x-line'),
   minimize: () => import('@iconify-icons/mingcute/arrows-down-line'),
   celebrate: () => import('@iconify-icons/mingcute/celebrate-line'),
+  schedule: () => import('@iconify-icons/mingcute/calendar-time-add-line'),
+  month: () => import('@iconify-icons/mingcute/calendar-month-line'),
+  day: () => import('@iconify-icons/mingcute/calendar-day-line'),
 };
diff --git a/src/components/ScheduledAtField.jsx b/src/components/ScheduledAtField.jsx
new file mode 100644
index 00000000..b2f763b7
--- /dev/null
+++ b/src/components/ScheduledAtField.jsx
@@ -0,0 +1,75 @@
+import { useEffect, useState } from 'preact/hooks';
+
+export const MIN_SCHEDULED_AT = 6 * 60 * 1000; // 6 mins
+const MAX_SCHEDULED_AT = 90 * 24 * 60 * 60 * 1000; // 90 days
+
+export default function ScheduledAtField({ scheduledAt, setScheduledAt }) {
+  if (!scheduledAt || !(scheduledAt instanceof Date)) {
+    console.warn('scheduledAt is not a Date:', scheduledAt);
+    return;
+  }
+  const [minStr, setMinStr] = useState();
+  const [maxStr, setMaxStr] = useState();
+  const timezoneOffset = scheduledAt.getTimezoneOffset();
+
+  useEffect(() => {
+    function updateMinStr() {
+      const min = new Date(Date.now() + MIN_SCHEDULED_AT);
+      const str = new Date(min.getTime() - timezoneOffset * 60000)
+        .toISOString()
+        .slice(0, 16);
+      setMinStr(str);
+      console.log('MIN', min);
+    }
+    updateMinStr();
+
+    function updateMaxStr() {
+      const max = new Date(Date.now() + MAX_SCHEDULED_AT);
+      const str = new Date(max.getTime() - timezoneOffset * 60000)
+        .toISOString()
+        .slice(0, 16);
+      setMaxStr(str);
+      console.log('MAX', max);
+    }
+    updateMaxStr();
+
+    // Update every 10s
+    const intervalId = setInterval(() => {
+      updateMinStr();
+      updateMaxStr();
+    }, 1000 * 10);
+    return () => clearInterval(intervalId);
+  }, []);
+
+  const defaultValue = scheduledAt
+    ? new Date(scheduledAt.getTime() - scheduledAt.getTimezoneOffset() * 60000)
+        .toISOString()
+        .slice(0, 16)
+    : null;
+
+  return (
+    <input
+      type="datetime-local"
+      name="scheduledAt"
+      defaultValue={defaultValue}
+      min={minStr}
+      max={maxStr}
+      required
+      onChange={(e) => {
+        setScheduledAt(new Date(e.target.value));
+      }}
+    />
+  );
+}
+
+export function getLocalTimezoneName() {
+  const date = new Date();
+  const formatter = new Intl.DateTimeFormat(undefined, {
+    timeZoneName: 'long',
+  });
+  const parts = formatter.formatToParts(date);
+  const timezoneName = parts.find(
+    (part) => part.type === 'timeZoneName',
+  )?.value;
+  return timezoneName;
+}
diff --git a/src/components/compose.css b/src/components/compose.css
index 554bf0b8..93de66f2 100644
--- a/src/components/compose.css
+++ b/src/components/compose.css
@@ -94,8 +94,11 @@
   ); */
   border-top: var(--hairline-width) solid var(--outline-color);
   backdrop-filter: blur(8px);
-  text-shadow: 0 1px 10px var(--bg-color), 0 1px 10px var(--bg-color),
-    0 1px 10px var(--bg-color), 0 1px 10px var(--bg-color),
+  text-shadow:
+    0 1px 10px var(--bg-color),
+    0 1px 10px var(--bg-color),
+    0 1px 10px var(--bg-color),
+    0 1px 10px var(--bg-color),
     0 1px 10px var(--bg-color);
   z-index: 2;
 
@@ -134,7 +137,9 @@
   }
 }
 #compose-container .status-preview ~ form {
-  box-shadow: var(--drop-shadow), 0 -3px 6px -3px var(--drop-shadow-color);
+  box-shadow:
+    var(--drop-shadow),
+    0 -3px 6px -3px var(--drop-shadow-color);
 }
 
 #compose-container textarea {
@@ -412,16 +417,17 @@
   width: 80px;
   height: 80px;
   /* checkerboard background */
-  background-image: linear-gradient(
-      45deg,
-      var(--img-bg-color) 25%,
-      transparent 25%
-    ),
+  background-image:
+    linear-gradient(45deg, var(--img-bg-color) 25%, transparent 25%),
     linear-gradient(-45deg, var(--img-bg-color) 25%, transparent 25%),
     linear-gradient(45deg, transparent 75%, var(--img-bg-color) 75%),
     linear-gradient(-45deg, transparent 75%, var(--img-bg-color) 75%);
   background-size: 10px 10px;
-  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
+  background-position:
+    0 0,
+    0 5px,
+    5px -5px,
+    -5px 0px;
 }
 #compose-container .media-preview > * {
   width: 80px;
@@ -562,6 +568,25 @@
   color: var(--red-color);
 }
 
+#compose-container {
+  .scheduled-at {
+    background-color: var(--bg-faded-color);
+    border-radius: 8px;
+    margin: 8px 0 0;
+    justify-content: flex-end;
+    text-align: end;
+
+    input[type='datetime-local'] {
+      max-width: 80vw;
+      padding: 4px;
+
+      &:invalid {
+        border-color: var(--red-color);
+      }
+    }
+  }
+}
+
 .compose-menu-add-media {
   position: relative;
 
@@ -660,16 +685,17 @@
   overflow: hidden;
   box-shadow: 0 2px 16px var(--img-bg-color);
   /* checkerboard background */
-  background-image: linear-gradient(
-      45deg,
-      var(--img-bg-color) 25%,
-      transparent 25%
-    ),
+  background-image:
+    linear-gradient(45deg, var(--img-bg-color) 25%, transparent 25%),
     linear-gradient(-45deg, var(--img-bg-color) 25%, transparent 25%),
     linear-gradient(45deg, transparent 75%, var(--img-bg-color) 75%),
     linear-gradient(-45deg, transparent 75%, var(--img-bg-color) 75%);
   background-size: 20px 20px;
-  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+  background-position:
+    0 0,
+    0 10px,
+    10px -10px,
+    -10px 0px;
   flex: 0.8;
 }
 #media-sheet .media-preview > * {
diff --git a/src/components/compose.jsx b/src/components/compose.jsx
index e11f16d3..913785a1 100644
--- a/src/components/compose.jsx
+++ b/src/components/compose.jsx
@@ -59,6 +59,10 @@ import AccountBlock from './account-block';
 import Icon from './icon';
 import Loader from './loader';
 import Modal from './modal';
+import ScheduledAtField, {
+  getLocalTimezoneName,
+  MIN_SCHEDULED_AT,
+} from './ScheduledAtField';
 import Status from './status';
 
 const {
@@ -207,6 +211,7 @@ const ADD_LABELS = {
   customEmoji: msg`Add custom emoji`,
   gif: msg`Add GIF`,
   poll: msg`Add poll`,
+  scheduledPost: msg`Schedule post`,
 };
 
 function Compose({
@@ -265,6 +270,7 @@ function Compose({
   const prevLanguage = useRef(language);
   const [mediaAttachments, setMediaAttachments] = useState([]);
   const [poll, setPoll] = useState(null);
+  const [scheduledAt, setScheduledAt] = useState(null);
 
   const prefs = store.account.get('preferences') || {};
 
@@ -375,6 +381,7 @@ function Compose({
         sensitive,
         poll,
         mediaAttachments,
+        scheduledAt,
       } = draftStatus;
       const composablePoll = !!poll?.options && {
         ...poll,
@@ -394,6 +401,7 @@ function Compose({
       if (sensitive !== null) setSensitive(sensitive);
       if (composablePoll) setPoll(composablePoll);
       if (mediaAttachments) setMediaAttachments(mediaAttachments);
+      if (scheduledAt) setScheduledAt(scheduledAt);
     }
   }, [draftStatus, editStatus, replyToStatus]);
 
@@ -574,6 +582,7 @@ function Compose({
         sensitive,
         poll,
         mediaAttachments,
+        scheduledAt,
       },
     };
     if (
@@ -773,6 +782,13 @@ function Compose({
     },
   });
 
+  const showScheduledAt = !editStatus;
+  const scheduledAtButtonDisabled = uiState === 'loading' || !!scheduledAt;
+  const onScheduledAtClick = () => {
+    const date = new Date(Date.now() + MIN_SCHEDULED_AT);
+    setScheduledAt(date);
+  };
+
   return (
     <div id="compose-container-outer">
       <div id="compose-container" class={standalone ? 'standalone' : ''}>
@@ -827,6 +843,7 @@ function Compose({
                       sensitive,
                       poll,
                       mediaAttachments,
+                      scheduledAt,
                     },
                   });
 
@@ -915,6 +932,7 @@ function Compose({
                           sensitive,
                           poll,
                           mediaAttachments,
+                          scheduledAt,
                         },
                       };
                       window.opener.__COMPOSE__ = passData; // Pass it here instead of `showCompose` due to some weird proxy issue again
@@ -991,11 +1009,17 @@ function Compose({
             const formData = new FormData(e.target);
             const entries = Object.fromEntries(formData.entries());
             console.log('ENTRIES', entries);
-            let { status, visibility, sensitive, spoilerText } = entries;
+            let { status, visibility, sensitive, spoilerText, scheduledAt } =
+              entries;
 
             // Pre-cleanup
             sensitive = sensitive === 'on'; // checkboxes return "on" if checked
 
+            // Convert datetime-local input value to RFC3339 Date string value
+            scheduledAt = scheduledAt
+              ? new Date(scheduledAt).toISOString()
+              : undefined;
+
             // Validation
             /* Let the backend validate this
           if (stringLength(status) > maxCharacters) {
@@ -1125,6 +1149,7 @@ function Compose({
                   params.visibility = visibility;
                   // params.inReplyToId = replyToStatus?.id || undefined;
                   params.in_reply_to_id = replyToStatus?.id || undefined;
+                  params.scheduled_at = scheduledAt;
                 }
                 params = removeNullUndefined(params);
                 console.log('POST', params);
@@ -1161,6 +1186,7 @@ function Compose({
                   type: editStatus ? 'edit' : replyToStatus ? 'reply' : 'post',
                   newStatus,
                   instance,
+                  scheduledAt,
                 });
               } catch (e) {
                 states.composerState.publishing = false;
@@ -1359,6 +1385,30 @@ function Compose({
               }}
             />
           )}
+          {scheduledAt && (
+            <div class="toolbar scheduled-at">
+              <button
+                type="button"
+                class="plain4 small"
+                onClick={() => {
+                  setScheduledAt(null);
+                }}
+              >
+                <Icon icon="x" />
+              </button>
+              <label>
+                <Trans>
+                  Posting on{' '}
+                  <ScheduledAtField
+                    scheduledAt={scheduledAt}
+                    setScheduledAt={setScheduledAt}
+                  />
+                </Trans>
+                <br />
+                <small>{getLocalTimezoneName()}</small>
+              </label>
+            </div>
+          )}
           <div class="toolbar compose-footer">
             <span class="add-toolbar-button-group spacer">
               {showAddButton && (
@@ -1418,12 +1468,23 @@ function Compose({
                       <span>{_(ADD_LABELS.gif)}</span>
                     </MenuItem>
                   )}
-                  <MenuItem
-                    disabled={pollButtonDisabled}
-                    onClick={onPollButtonClick}
-                  >
-                    <Icon icon="poll" /> <span>{_(ADD_LABELS.poll)}</span>
-                  </MenuItem>
+                  {showPollButton && (
+                    <MenuItem
+                      disabled={pollButtonDisabled}
+                      onClick={onPollButtonClick}
+                    >
+                      <Icon icon="poll" /> <span>{_(ADD_LABELS.poll)}</span>
+                    </MenuItem>
+                  )}
+                  {showScheduledAt && (
+                    <MenuItem
+                      disabled={scheduledAtButtonDisabled}
+                      onClick={onScheduledAtClick}
+                    >
+                      <Icon icon="schedule" />{' '}
+                      <span>{_(ADD_LABELS.scheduledPost)}</span>
+                    </MenuItem>
+                  )}
                 </Menu2>
               )}
               <span class="add-sub-toolbar-button-group" ref={addSubToolbarRef}>
@@ -1476,7 +1537,6 @@ function Compose({
                     />
                   </button>
                 )}
-                {}
                 {showPollButton && (
                   <>
                     <button
@@ -1489,6 +1549,16 @@ function Compose({
                     </button>
                   </>
                 )}
+                {showScheduledAt && (
+                  <button
+                    type="button"
+                    class={`toolbar-button ${scheduledAt ? 'highlight' : ''}`}
+                    disabled={scheduledAtButtonDisabled}
+                    onClick={onScheduledAtClick}
+                  >
+                    <Icon icon="schedule" alt={_(ADD_LABELS.scheduledPost)} />
+                  </button>
+                )}
               </span>
             </span>
             {/* <div class="spacer" /> */}
@@ -1551,14 +1621,16 @@ function Compose({
               </select>
             </label>{' '}
             <button type="submit" disabled={uiState === 'loading'}>
-              {replyToStatus
-                ? t`Reply`
-                : editStatus
-                  ? t`Update`
-                  : t({
-                      message: 'Post',
-                      context: 'Submit button in composer',
-                    })}
+              {scheduledAt
+                ? t`Schedule`
+                : replyToStatus
+                  ? t`Reply`
+                  : editStatus
+                    ? t`Update`
+                    : t({
+                        message: 'Post',
+                        context: 'Submit button in composer',
+                      })}
             </button>
           </div>
         </form>
diff --git a/src/components/modals.jsx b/src/components/modals.jsx
index 362e6e1f..1022d55d 100644
--- a/src/components/modals.jsx
+++ b/src/components/modals.jsx
@@ -63,15 +63,20 @@ export default function Modals() {
               null
             }
             onClose={(results) => {
-              const { newStatus, instance, type } = results || {};
+              const { newStatus, instance, type, scheduledAt } = results || {};
               states.showCompose = false;
               window.__COMPOSE__ = null;
               if (newStatus) {
                 states.reloadStatusPage++;
+                if (scheduledAt) states.reloadScheduledPosts++;
                 showToast({
                   text: {
-                    post: t`Post published. Check it out.`,
-                    reply: t`Reply posted. Check it out.`,
+                    post: scheduledAt
+                      ? t`Post scheduled`
+                      : t`Post published. Check it out.`,
+                    reply: scheduledAt
+                      ? t`Reply scheduled`
+                      : t`Reply posted. Check it out.`,
                     edit: t`Post updated. Check it out.`,
                   }[type || 'post'],
                   delay: 1000,
@@ -79,11 +84,15 @@ export default function Modals() {
                   onClick: (toast) => {
                     toast.hideToast();
                     states.prevLocation = location;
-                    navigate(
-                      instance
-                        ? `/${instance}/s/${newStatus.id}`
-                        : `/s/${newStatus.id}`,
-                    );
+                    if (scheduledAt) {
+                      navigate('/sp');
+                    } else {
+                      navigate(
+                        instance
+                          ? `/${instance}/s/${newStatus.id}`
+                          : `/s/${newStatus.id}`,
+                      );
+                    }
                   },
                 });
               }
diff --git a/src/components/name-text.jsx b/src/components/name-text.jsx
index 82fa8c07..a81ff382 100644
--- a/src/components/name-text.jsx
+++ b/src/components/name-text.jsx
@@ -36,6 +36,7 @@ function NameText({
   onClick,
 }) {
   const { i18n } = useLingui();
+  if (!account) return null;
   const {
     acct,
     avatar,
diff --git a/src/components/nav-menu.jsx b/src/components/nav-menu.jsx
index 6a07c0e6..11947893 100644
--- a/src/components/nav-menu.jsx
+++ b/src/components/nav-menu.jsx
@@ -254,6 +254,12 @@ function NavMenu(props) {
                     <Trans>Followed Hashtags</Trans>
                   </span>
                 </MenuLink>
+                <MenuLink to="/sp">
+                  <Icon icon="schedule" size="l" />{' '}
+                  <span>
+                    <Trans>Scheduled Posts</Trans>
+                  </span>
+                </MenuLink>
                 <MenuDivider />
                 {supports('@mastodon/filters') && (
                   <MenuLink to="/ft">
diff --git a/src/components/poll.jsx b/src/components/poll.jsx
index afdaed39..f0338b96 100644
--- a/src/components/poll.jsx
+++ b/src/components/poll.jsx
@@ -27,7 +27,7 @@ export default function Poll({
     ownVotes,
     voted,
     votersCount,
-    votesCount,
+    votesCount = 0,
     emojis,
   } = poll;
   const expiresAtDate = !!expiresAt && new Date(expiresAt); // Update poll at point of expiry
diff --git a/src/components/relative-time.jsx b/src/components/relative-time.jsx
index 9b588ed5..4ce77c35 100644
--- a/src/components/relative-time.jsx
+++ b/src/components/relative-time.jsx
@@ -40,13 +40,15 @@ const rtfFromNow = (date) => {
   const seconds = (date.getTime() - Date.now()) / 1000;
   const absSeconds = Math.abs(seconds);
   if (absSeconds < minute) {
-    return rtf.format(seconds, 'second');
+    return rtf.format(Math.floor(seconds), 'second');
   } else if (absSeconds < hour) {
     return rtf.format(Math.floor(seconds / minute), 'minute');
   } else if (absSeconds < day) {
     return rtf.format(Math.floor(seconds / hour), 'hour');
-  } else {
+  } else if (absSeconds < 30 * day) {
     return rtf.format(Math.floor(seconds / day), 'day');
+  } else {
+    return rtf.format(Math.floor(seconds / day / 30), 'month');
   }
 };
 
@@ -76,7 +78,8 @@ export default function RelativeTime({ datetime, format }) {
   const [renderCount, rerender] = useReducer((x) => x + 1, 0);
   const date = useMemo(() => new Date(datetime), [datetime]);
   const [dateStr, dt, title] = useMemo(() => {
-    if (!isValidDate(date)) return ['' + datetime, '', ''];
+    if (!isValidDate(date))
+      return ['' + (typeof datetime === 'string' ? datetime : ''), '', ''];
     let str;
     if (format === 'micro') {
       // If date <= 1 day ago or day is within this year
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 9d1da496..999862de 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -201,7 +201,7 @@ const PostContent =
         }
       }
       divRef.current.replaceChildren(dom.cloneNode(true));
-    }, [content, emojis.length]);
+    }, [content, emojis?.length]);
 
     return (
       <div
@@ -358,7 +358,7 @@ function Status({
       emojis: accountEmojis,
       bot,
       group,
-    },
+    } = {},
     id,
     repliesCount,
     reblogged,
@@ -428,7 +428,7 @@ function Status({
     return null;
   }
 
-  console.debug('RENDER Status', id, status?.account.displayName, quoted);
+  console.debug('RENDER Status', id, status?.account?.displayName, quoted);
 
   const debugHover = (e) => {
     if (e.shiftKey) {
@@ -646,7 +646,7 @@ function Status({
     [spoilerText, content],
   );
 
-  const createdDateText = niceDateTime(createdAtDate);
+  const createdDateText = createdAt && niceDateTime(createdAtDate);
   const editedDateText = editedAt && niceDateTime(editedAtDate);
 
   // Can boost if:
@@ -1792,146 +1792,148 @@ function Status({
           </a>
         )}
         <div class="container">
-          <div class="meta">
-            <span class="meta-name">
-              <NameText
-                account={status.account}
-                instance={instance}
-                showAvatar={size === 's'}
-                showAcct={isSizeLarge}
-              />
-            </span>
-            {/* {inReplyToAccount && !withinContext && size !== 's' && (
-              <>
-                {' '}
-                <span class="ib">
-                  <Icon icon="arrow-right" class="arrow" />{' '}
-                  <NameText account={inReplyToAccount} instance={instance} short />
-                </span>
-              </>
-            )} */}
-            {/* </span> */}{' '}
-            {size !== 'l' &&
-              (_deleted ? (
-                <span class="status-deleted-tag">
-                  <Trans>Deleted</Trans>
-                </span>
-              ) : url && !previewMode && !readOnly && !quoted ? (
-                <Link
-                  to={instance ? `/${instance}/s/${id}` : `/s/${id}`}
-                  onClick={(e) => {
-                    if (
-                      e.metaKey ||
-                      e.ctrlKey ||
-                      e.shiftKey ||
-                      e.altKey ||
-                      e.which === 2
-                    ) {
-                      return;
-                    }
-                    e.preventDefault();
-                    e.stopPropagation();
-                    onStatusLinkClick?.(e, status);
-                    setContextMenuProps({
-                      anchorRef: {
-                        current: e.currentTarget,
-                      },
-                      align: 'end',
-                      direction: 'bottom',
-                      gap: 4,
-                    });
-                    setIsContextMenuOpen(true);
-                  }}
-                  class={`time ${
-                    isContextMenuOpen && contextMenuProps?.anchorRef
-                      ? 'is-open'
-                      : ''
-                  }`}
-                >
-                  {showCommentHint && !showCommentCount ? (
-                    <Icon
-                      icon="comment2"
-                      size="s"
-                      // alt={`${repliesCount} ${
-                      //   repliesCount === 1 ? 'reply' : 'replies'
-                      // }`}
-                      alt={plural(repliesCount, {
-                        one: '# reply',
-                        other: '# replies',
-                      })}
-                    />
-                  ) : (
-                    visibility !== 'public' &&
-                    visibility !== 'direct' && (
+          {!!(status.account || createdAt) && (
+            <div class="meta">
+              <span class="meta-name">
+                <NameText
+                  account={status.account}
+                  instance={instance}
+                  showAvatar={size === 's'}
+                  showAcct={isSizeLarge}
+                />
+              </span>
+              {/* {inReplyToAccount && !withinContext && size !== 's' && (
+                <>
+                  {' '}
+                  <span class="ib">
+                    <Icon icon="arrow-right" class="arrow" />{' '}
+                    <NameText account={inReplyToAccount} instance={instance} short />
+                  </span>
+                </>
+              )} */}
+              {/* </span> */}{' '}
+              {size !== 'l' &&
+                (_deleted ? (
+                  <span class="status-deleted-tag">
+                    <Trans>Deleted</Trans>
+                  </span>
+                ) : url && !previewMode && !readOnly && !quoted ? (
+                  <Link
+                    to={instance ? `/${instance}/s/${id}` : `/s/${id}`}
+                    onClick={(e) => {
+                      if (
+                        e.metaKey ||
+                        e.ctrlKey ||
+                        e.shiftKey ||
+                        e.altKey ||
+                        e.which === 2
+                      ) {
+                        return;
+                      }
+                      e.preventDefault();
+                      e.stopPropagation();
+                      onStatusLinkClick?.(e, status);
+                      setContextMenuProps({
+                        anchorRef: {
+                          current: e.currentTarget,
+                        },
+                        align: 'end',
+                        direction: 'bottom',
+                        gap: 4,
+                      });
+                      setIsContextMenuOpen(true);
+                    }}
+                    class={`time ${
+                      isContextMenuOpen && contextMenuProps?.anchorRef
+                        ? 'is-open'
+                        : ''
+                    }`}
+                  >
+                    {showCommentHint && !showCommentCount ? (
                       <Icon
-                        icon={visibilityIconsMap[visibility]}
-                        alt={_(visibilityText[visibility])}
+                        icon="comment2"
                         size="s"
+                        // alt={`${repliesCount} ${
+                        //   repliesCount === 1 ? 'reply' : 'replies'
+                        // }`}
+                        alt={plural(repliesCount, {
+                          one: '# reply',
+                          other: '# replies',
+                        })}
                       />
-                    )
-                  )}{' '}
-                  <RelativeTime datetime={createdAtDate} format="micro" />
-                  {!previewMode && !readOnly && (
-                    <Icon icon="more2" class="more" alt={t`More`} />
-                  )}
-                </Link>
-              ) : (
-                // <Menu
-                //   instanceRef={menuInstanceRef}
-                //   portal={{
-                //     target: document.body,
-                //   }}
-                //   containerProps={{
-                //     style: {
-                //       // Higher than the backdrop
-                //       zIndex: 1001,
-                //     },
-                //     onClick: (e) => {
-                //       if (e.target === e.currentTarget)
-                //         menuInstanceRef.current?.closeMenu?.();
-                //     },
-                //   }}
-                //   align="end"
-                //   gap={4}
-                //   overflow="auto"
-                //   viewScroll="close"
-                //   boundingBoxPadding="8 8 8 8"
-                //   unmountOnClose
-                //   menuButton={({ open }) => (
-                //     <Link
-                //       to={instance ? `/${instance}/s/${id}` : `/s/${id}`}
-                //       onClick={(e) => {
-                //         e.preventDefault();
-                //         e.stopPropagation();
-                //         onStatusLinkClick?.(e, status);
-                //       }}
-                //       class={`time ${open ? 'is-open' : ''}`}
-                //     >
-                //       <Icon
-                //         icon={visibilityIconsMap[visibility]}
-                //         alt={visibilityText[visibility]}
-                //         size="s"
-                //       />{' '}
-                //       <RelativeTime datetime={createdAtDate} format="micro" />
-                //     </Link>
-                //   )}
-                // >
-                //   {StatusMenuItems}
-                // </Menu>
-                <span class="time">
-                  {visibility !== 'public' && visibility !== 'direct' && (
-                    <>
-                      <Icon
-                        icon={visibilityIconsMap[visibility]}
-                        alt={_(visibilityText[visibility])}
-                        size="s"
-                      />{' '}
-                    </>
-                  )}
-                  <RelativeTime datetime={createdAtDate} format="micro" />
-                </span>
-              ))}
-          </div>
+                    ) : (
+                      visibility !== 'public' &&
+                      visibility !== 'direct' && (
+                        <Icon
+                          icon={visibilityIconsMap[visibility]}
+                          alt={_(visibilityText[visibility])}
+                          size="s"
+                        />
+                      )
+                    )}{' '}
+                    <RelativeTime datetime={createdAtDate} format="micro" />
+                    {!previewMode && !readOnly && (
+                      <Icon icon="more2" class="more" alt={t`More`} />
+                    )}
+                  </Link>
+                ) : (
+                  // <Menu
+                  //   instanceRef={menuInstanceRef}
+                  //   portal={{
+                  //     target: document.body,
+                  //   }}
+                  //   containerProps={{
+                  //     style: {
+                  //       // Higher than the backdrop
+                  //       zIndex: 1001,
+                  //     },
+                  //     onClick: (e) => {
+                  //       if (e.target === e.currentTarget)
+                  //         menuInstanceRef.current?.closeMenu?.();
+                  //     },
+                  //   }}
+                  //   align="end"
+                  //   gap={4}
+                  //   overflow="auto"
+                  //   viewScroll="close"
+                  //   boundingBoxPadding="8 8 8 8"
+                  //   unmountOnClose
+                  //   menuButton={({ open }) => (
+                  //     <Link
+                  //       to={instance ? `/${instance}/s/${id}` : `/s/${id}`}
+                  //       onClick={(e) => {
+                  //         e.preventDefault();
+                  //         e.stopPropagation();
+                  //         onStatusLinkClick?.(e, status);
+                  //       }}
+                  //       class={`time ${open ? 'is-open' : ''}`}
+                  //     >
+                  //       <Icon
+                  //         icon={visibilityIconsMap[visibility]}
+                  //         alt={visibilityText[visibility]}
+                  //         size="s"
+                  //       />{' '}
+                  //       <RelativeTime datetime={createdAtDate} format="micro" />
+                  //     </Link>
+                  //   )}
+                  // >
+                  //   {StatusMenuItems}
+                  // </Menu>
+                  <span class="time">
+                    {visibility !== 'public' && visibility !== 'direct' && (
+                      <>
+                        <Icon
+                          icon={visibilityIconsMap[visibility]}
+                          alt={_(visibilityText[visibility])}
+                          size="s"
+                        />{' '}
+                      </>
+                    )}
+                    <RelativeTime datetime={createdAtDate} format="micro" />
+                  </span>
+                ))}
+            </div>
+          )}
           {visibility === 'direct' && (
             <>
               <div class="status-direct-badge">
diff --git a/src/index.css b/src/index.css
index 912e8516..59798ee0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,8 +11,9 @@
   --main-width: 40em;
   text-size-adjust: none;
   --hairline-width: 1px;
-  --monospace-font: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono',
-    Menlo, Courier, monospace;
+  --monospace-font:
+    ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
+    monospace;
 
   --blue-color: royalblue;
   --purple-color: blueviolet;
@@ -190,8 +191,16 @@ html {
 }
 
 body {
-  font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
-    Ubuntu, Cantarell, Noto Sans, sans-serif;
+  font-family:
+    ui-rounded,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Ubuntu,
+    Cantarell,
+    Noto Sans,
+    sans-serif;
   font-size: var(--text-size);
   word-wrap: break-word;
   overflow-wrap: break-word;
@@ -367,6 +376,7 @@ button[hidden] {
 
 input[type='text'],
 input[type='search'],
+input[type='datetime-local'],
 textarea,
 select {
   color: var(--text-color);
@@ -377,6 +387,7 @@ select {
 }
 input[type='text']:focus,
 input[type='search']:focus,
+input[type='datetime-local']:focus,
 textarea:focus,
 select:focus {
   border-color: var(--outline-color);
diff --git a/src/locales/en.po b/src/locales/en.po
index 55e28178..d1ffbc74 100644
--- a/src/locales/en.po
+++ b/src/locales/en.po
@@ -108,19 +108,20 @@ msgstr ""
 
 #: src/components/account-info.jsx:430
 #: src/components/account-info.jsx:1143
-#: src/components/compose.jsx:2624
+#: src/components/compose.jsx:2696
 #: src/components/media-alt-modal.jsx:46
 #: src/components/media-modal.jsx:358
 #: src/components/status.jsx:1734
 #: src/components/status.jsx:1751
-#: src/components/status.jsx:1875
-#: src/components/status.jsx:2479
-#: src/components/status.jsx:2482
+#: src/components/status.jsx:1876
+#: src/components/status.jsx:2481
+#: src/components/status.jsx:2484
 #: src/pages/account-statuses.jsx:523
 #: src/pages/accounts.jsx:110
 #: src/pages/hashtag.jsx:200
 #: src/pages/list.jsx:158
 #: src/pages/public.jsx:115
+#: src/pages/scheduled-posts.jsx:87
 #: src/pages/status.jsx:1214
 #: src/pages/trending.jsx:472
 msgid "More"
@@ -196,7 +197,7 @@ msgid "Original"
 msgstr ""
 
 #: src/components/account-info.jsx:887
-#: src/components/status.jsx:2265
+#: src/components/status.jsx:2267
 #: src/pages/catchup.jsx:71
 #: src/pages/catchup.jsx:1445
 #: src/pages/catchup.jsx:2058
@@ -305,7 +306,7 @@ msgstr ""
 #: src/components/account-info.jsx:1336
 #: src/components/shortcuts-settings.jsx:1059
 #: src/components/status.jsx:1183
-#: src/components/status.jsx:3258
+#: src/components/status.jsx:3260
 msgid "Copy"
 msgstr ""
 
@@ -418,11 +419,11 @@ msgstr ""
 #: src/components/account-info.jsx:2020
 #: src/components/account-info.jsx:2140
 #: src/components/account-sheet.jsx:38
-#: src/components/compose.jsx:859
-#: src/components/compose.jsx:2580
-#: src/components/compose.jsx:3054
-#: src/components/compose.jsx:3263
-#: src/components/compose.jsx:3493
+#: src/components/compose.jsx:876
+#: src/components/compose.jsx:2652
+#: src/components/compose.jsx:3126
+#: src/components/compose.jsx:3335
+#: src/components/compose.jsx:3565
 #: src/components/drafts.jsx:59
 #: src/components/embed-modal.jsx:13
 #: src/components/generic-accounts.jsx:143
@@ -435,14 +436,15 @@ msgstr ""
 #: src/components/shortcuts-settings.jsx:230
 #: src/components/shortcuts-settings.jsx:583
 #: src/components/shortcuts-settings.jsx:783
-#: src/components/status.jsx:2982
-#: src/components/status.jsx:3222
-#: src/components/status.jsx:3722
+#: src/components/status.jsx:2984
+#: src/components/status.jsx:3224
+#: src/components/status.jsx:3724
 #: src/pages/accounts.jsx:37
 #: src/pages/catchup.jsx:1581
 #: src/pages/filters.jsx:224
 #: src/pages/list.jsx:276
 #: src/pages/notifications.jsx:915
+#: src/pages/scheduled-posts.jsx:257
 #: src/pages/settings.jsx:78
 #: src/pages/status.jsx:1301
 msgid "Close"
@@ -559,6 +561,7 @@ msgstr ""
 #: src/pages/followed-hashtags.jsx:41
 #: src/pages/home.jsx:53
 #: src/pages/notifications.jsx:560
+#: src/pages/scheduled-posts.jsx:72
 msgid "Home"
 msgstr ""
 
@@ -567,210 +570,222 @@ msgstr ""
 msgid "Compose"
 msgstr ""
 
-#: src/components/compose.jsx:206
+#: src/components/compose.jsx:210
 msgid "Add media"
 msgstr "Add media"
 
-#: src/components/compose.jsx:207
+#: src/components/compose.jsx:211
 msgid "Add custom emoji"
 msgstr ""
 
-#: src/components/compose.jsx:208
+#: src/components/compose.jsx:212
 msgid "Add GIF"
 msgstr "Add GIF"
 
-#: src/components/compose.jsx:209
+#: src/components/compose.jsx:213
 msgid "Add poll"
 msgstr ""
 
-#: src/components/compose.jsx:402
+#: src/components/compose.jsx:214
+msgid "Schedule post"
+msgstr "Schedule post"
+
+#: src/components/compose.jsx:410
 msgid "You have unsaved changes. Discard this post?"
 msgstr "You have unsaved changes. Discard this post?"
 
 #. placeholder {0}: unsupportedFiles.length
 #. placeholder {1}: unsupportedFiles[0].name
 #. placeholder {2}: lf.format( unsupportedFiles.map((f) => f.name), )
-#: src/components/compose.jsx:630
+#: src/components/compose.jsx:639
 msgid "{0, plural, one {File {1} is not supported.} other {Files {2} are not supported.}}"
 msgstr "{0, plural, one {File {1} is not supported.} other {Files {2} are not supported.}}"
 
-#: src/components/compose.jsx:640
-#: src/components/compose.jsx:658
-#: src/components/compose.jsx:1674
-#: src/components/compose.jsx:1760
+#: src/components/compose.jsx:649
+#: src/components/compose.jsx:667
+#: src/components/compose.jsx:1746
+#: src/components/compose.jsx:1832
 msgid "{maxMediaAttachments, plural, one {You can only attach up to 1 file.} other {You can only attach up to # files.}}"
 msgstr ""
 
-#: src/components/compose.jsx:840
+#: src/components/compose.jsx:857
 msgid "Pop out"
 msgstr "Pop out"
 
-#: src/components/compose.jsx:847
+#: src/components/compose.jsx:864
 msgid "Minimize"
 msgstr "Minimize"
 
-#: src/components/compose.jsx:883
+#: src/components/compose.jsx:900
 msgid "Looks like you closed the parent window."
 msgstr "Looks like you closed the parent window."
 
-#: src/components/compose.jsx:890
+#: src/components/compose.jsx:907
 msgid "Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later."
 msgstr "Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later."
 
-#: src/components/compose.jsx:895
+#: src/components/compose.jsx:912
 msgid "Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?"
 msgstr "Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?"
 
-#: src/components/compose.jsx:937
+#: src/components/compose.jsx:955
 msgid "Pop in"
 msgstr "Pop in"
 
 #. placeholder {0}: replyToStatus.account.acct || replyToStatus.account.username
 #. placeholder {1}: rtf.format(-replyToStatusMonthsAgo, 'month')
-#: src/components/compose.jsx:947
+#: src/components/compose.jsx:965
 msgid "Replying to @{0}’s post (<0>{1}</0>)"
 msgstr ""
 
 #. placeholder {0}: replyToStatus.account.acct || replyToStatus.account.username
-#: src/components/compose.jsx:957
+#: src/components/compose.jsx:975
 msgid "Replying to @{0}’s post"
 msgstr ""
 
-#: src/components/compose.jsx:970
+#: src/components/compose.jsx:988
 msgid "Editing source post"
 msgstr ""
 
-#: src/components/compose.jsx:1017
+#: src/components/compose.jsx:1041
 msgid "Poll must have at least 2 options"
 msgstr "Poll must have at least 2 options"
 
-#: src/components/compose.jsx:1021
+#: src/components/compose.jsx:1045
 msgid "Some poll choices are empty"
 msgstr "Some poll choices are empty"
 
-#: src/components/compose.jsx:1034
+#: src/components/compose.jsx:1058
 msgid "Some media have no descriptions. Continue?"
 msgstr "Some media have no descriptions. Continue?"
 
-#: src/components/compose.jsx:1086
+#: src/components/compose.jsx:1110
 msgid "Attachment #{i} failed"
 msgstr "Attachment #{i} failed"
 
-#: src/components/compose.jsx:1180
-#: src/components/status.jsx:2060
+#: src/components/compose.jsx:1206
+#: src/components/status.jsx:2062
 #: src/components/timeline.jsx:989
 msgid "Content warning"
 msgstr ""
 
-#: src/components/compose.jsx:1196
+#: src/components/compose.jsx:1222
 msgid "Content warning or sensitive media"
 msgstr "Content warning or sensitive media"
 
-#: src/components/compose.jsx:1232
+#: src/components/compose.jsx:1258
 #: src/components/status.jsx:93
 #: src/pages/settings.jsx:306
 msgid "Public"
 msgstr ""
 
-#: src/components/compose.jsx:1237
-#: src/components/nav-menu.jsx:338
+#: src/components/compose.jsx:1263
+#: src/components/nav-menu.jsx:344
 #: src/components/shortcuts-settings.jsx:165
 #: src/components/status.jsx:94
 msgid "Local"
 msgstr ""
 
-#: src/components/compose.jsx:1241
+#: src/components/compose.jsx:1267
 #: src/components/status.jsx:95
 #: src/pages/settings.jsx:309
 msgid "Unlisted"
 msgstr ""
 
-#: src/components/compose.jsx:1244
+#: src/components/compose.jsx:1270
 #: src/components/status.jsx:96
 #: src/pages/settings.jsx:312
 msgid "Followers only"
 msgstr ""
 
-#: src/components/compose.jsx:1247
+#: src/components/compose.jsx:1273
 #: src/components/status.jsx:97
-#: src/components/status.jsx:1938
+#: src/components/status.jsx:1940
 msgid "Private mention"
 msgstr ""
 
-#: src/components/compose.jsx:1256
+#: src/components/compose.jsx:1282
 msgid "Post your reply"
 msgstr "Post your reply"
 
-#: src/components/compose.jsx:1258
+#: src/components/compose.jsx:1284
 msgid "Edit your post"
 msgstr "Edit your post"
 
-#: src/components/compose.jsx:1259
+#: src/components/compose.jsx:1285
 msgid "What are you doing?"
 msgstr "What are you doing?"
 
-#: src/components/compose.jsx:1337
+#: src/components/compose.jsx:1363
 msgid "Mark media as sensitive"
 msgstr ""
 
-#: src/components/compose.jsx:1381
-#: src/components/compose.jsx:3112
+#: src/components/compose.jsx:1400
+msgid "Posting on <0/>"
+msgstr "Posting on <0/>"
+
+#: src/components/compose.jsx:1431
+#: src/components/compose.jsx:3184
 #: src/components/shortcuts-settings.jsx:715
 #: src/pages/list.jsx:362
 msgid "Add"
 msgstr ""
 
-#: src/components/compose.jsx:1555
+#: src/components/compose.jsx:1625
+msgid "Schedule"
+msgstr "Schedule"
+
+#: src/components/compose.jsx:1627
 #: src/components/keyboard-shortcuts-help.jsx:154
 #: src/components/status.jsx:948
 #: src/components/status.jsx:1714
 #: src/components/status.jsx:1715
-#: src/components/status.jsx:2383
+#: src/components/status.jsx:2385
 msgid "Reply"
 msgstr ""
 
-#: src/components/compose.jsx:1557
+#: src/components/compose.jsx:1629
 msgid "Update"
 msgstr "Update"
 
-#: src/components/compose.jsx:1558
+#: src/components/compose.jsx:1630
 msgctxt "Submit button in composer"
 msgid "Post"
 msgstr "Post"
 
-#: src/components/compose.jsx:1686
+#: src/components/compose.jsx:1758
 msgid "Downloading GIF…"
 msgstr "Downloading GIF…"
 
-#: src/components/compose.jsx:1714
+#: src/components/compose.jsx:1786
 msgid "Failed to download GIF"
 msgstr "Failed to download GIF"
 
-#: src/components/compose.jsx:1884
-#: src/components/compose.jsx:1961
+#: src/components/compose.jsx:1956
+#: src/components/compose.jsx:2033
 #: src/components/nav-menu.jsx:239
 msgid "More…"
 msgstr ""
 
-#: src/components/compose.jsx:2393
+#: src/components/compose.jsx:2465
 msgid "Uploaded"
 msgstr ""
 
-#: src/components/compose.jsx:2406
+#: src/components/compose.jsx:2478
 msgid "Image description"
 msgstr "Image description"
 
-#: src/components/compose.jsx:2407
+#: src/components/compose.jsx:2479
 msgid "Video description"
 msgstr "Video description"
 
-#: src/components/compose.jsx:2408
+#: src/components/compose.jsx:2480
 msgid "Audio description"
 msgstr "Audio description"
 
 #. placeholder {0}: prettyBytes( imageSize, )
 #. placeholder {1}: prettyBytes(imageSizeLimit)
-#: src/components/compose.jsx:2444
+#: src/components/compose.jsx:2516
 msgid "File size too large. Uploading might encounter issues. Try reduce the file size from {0} to {1} or lower."
 msgstr "File size too large. Uploading might encounter issues. Try reduce the file size from {0} to {1} or lower."
 
@@ -778,13 +793,13 @@ msgstr "File size too large. Uploading might encounter issues. Try reduce the fi
 #. placeholder {3}: i18n.number(height)
 #. placeholder {4}: i18n.number(newWidth)
 #. placeholder {5}: i18n.number( newHeight, )
-#: src/components/compose.jsx:2456
+#: src/components/compose.jsx:2528
 msgid "Dimension too large. Uploading might encounter issues. Try reduce dimension from {2}×{3}px to {4}×{5}px."
 msgstr "Dimension too large. Uploading might encounter issues. Try reduce dimension from {2}×{3}px to {4}×{5}px."
 
 #. placeholder {6}: prettyBytes( videoSize, )
 #. placeholder {7}: prettyBytes(videoSizeLimit)
-#: src/components/compose.jsx:2464
+#: src/components/compose.jsx:2536
 msgid "File size too large. Uploading might encounter issues. Try reduce the file size from {6} to {7} or lower."
 msgstr "File size too large. Uploading might encounter issues. Try reduce the file size from {6} to {7} or lower."
 
@@ -792,149 +807,149 @@ msgstr "File size too large. Uploading might encounter issues. Try reduce the fi
 #. placeholder {9}: i18n.number(height)
 #. placeholder {10}: i18n.number(newWidth)
 #. placeholder {11}: i18n.number( newHeight, )
-#: src/components/compose.jsx:2476
+#: src/components/compose.jsx:2548
 msgid "Dimension too large. Uploading might encounter issues. Try reduce dimension from {8}×{9}px to {10}×{11}px."
 msgstr "Dimension too large. Uploading might encounter issues. Try reduce dimension from {8}×{9}px to {10}×{11}px."
 
-#: src/components/compose.jsx:2484
+#: src/components/compose.jsx:2556
 msgid "Frame rate too high. Uploading might encounter issues."
 msgstr "Frame rate too high. Uploading might encounter issues."
 
-#: src/components/compose.jsx:2544
-#: src/components/compose.jsx:2794
+#: src/components/compose.jsx:2616
+#: src/components/compose.jsx:2866
 #: src/components/shortcuts-settings.jsx:726
 #: src/pages/catchup.jsx:1074
 #: src/pages/filters.jsx:412
 msgid "Remove"
 msgstr ""
 
-#: src/components/compose.jsx:2561
+#: src/components/compose.jsx:2633
 #: src/compose.jsx:84
 msgid "Error"
 msgstr ""
 
-#: src/components/compose.jsx:2586
+#: src/components/compose.jsx:2658
 msgid "Edit image description"
 msgstr "Edit image description"
 
-#: src/components/compose.jsx:2587
+#: src/components/compose.jsx:2659
 msgid "Edit video description"
 msgstr "Edit video description"
 
-#: src/components/compose.jsx:2588
+#: src/components/compose.jsx:2660
 msgid "Edit audio description"
 msgstr "Edit audio description"
 
-#: src/components/compose.jsx:2633
-#: src/components/compose.jsx:2682
+#: src/components/compose.jsx:2705
+#: src/components/compose.jsx:2754
 msgid "Generating description. Please wait…"
 msgstr "Generating description. Please wait…"
 
 #. placeholder {12}: e.message
-#: src/components/compose.jsx:2653
+#: src/components/compose.jsx:2725
 msgid "Failed to generate description: {12}"
 msgstr "Failed to generate description: {12}"
 
-#: src/components/compose.jsx:2654
+#: src/components/compose.jsx:2726
 msgid "Failed to generate description"
 msgstr "Failed to generate description"
 
-#: src/components/compose.jsx:2666
-#: src/components/compose.jsx:2672
-#: src/components/compose.jsx:2718
+#: src/components/compose.jsx:2738
+#: src/components/compose.jsx:2744
+#: src/components/compose.jsx:2790
 msgid "Generate description…"
 msgstr ""
 
 #. placeholder {13}: e?.message ? `: ${e.message}` : ''
-#: src/components/compose.jsx:2705
+#: src/components/compose.jsx:2777
 msgid "Failed to generate description{13}"
 msgstr "Failed to generate description{13}"
 
 #. placeholder {0}: localeCode2Text(lang)
-#: src/components/compose.jsx:2720
+#: src/components/compose.jsx:2792
 msgid "({0}) <0>— experimental</0>"
 msgstr ""
 
-#: src/components/compose.jsx:2739
+#: src/components/compose.jsx:2811
 msgid "Done"
 msgstr ""
 
 #. placeholder {0}: i + 1
-#: src/components/compose.jsx:2775
+#: src/components/compose.jsx:2847
 msgid "Choice {0}"
 msgstr "Choice {0}"
 
-#: src/components/compose.jsx:2822
+#: src/components/compose.jsx:2894
 msgid "Multiple choices"
 msgstr ""
 
-#: src/components/compose.jsx:2825
+#: src/components/compose.jsx:2897
 msgid "Duration"
 msgstr ""
 
-#: src/components/compose.jsx:2856
+#: src/components/compose.jsx:2928
 msgid "Remove poll"
 msgstr ""
 
-#: src/components/compose.jsx:3071
+#: src/components/compose.jsx:3143
 msgid "Search accounts"
 msgstr "Search accounts"
 
-#: src/components/compose.jsx:3125
+#: src/components/compose.jsx:3197
 #: src/components/generic-accounts.jsx:228
 msgid "Error loading accounts"
 msgstr ""
 
-#: src/components/compose.jsx:3269
+#: src/components/compose.jsx:3341
 msgid "Custom emojis"
 msgstr ""
 
-#: src/components/compose.jsx:3289
+#: src/components/compose.jsx:3361
 msgid "Search emoji"
 msgstr "Search emoji"
 
-#: src/components/compose.jsx:3320
+#: src/components/compose.jsx:3392
 msgid "Error loading custom emojis"
 msgstr ""
 
-#: src/components/compose.jsx:3331
+#: src/components/compose.jsx:3403
 msgid "Recently used"
 msgstr "Recently used"
 
-#: src/components/compose.jsx:3332
+#: src/components/compose.jsx:3404
 msgid "Others"
 msgstr "Others"
 
 #. placeholder {0}: i18n.number(emojis.length - max)
-#: src/components/compose.jsx:3370
+#: src/components/compose.jsx:3442
 msgid "{0} more…"
 msgstr ""
 
-#: src/components/compose.jsx:3508
+#: src/components/compose.jsx:3580
 msgid "Search GIFs"
 msgstr "Search GIFs"
 
-#: src/components/compose.jsx:3523
+#: src/components/compose.jsx:3595
 msgid "Powered by GIPHY"
 msgstr "Powered by GIPHY"
 
-#: src/components/compose.jsx:3531
+#: src/components/compose.jsx:3603
 msgid "Type to search GIFs"
 msgstr ""
 
-#: src/components/compose.jsx:3629
+#: src/components/compose.jsx:3701
 #: src/components/media-modal.jsx:464
 #: src/components/timeline.jsx:893
 msgid "Previous"
 msgstr ""
 
-#: src/components/compose.jsx:3647
+#: src/components/compose.jsx:3719
 #: src/components/media-modal.jsx:483
 #: src/components/timeline.jsx:910
 msgid "Next"
 msgstr ""
 
-#: src/components/compose.jsx:3664
+#: src/components/compose.jsx:3736
 msgid "Error loading GIFs"
 msgstr ""
 
@@ -959,6 +974,7 @@ msgstr ""
 #: src/components/list-add-edit.jsx:186
 #: src/components/status.jsx:1349
 #: src/pages/filters.jsx:587
+#: src/pages/scheduled-posts.jsx:367
 msgid "Delete…"
 msgstr ""
 
@@ -1042,7 +1058,7 @@ msgid "Nothing to show"
 msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:46
-#: src/components/nav-menu.jsx:357
+#: src/components/nav-menu.jsx:363
 #: src/pages/catchup.jsx:1619
 msgid "Keyboard shortcuts"
 msgstr ""
@@ -1139,7 +1155,7 @@ msgid "<0>Ctrl</0> + <1>Enter</1> or <2>⌘</2> + <3>Enter</3>"
 msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:150
-#: src/components/nav-menu.jsx:326
+#: src/components/nav-menu.jsx:332
 #: src/components/search-form.jsx:73
 #: src/components/shortcuts-settings.jsx:52
 #: src/components/shortcuts-settings.jsx:179
@@ -1166,9 +1182,9 @@ msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:175
 #: src/components/status.jsx:956
-#: src/components/status.jsx:2410
-#: src/components/status.jsx:2433
-#: src/components/status.jsx:2434
+#: src/components/status.jsx:2412
+#: src/components/status.jsx:2435
+#: src/components/status.jsx:2436
 msgid "Boost"
 msgstr ""
 
@@ -1178,8 +1194,8 @@ msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:183
 #: src/components/status.jsx:1019
-#: src/components/status.jsx:2458
-#: src/components/status.jsx:2459
+#: src/components/status.jsx:2460
+#: src/components/status.jsx:2461
 msgid "Bookmark"
 msgstr ""
 
@@ -1283,9 +1299,9 @@ msgid "Filtered: {filterTitleStr}"
 msgstr ""
 
 #: src/components/media-post.jsx:134
-#: src/components/status.jsx:3552
-#: src/components/status.jsx:3648
-#: src/components/status.jsx:3726
+#: src/components/status.jsx:3554
+#: src/components/status.jsx:3650
+#: src/components/status.jsx:3728
 #: src/components/timeline.jsx:978
 #: src/pages/catchup.jsx:75
 #: src/pages/catchup.jsx:1877
@@ -1296,15 +1312,23 @@ msgstr ""
 msgid "Open file"
 msgstr "Open file"
 
-#: src/components/modals.jsx:73
+#: src/components/modals.jsx:75
+msgid "Post scheduled"
+msgstr "Post scheduled"
+
+#: src/components/modals.jsx:76
 msgid "Post published. Check it out."
 msgstr ""
 
-#: src/components/modals.jsx:74
+#: src/components/modals.jsx:78
+msgid "Reply scheduled"
+msgstr "Reply scheduled"
+
+#: src/components/modals.jsx:79
 msgid "Reply posted. Check it out."
 msgstr ""
 
-#: src/components/modals.jsx:75
+#: src/components/modals.jsx:80
 msgid "Post updated. Check it out."
 msgstr ""
 
@@ -1388,7 +1412,13 @@ msgstr ""
 msgid "Followed Hashtags"
 msgstr ""
 
-#: src/components/nav-menu.jsx:262
+#: src/components/nav-menu.jsx:260
+#: src/pages/scheduled-posts.jsx:31
+#: src/pages/scheduled-posts.jsx:76
+msgid "Scheduled Posts"
+msgstr "Scheduled Posts"
+
+#: src/components/nav-menu.jsx:268
 #: src/pages/account-statuses.jsx:326
 #: src/pages/filters.jsx:54
 #: src/pages/filters.jsx:93
@@ -1396,27 +1426,27 @@ msgstr ""
 msgid "Filters"
 msgstr ""
 
-#: src/components/nav-menu.jsx:270
+#: src/components/nav-menu.jsx:276
 msgid "Muted users"
 msgstr ""
 
-#: src/components/nav-menu.jsx:278
+#: src/components/nav-menu.jsx:284
 msgid "Muted users…"
 msgstr ""
 
-#: src/components/nav-menu.jsx:285
+#: src/components/nav-menu.jsx:291
 msgid "Blocked users"
 msgstr ""
 
-#: src/components/nav-menu.jsx:293
+#: src/components/nav-menu.jsx:299
 msgid "Blocked users…"
 msgstr ""
 
-#: src/components/nav-menu.jsx:305
+#: src/components/nav-menu.jsx:311
 msgid "Accounts…"
 msgstr ""
 
-#: src/components/nav-menu.jsx:315
+#: src/components/nav-menu.jsx:321
 #: src/pages/login.jsx:27
 #: src/pages/login.jsx:190
 #: src/pages/status.jsx:837
@@ -1424,29 +1454,29 @@ msgstr ""
 msgid "Log in"
 msgstr ""
 
-#: src/components/nav-menu.jsx:332
+#: src/components/nav-menu.jsx:338
 #: src/components/shortcuts-settings.jsx:57
 #: src/components/shortcuts-settings.jsx:172
 #: src/pages/trending.jsx:442
 msgid "Trending"
 msgstr ""
 
-#: src/components/nav-menu.jsx:344
+#: src/components/nav-menu.jsx:350
 #: src/components/shortcuts-settings.jsx:165
 msgid "Federated"
 msgstr ""
 
-#: src/components/nav-menu.jsx:367
+#: src/components/nav-menu.jsx:373
 msgid "Shortcuts / Columns…"
 msgstr ""
 
-#: src/components/nav-menu.jsx:377
-#: src/components/nav-menu.jsx:391
+#: src/components/nav-menu.jsx:383
+#: src/components/nav-menu.jsx:397
 msgid "Settings…"
 msgstr ""
 
-#: src/components/nav-menu.jsx:421
-#: src/components/nav-menu.jsx:448
+#: src/components/nav-menu.jsx:427
+#: src/components/nav-menu.jsx:454
 #: src/components/shortcuts-settings.jsx:50
 #: src/components/shortcuts-settings.jsx:158
 #: src/pages/list.jsx:127
@@ -1455,7 +1485,7 @@ msgstr ""
 msgid "Lists"
 msgstr ""
 
-#: src/components/nav-menu.jsx:429
+#: src/components/nav-menu.jsx:435
 #: src/components/shortcuts.jsx:215
 #: src/pages/list.jsx:134
 msgid "All Lists"
@@ -1640,6 +1670,7 @@ msgstr ""
 
 #: src/components/poll.jsx:208
 #: src/components/poll.jsx:210
+#: src/pages/scheduled-posts.jsx:98
 #: src/pages/status.jsx:1203
 #: src/pages/status.jsx:1226
 msgid "Refresh"
@@ -1654,7 +1685,7 @@ msgstr ""
 #. placeholder {1}: shortenNumber(votesCount)
 #: src/components/poll.jsx:231
 msgid "{votesCount, plural, one {<0>{0}</0> vote} other {<1>{1}</1> votes}}"
-msgstr ""
+msgstr "{votesCount, plural, one {<0>{0}</0> vote} other {<1>{1}</1> votes}}"
 
 #. placeholder {0}: shortenNumber(votersCount)
 #. placeholder {1}: shortenNumber(votersCount)
@@ -1680,19 +1711,19 @@ msgstr ""
 
 #. Relative time in seconds, as short as possible
 #. placeholder {0}: seconds < 1 ? 1 : Math.floor(seconds)
-#: src/components/relative-time.jsx:57
+#: src/components/relative-time.jsx:59
 msgid "{0}s"
 msgstr ""
 
 #. Relative time in minutes, as short as possible
 #. placeholder {0}: Math.floor(seconds / minute)
-#: src/components/relative-time.jsx:62
+#: src/components/relative-time.jsx:64
 msgid "{0}m"
 msgstr ""
 
 #. Relative time in hours, as short as possible
 #. placeholder {0}: Math.floor(seconds / hour)
-#: src/components/relative-time.jsx:67
+#: src/components/relative-time.jsx:69
 msgid "{0}h"
 msgstr ""
 
@@ -2155,13 +2186,13 @@ msgstr ""
 
 #: src/components/status.jsx:956
 #: src/components/status.jsx:996
-#: src/components/status.jsx:2410
-#: src/components/status.jsx:2433
+#: src/components/status.jsx:2412
+#: src/components/status.jsx:2435
 msgid "Unboost"
 msgstr ""
 
 #: src/components/status.jsx:972
-#: src/components/status.jsx:2425
+#: src/components/status.jsx:2427
 msgid "Quote"
 msgstr ""
 
@@ -2181,20 +2212,20 @@ msgstr ""
 
 #: src/components/status.jsx:1009
 #: src/components/status.jsx:1724
-#: src/components/status.jsx:2446
+#: src/components/status.jsx:2448
 msgid "Unlike"
 msgstr ""
 
 #: src/components/status.jsx:1010
 #: src/components/status.jsx:1724
 #: src/components/status.jsx:1725
-#: src/components/status.jsx:2446
-#: src/components/status.jsx:2447
+#: src/components/status.jsx:2448
+#: src/components/status.jsx:2449
 msgid "Like"
 msgstr ""
 
 #: src/components/status.jsx:1019
-#: src/components/status.jsx:2458
+#: src/components/status.jsx:2460
 msgid "Unbookmark"
 msgstr ""
 
@@ -2212,7 +2243,7 @@ msgid "Edited: {editedDateText}"
 msgstr ""
 
 #: src/components/status.jsx:1218
-#: src/components/status.jsx:3227
+#: src/components/status.jsx:3229
 msgid "Embed post"
 msgstr ""
 
@@ -2292,17 +2323,17 @@ msgstr "Boosted @{7}'s post"
 
 #: src/components/status.jsx:1725
 #: src/components/status.jsx:1761
-#: src/components/status.jsx:2447
+#: src/components/status.jsx:2449
 msgid "Liked"
 msgstr ""
 
 #: src/components/status.jsx:1758
-#: src/components/status.jsx:2434
+#: src/components/status.jsx:2436
 msgid "Boosted"
 msgstr ""
 
 #: src/components/status.jsx:1768
-#: src/components/status.jsx:2459
+#: src/components/status.jsx:2461
 msgid "Bookmarked"
 msgstr ""
 
@@ -2310,120 +2341,120 @@ msgstr ""
 msgid "Pinned"
 msgstr ""
 
-#: src/components/status.jsx:1817
-#: src/components/status.jsx:2273
+#: src/components/status.jsx:1818
+#: src/components/status.jsx:2275
 msgid "Deleted"
 msgstr ""
 
-#: src/components/status.jsx:1858
+#: src/components/status.jsx:1859
 msgid "{repliesCount, plural, one {# reply} other {# replies}}"
 msgstr ""
 
 #. placeholder {0}: snapStates.statusThreadNumber[sKey] ? ` ${snapStates.statusThreadNumber[sKey]}/X` : ''
-#: src/components/status.jsx:1947
+#: src/components/status.jsx:1949
 msgid "Thread{0}"
 msgstr ""
 
-#: src/components/status.jsx:2023
-#: src/components/status.jsx:2085
-#: src/components/status.jsx:2170
+#: src/components/status.jsx:2025
+#: src/components/status.jsx:2087
+#: src/components/status.jsx:2172
 msgid "Show less"
 msgstr ""
 
-#: src/components/status.jsx:2023
-#: src/components/status.jsx:2085
+#: src/components/status.jsx:2025
+#: src/components/status.jsx:2087
 msgid "Show content"
 msgstr ""
 
-#: src/components/status.jsx:2170
+#: src/components/status.jsx:2172
 msgid "Show media"
 msgstr ""
 
-#: src/components/status.jsx:2307
+#: src/components/status.jsx:2309
 msgid "Edited"
 msgstr ""
 
-#: src/components/status.jsx:2384
+#: src/components/status.jsx:2386
 msgid "Comments"
 msgstr ""
 
 #. More from [Author]
-#: src/components/status.jsx:2685
+#: src/components/status.jsx:2687
 msgid "More from <0/>"
 msgstr "More from <0/>"
 
-#: src/components/status.jsx:2987
+#: src/components/status.jsx:2989
 msgid "Edit History"
 msgstr ""
 
-#: src/components/status.jsx:2991
+#: src/components/status.jsx:2993
 msgid "Failed to load history"
 msgstr ""
 
-#: src/components/status.jsx:2996
+#: src/components/status.jsx:2998
 #: src/pages/annual-report.jsx:45
 msgid "Loading…"
 msgstr ""
 
-#: src/components/status.jsx:3232
+#: src/components/status.jsx:3234
 msgid "HTML Code"
 msgstr ""
 
-#: src/components/status.jsx:3249
+#: src/components/status.jsx:3251
 msgid "HTML code copied"
 msgstr ""
 
-#: src/components/status.jsx:3252
+#: src/components/status.jsx:3254
 msgid "Unable to copy HTML code"
 msgstr ""
 
-#: src/components/status.jsx:3264
+#: src/components/status.jsx:3266
 msgid "Media attachments:"
 msgstr ""
 
-#: src/components/status.jsx:3286
+#: src/components/status.jsx:3288
 msgid "Account Emojis:"
 msgstr ""
 
-#: src/components/status.jsx:3317
-#: src/components/status.jsx:3362
+#: src/components/status.jsx:3319
+#: src/components/status.jsx:3364
 msgid "static URL"
 msgstr ""
 
-#: src/components/status.jsx:3331
+#: src/components/status.jsx:3333
 msgid "Emojis:"
 msgstr ""
 
-#: src/components/status.jsx:3376
+#: src/components/status.jsx:3378
 msgid "Notes:"
 msgstr ""
 
-#: src/components/status.jsx:3380
+#: src/components/status.jsx:3382
 msgid "This is static, unstyled and scriptless. You may need to apply your own styles and edit as needed."
 msgstr ""
 
-#: src/components/status.jsx:3386
+#: src/components/status.jsx:3388
 msgid "Polls are not interactive, becomes a list with vote counts."
 msgstr ""
 
-#: src/components/status.jsx:3391
+#: src/components/status.jsx:3393
 msgid "Media attachments can be images, videos, audios or any file types."
 msgstr ""
 
-#: src/components/status.jsx:3397
+#: src/components/status.jsx:3399
 msgid "Post could be edited or deleted later."
 msgstr ""
 
-#: src/components/status.jsx:3403
+#: src/components/status.jsx:3405
 msgid "Preview"
 msgstr ""
 
-#: src/components/status.jsx:3412
+#: src/components/status.jsx:3414
 msgid "Note: This preview is lightly styled."
 msgstr ""
 
 #. [Name] [Visibility icon] boosted
-#: src/components/status.jsx:3656
+#: src/components/status.jsx:3658
 msgid "<0/> <1/> boosted"
 msgstr ""
 
@@ -3425,6 +3456,45 @@ msgstr "Switch to Federated"
 msgid "Switch to Local"
 msgstr "Switch to Local"
 
+#: src/pages/scheduled-posts.jsx:108
+msgid "No scheduled posts."
+msgstr "No scheduled posts."
+
+#. Scheduled [in 1 day] ([Thu, Feb 27, 6:30:00 PM])
+#. placeholder {0}: niceDateTime(scheduledAt, { formatOpts: { weekday: 'short', second: 'numeric', }, })
+#: src/pages/scheduled-posts.jsx:205
+msgid "Scheduled <0><1/></0> <2>({0})</2>"
+msgstr "Scheduled <0><1/></0> <2>({0})</2>"
+
+#. Scheduled [in 1 day]
+#: src/pages/scheduled-posts.jsx:261
+msgid "Scheduled <0><1/></0>"
+msgstr "Scheduled <0><1/></0>"
+
+#: src/pages/scheduled-posts.jsx:306
+msgid "Scheduled post rescheduled"
+msgstr "Scheduled post rescheduled"
+
+#: src/pages/scheduled-posts.jsx:313
+msgid "Failed to reschedule post"
+msgstr "Failed to reschedule post"
+
+#: src/pages/scheduled-posts.jsx:336
+msgid "Reschedule"
+msgstr "Reschedule"
+
+#: src/pages/scheduled-posts.jsx:342
+msgid "Delete scheduled post?"
+msgstr "Delete scheduled post?"
+
+#: src/pages/scheduled-posts.jsx:350
+msgid "Scheduled post deleted"
+msgstr "Scheduled post deleted"
+
+#: src/pages/scheduled-posts.jsx:357
+msgid "Failed to delete scheduled post"
+msgstr "Failed to delete scheduled post"
+
 #: src/pages/search.jsx:50
 msgid "Search: {q} (Posts)"
 msgstr ""
diff --git a/src/pages/scheduled-posts.css b/src/pages/scheduled-posts.css
new file mode 100644
index 00000000..f87ab2bd
--- /dev/null
+++ b/src/pages/scheduled-posts.css
@@ -0,0 +1,132 @@
+#scheduled-posts-page {
+  .posts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+
+    li {
+      > button {
+        text-align: start;
+        color: inherit;
+        padding: 16px;
+        display: flex;
+        flex-direction: column;
+        border-bottom: 1px solid var(--outline-color);
+        gap: 8px;
+
+        > .status {
+          padding: 8px;
+          pointer-events: none;
+          background-color: var(--bg-blur-color);
+          border-radius: 8px;
+          border: 1px solid var(--outline-color);
+          font-size: 80%;
+          max-height: 160px;
+          overflow: hidden;
+          mask-image: linear-gradient(
+            to bottom,
+            black calc(160px - 16px),
+            transparent
+          );
+
+          .media-container .media {
+            width: 80px !important;
+            height: 80px !important;
+          }
+        }
+      }
+
+      .post-schedule-meta {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        &.post-schedule-time {
+          .icon,
+          b {
+            color: var(--red-text-color);
+          }
+        }
+        &.post-schedule-month b {
+          opacity: 0.8;
+        }
+      }
+    }
+
+    h2 {
+      font-weight: 500;
+      margin: 0;
+      padding: 0;
+      font-size: 1em;
+    }
+  }
+}
+
+#scheduled-post-sheet {
+  header h2 {
+    font-weight: normal;
+
+    small {
+      font-size: var(--text-size);
+    }
+  }
+  main > .status {
+    background-color: var(--bg-blur-color);
+    border-radius: 8px;
+    border: 1px solid var(--outline-color);
+    overflow: auto;
+    max-height: 50svh;
+
+    .media-container .media {
+      width: 80px !important;
+      height: 80px !important;
+    }
+  }
+  .status-reply {
+    border-radius: 16px 16px 0 0;
+    max-height: 160px;
+    background-color: var(--bg-color);
+    margin: 0 12px;
+    border: 1px solid var(--outline-color);
+    border-bottom: 0;
+    -webkit-animation: appear-up 1sease-in-out;
+    animation: appear-up 1sease-in-out;
+    overflow: auto;
+
+    > .status {
+      font-size: 90%;
+    }
+  }
+  footer {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px 0;
+
+    .row {
+      display: flex;
+      gap: 8px;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    input[type='datetime-local'] {
+      max-width: calc(100vw - 32px);
+      min-width: 0; /* Adding a min-width to prevent overflow */
+
+      &:user-invalid {
+        border-color: var(--red-color);
+      }
+
+      @supports not selector(:user-invalid) {
+        &:invalid {
+          border-color: var(--red-color);
+        }
+      }
+    }
+
+    .grow {
+      flex-grow: 1;
+    }
+  }
+}
diff --git a/src/pages/scheduled-posts.jsx b/src/pages/scheduled-posts.jsx
new file mode 100644
index 00000000..87a677e0
--- /dev/null
+++ b/src/pages/scheduled-posts.jsx
@@ -0,0 +1,376 @@
+import './scheduled-posts.css';
+
+import { Trans, useLingui } from '@lingui/react/macro';
+import { MenuItem } from '@szhsin/react-menu';
+import { useEffect, useMemo, useReducer, useState } from 'preact/hooks';
+import { useSnapshot } from 'valtio';
+
+import Icon from '../components/icon';
+import Link from '../components/link';
+import Loader from '../components/loader';
+import MenuConfirm from '../components/menu-confirm';
+import Menu2 from '../components/menu2';
+import Modal from '../components/modal';
+import NavMenu from '../components/nav-menu';
+import RelativeTime from '../components/relative-time';
+import ScheduledAtField, {
+  getLocalTimezoneName,
+} from '../components/ScheduledAtField';
+import Status from '../components/status';
+import { api } from '../utils/api';
+import niceDateTime from '../utils/nice-date-time';
+import showToast from '../utils/show-toast';
+import states from '../utils/states';
+import useTitle from '../utils/useTitle';
+
+const LIMIT = 40;
+
+export default function ScheduledPosts() {
+  const { t } = useLingui();
+  const snapStates = useSnapshot(states);
+  useTitle(t`Scheduled Posts`, '/sp');
+  const { masto } = api();
+  const [scheduledPosts, setScheduledPosts] = useState([]);
+  const [uiState, setUIState] = useState('default');
+  const [reloadCount, reload] = useReducer((c) => c + 1, 0);
+  const [showScheduledPostModal, setShowScheduledPostModal] = useState(false);
+
+  useEffect(reload, [snapStates.reloadScheduledPosts]);
+
+  useEffect(() => {
+    setUIState('loading');
+    (async () => {
+      try {
+        const postsIterator = masto.v1.scheduledStatuses.list({ limit: LIMIT });
+        const allPosts = [];
+        let posts;
+        do {
+          const result = await postsIterator.next();
+          posts = result.value;
+          if (posts?.length) {
+            allPosts.push(...posts);
+          }
+        } while (posts?.length);
+        setScheduledPosts(allPosts);
+      } catch (e) {
+        console.error(e);
+        setUIState('error');
+      } finally {
+        setUIState('default');
+      }
+    })();
+  }, [reloadCount]);
+
+  return (
+    <div id="scheduled-posts-page" class="deck-container" tabIndex="-1">
+      <div class="timeline-deck deck">
+        <header>
+          <div class="header-grid">
+            <div class="header-side">
+              <NavMenu />
+              <Link to="/" class="button plain">
+                <Icon icon="home" size="l" alt={t`Home`} />
+              </Link>
+            </div>
+            <h1>
+              <Trans>Scheduled Posts</Trans>
+            </h1>
+            <div class="header-side">
+              <Menu2
+                portal
+                setDownOverflow
+                overflow="auto"
+                viewScroll="close"
+                position="anchor"
+                menuButton={
+                  <button type="button" class="plain">
+                    <Icon icon="more" size="l" alt={t`More`} />
+                  </button>
+                }
+              >
+                <MenuItem
+                  onClick={() => {
+                    reload();
+                  }}
+                >
+                  <Icon icon="refresh" size="l" />
+                  <span>
+                    <Trans>Refresh</Trans>
+                  </span>
+                </MenuItem>
+              </Menu2>
+            </div>
+          </div>
+        </header>
+        <main>
+          {!scheduledPosts.length ? (
+            <p class="ui-state">
+              {uiState === 'loading' ? <Loader /> : t`No scheduled posts.`}
+            </p>
+          ) : (
+            <ul class="posts-list">
+              {scheduledPosts.map((post) => {
+                const { id, params, scheduledAt, mediaAttachments } = post;
+                const {
+                  inReplyToId,
+                  language,
+                  poll,
+                  sensitive,
+                  spoilerText,
+                  text,
+                  visibility,
+                } = params;
+                const status = {
+                  // account: account.info,
+                  id,
+                  inReplyToId,
+                  language,
+                  mediaAttachments,
+                  poll: poll
+                    ? {
+                        ...poll,
+                        expiresAt: new Date(Date.now() + poll.expiresIn * 1000),
+                        options: poll.options.map((option) => ({
+                          title: option,
+                          votesCount: 0,
+                        })),
+                      }
+                    : undefined,
+                  sensitive,
+                  spoilerText,
+                  text,
+                  visibility,
+                  content: `<p>${text}</p>`,
+                  // createdAt: scheduledAt,
+                };
+
+                return (
+                  <li key={id}>
+                    <ScheduledPostPreview
+                      status={status}
+                      scheduledAt={scheduledAt}
+                      onClick={() => {
+                        setShowScheduledPostModal({
+                          post: status,
+                          scheduledAt: new Date(scheduledAt),
+                        });
+                      }}
+                    />
+                  </li>
+                );
+              })}
+            </ul>
+          )}
+          {showScheduledPostModal && (
+            <Modal
+              onClick={(e) => {
+                if (e.target === e.currentTarget) {
+                  setShowScheduledPostModal(false);
+                }
+              }}
+            >
+              <ScheduledPostEdit
+                post={showScheduledPostModal.post}
+                scheduledAt={showScheduledPostModal.scheduledAt}
+                onClose={() => setShowScheduledPostModal(false)}
+              />
+            </Modal>
+          )}
+        </main>
+      </div>
+    </div>
+  );
+}
+
+function ScheduledPostPreview({ status, scheduledAt, onClick }) {
+  // Look at scheduledAt, if it's months away, ICON = 'month'. If it's days away, ICON = 'day', else ICON = 'time'
+  const icon = useMemo(() => {
+    const hours =
+      (new Date(scheduledAt).getTime() - Date.now()) / (1000 * 60 * 60);
+    if (hours < 24) {
+      return 'time';
+    } else if (hours < 720) {
+      // 30 days
+      return 'day';
+    } else {
+      return 'month';
+    }
+  }, [scheduledAt]);
+
+  return (
+    <button type="button" class="textual block" onClick={onClick}>
+      <div class={`post-schedule-meta post-schedule-${icon}`}>
+        <Icon icon={icon} class="insignificant" />{' '}
+        <span>
+          <Trans comment="Scheduled [in 1 day] ([Thu, Feb 27, 6:30:00 PM])">
+            Scheduled{' '}
+            <b>
+              <RelativeTime datetime={scheduledAt} />
+            </b>{' '}
+            <small>
+              (
+              {niceDateTime(scheduledAt, {
+                formatOpts: {
+                  weekday: 'short',
+                  second: 'numeric',
+                },
+              })}
+              )
+            </small>
+          </Trans>
+        </span>
+      </div>
+      <Status status={status} size="s" previewMode readOnly />
+    </button>
+  );
+}
+
+function ScheduledPostEdit({ post, scheduledAt, onClose }) {
+  const { masto } = api();
+  const { t } = useLingui();
+  const [uiState, setUIState] = useState('default');
+  const [newScheduledAt, setNewScheduledAt] = useState();
+  const differentScheduledAt =
+    newScheduledAt && newScheduledAt.getTime() !== scheduledAt.getTime();
+  const localTZ = getLocalTimezoneName();
+  const pastSchedule = scheduledAt && scheduledAt <= Date.now();
+
+  const { inReplyToId } = post;
+  const [replyToStatus, setReplyToStatus] = useState(null);
+  // TODO: Uncomment this once https://github.com/mastodon/mastodon/issues/34000 is fixed
+  // useEffect(() => {
+  //   if (inReplyToId) {
+  //     (async () => {
+  //       try {
+  //         const status = await masto.v1.statuses.$select(inReplyToId).fetch();
+  //         setReplyToStatus(status);
+  //       } catch (e) {
+  //         console.error(e);
+  //       }
+  //     })();
+  //   }
+  // }, [inReplyToId]);
+
+  return (
+    <div id="scheduled-post-sheet" class="sheet">
+      <button type="button" class="sheet-close" onClick={onClose}>
+        <Icon icon="x" size="l" alt={t`Close`} />
+      </button>
+      <header>
+        <h2>
+          <Trans comment="Scheduled [in 1 day]">
+            Scheduled{' '}
+            <b>
+              <RelativeTime datetime={scheduledAt} />
+            </b>
+          </Trans>
+          <br />
+          <small>
+            {niceDateTime(scheduledAt, {
+              formatOpts: {
+                weekday: 'short',
+                second: 'numeric',
+              },
+            })}
+          </small>
+        </h2>
+      </header>
+      <main tabIndex="-1">
+        {!!replyToStatus && (
+          <div class="status-reply">
+            <Status status={replyToStatus} size="s" previewMode readOnly />
+          </div>
+        )}
+        <Status
+          status={post}
+          size="s"
+          previewMode
+          readOnly
+          onMediaClick={(e, i, media, status) => {
+            e.preventDefault();
+            states.showMediaModal = {
+              mediaAttachments: post.mediaAttachments,
+              mediaIndex: i,
+            };
+          }}
+        />
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            setUIState('loading');
+            (async () => {
+              try {
+                await masto.v1.scheduledStatuses.$select(post.id).update({
+                  scheduledAt: newScheduledAt.toISOString(),
+                });
+                showToast(t`Scheduled post rescheduled`);
+                onClose();
+                setUIState('default');
+                states.reloadScheduledPosts++;
+              } catch (e) {
+                setUIState('error');
+                console.error(e);
+                showToast(t`Failed to reschedule post`);
+              }
+            })();
+          }}
+        >
+          <footer>
+            <div class="row">
+              <span>
+                <ScheduledAtField
+                  scheduledAt={scheduledAt}
+                  setScheduledAt={(date) => {
+                    setNewScheduledAt(date);
+                  }}
+                />{' '}
+                <small class="ib">{localTZ}</small>
+              </span>
+            </div>
+            <div class="row">
+              <button
+                disabled={
+                  !differentScheduledAt || uiState === 'loading' || pastSchedule
+                }
+              >
+                <Trans>Reschedule</Trans>
+              </button>
+              <span class="grow" />
+              <MenuConfirm
+                align="end"
+                menuItemClassName="danger"
+                confirmLabel={t`Delete scheduled post?`}
+                onClick={() => {
+                  setUIState('loading');
+                  (async () => {
+                    try {
+                      await api()
+                        .masto.v1.scheduledStatuses.$select(post.id)
+                        .remove();
+                      showToast(t`Scheduled post deleted`);
+                      onClose();
+                      setUIState('default');
+                      states.reloadScheduledPosts++;
+                    } catch (e) {
+                      setUIState('error');
+                      console.error(e);
+                      showToast(t`Failed to delete scheduled post`);
+                    }
+                  })();
+                }}
+              >
+                <button
+                  type="button"
+                  class="light danger"
+                  disabled={uiState === 'loading' || pastSchedule}
+                >
+                  <Trans>Delete…</Trans>
+                </button>
+              </MenuConfirm>
+            </div>
+          </footer>
+        </form>
+      </main>
+    </div>
+  );
+}
diff --git a/src/utils/states.js b/src/utils/states.js
index efb650f5..5e203fa0 100644
--- a/src/utils/states.js
+++ b/src/utils/states.js
@@ -31,6 +31,7 @@ const states = proxy({
     id: null,
     counter: 0,
   },
+  reloadScheduledPosts: 0,
   spoilers: {},
   spoilersMedia: {},
   scrollPositions: {},