diff --git a/apps/frontend/src/components/editor-drawer.jsx b/apps/frontend/src/components/editor-drawer.jsx
index e87b59aa7..305d1fb01 100644
--- a/apps/frontend/src/components/editor-drawer.jsx
+++ b/apps/frontend/src/components/editor-drawer.jsx
@@ -425,13 +425,6 @@ const EditorDrawer = ({
               </>
             )}
             <Spacer h="1rem" />
-            <Text fontSize="xl">Publish Date</Text>
-            <Spacer h="1rem" />
-            <Box display="flex" flexDirection="row">
-              <Input type="date" variant="outline" />
-              <Input type="time" variant="outline" />
-            </Box>
-            <Spacer h="1rem" />
             <Text fontSize="xl">Post Url</Text>
             <label>
               <Input
diff --git a/apps/frontend/src/components/post-form.jsx b/apps/frontend/src/components/post-form.jsx
index aba36d8fe..a236ac57e 100644
--- a/apps/frontend/src/components/post-form.jsx
+++ b/apps/frontend/src/components/post-form.jsx
@@ -20,6 +20,8 @@ import { updatePost } from "@/lib/posts";
 import { useToast } from "@chakra-ui/react";
 import NextLink from "next/link";
 import { useRouter } from "next/router";
+import { isEditor } from "@/lib/current-user";
+import ScheduleMenu from "./schedule-memu";
 
 const PostForm = ({ tags, user, authors, post }) => {
   const toast = useToast();
@@ -77,48 +79,91 @@ const PostForm = ({ tags, user, authors, post }) => {
     setUnsavedChanges(true);
   };
 
-  const handleSubmit = useCallback(async () => {
-    const nonce = uuidv4();
-    const token = user.jwt;
-
-    const data = {
-      data: {
-        title: title,
-        slug: slugify(
-          postUrl != "" ? postUrl : title != "(UNTITLED)" ? title : nonce,
-          {
-            lower: true,
-            specialChar: false,
-          },
-        ),
-        body: content,
-        tags: postTagId,
-        author: [author != "" ? author : user.id],
-        locale: "en",
-      },
-    };
+  const handleSubmit = useCallback(
+    async (shouldPublish = null, scheduledDate = "", scheduledTime = "") => {
+      const nonce = uuidv4();
+      const token = user.jwt;
+
+      const data = {
+        data: {
+          title: title,
+          slug: slugify(
+            postUrl != "" ? postUrl : title != "(UNTITLED)" ? title : nonce,
+            {
+              lower: true,
+              specialChar: false,
+            },
+          ),
+          body: content,
+          tags: postTagId,
+          author: [author != "" ? author : user.id],
+          locale: "en",
+        },
+      };
+
+      const handleSchedule = () => {
+        if (scheduledDate == "" || scheduledTime == "") {
+          return null;
+        } else {
+          return scheduledDate + "T" + scheduledTime + ":00.000Z";
+        }
+      };
+
+      const getTitle = () => {
+        if (shouldPublish === "now") {
+          return "Post has been published.";
+        }
+
+        if (shouldPublish === "later") {
+          return "Post has been scheduled.";
+        }
+
+        if (shouldPublish === "unpublished") {
+          return "Post has been unpublished.";
+        }
+
+        return "Post has been updated.";
+      };
+
+      if (shouldPublish === "unpublished") {
+        data.data.publishedAt = null;
+        data.data.scheduled_at = null;
+      }
 
-    try {
-      await updatePost(postId, data, token);
-      toast({
-        title: "Post Updated.",
-        description: "We've updated your post for you.",
-        status: "success",
-        duration: 5000,
-        isClosable: true,
-      });
-
-      setUnsavedChanges(false);
-    } catch (error) {
-      toast({
-        title: "An error occurred.",
-        description: error.message,
-        status: "error",
-        duration: 5000,
-        isClosable: true,
-      });
-    }
-  }, [toast, title, postUrl, postTagId, content, author, postId, user]);
+      if (shouldPublish === "later") {
+        data.data.scheduled_at = handleSchedule();
+      }
+
+      if (shouldPublish == "now") {
+        data.data.publishedAt = new Date().toISOString();
+        data.data.scheduled_at = null;
+      }
+
+      try {
+        await updatePost(postId, data, token);
+        toast({
+          title: getTitle(),
+          description: `The post ${
+            shouldPublish != null ? "status" : ""
+          } has been updated.`,
+          status: "success",
+          duration: 5000,
+          isClosable: true,
+        });
+
+        setUnsavedChanges(false);
+      } catch (error) {
+        toast({
+          title: "An error occurred.",
+          description: error.message,
+          status: "error",
+          duration: 5000,
+          isClosable: true,
+        });
+      }
+    },
+    [toast, title, postUrl, postTagId, content, author, postId, user],
+  );
 
   useEffect(() => {
     function handleKeyDown(event) {
@@ -178,7 +223,7 @@ const PostForm = ({ tags, user, authors, post }) => {
     <>
       <Flex>
         <Flex flexDirection="column" mr="1rem" maxWidth="100%" flex="4">
-          <Flex justifyContent="space-between" m="1rem 0 0 5rem">
+          <Flex m="1rem 0 0 5rem">
             <Box>
               <Button
                 variant="link"
@@ -189,21 +234,26 @@ const PostForm = ({ tags, user, authors, post }) => {
                 <Text fontSize="2xl">Posts</Text>
               </Button>
             </Box>
-            <EditorDrawer
-              tags={tags}
-              authors={authors}
-              user={user}
-              post={post}
-              postTagId={postTagId}
-              title={title}
-              postUrl={postUrl}
-              handleTitleChange={handleTitleChange}
-              handlePostUrlChange={handlePostUrlChange}
-              handleAuthorChange={handleAuthorChange}
-              handleUnsavedChanges={handleUnsavedChanges}
-              handlePostTagId={handlePostTagId}
-              handleSubmit={handleSubmit}
-            />
+            <Box ml="auto" display={"flex"}>
+              {isEditor(user) && (
+                <ScheduleMenu handleSubmit={handleSubmit} post={post} />
+              )}
+              <EditorDrawer
+                tags={tags}
+                authors={authors}
+                user={user}
+                post={post}
+                postTagId={postTagId}
+                title={title}
+                postUrl={postUrl}
+                handleTitleChange={handleTitleChange}
+                handlePostUrlChange={handlePostUrlChange}
+                handleAuthorChange={handleAuthorChange}
+                handleUnsavedChanges={handleUnsavedChanges}
+                handlePostTagId={handlePostTagId}
+                handleSubmit={handleSubmit}
+              />
+            </Box>
           </Flex>
           <Flex m="1rem 0 0 5rem" flexDir={{ base: "column", lg: "row" }}>
             {!isEditingTitle ? (
diff --git a/apps/frontend/src/components/schedule-memu.jsx b/apps/frontend/src/components/schedule-memu.jsx
new file mode 100644
index 000000000..3879bd077
--- /dev/null
+++ b/apps/frontend/src/components/schedule-memu.jsx
@@ -0,0 +1,339 @@
+import React, { useEffect, useState } from "react";
+import {
+  Box,
+  Button,
+  Flex,
+  Input,
+  InputGroup,
+  InputRightAddon,
+  Menu,
+  MenuButton,
+  MenuDivider,
+  MenuList,
+  Radio,
+  RadioGroup,
+  Spacer,
+  Stack,
+  Text,
+  useDisclosure,
+} from "@chakra-ui/react";
+
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
+
+const ScheduleMenu = ({ handleSubmit, post }) => {
+  const [scheduleOption, setScheduleOption] = useState("now");
+
+  const [isPublished, setIsPublished] = useState(
+    post.attributes.publishedAt != null,
+  );
+
+  const [isScheduled, setIsScheduled] = useState(
+    post.attributes.scheduled_at != null,
+  );
+
+  const { isOpen, onOpen, onClose } = useDisclosure();
+
+  useEffect(() => {
+    if (post) {
+      const option =
+        post.attributes.publishedAt != null ? "now" : "unpublished";
+      setScheduleOption(option);
+    }
+  }, [post]);
+
+  return (
+    <Menu isOpen={isOpen} onClose={onClose}>
+      <MenuButton
+        onClick={onOpen}
+        as={Button}
+        variant={"ghost"}
+        rightIcon={<FontAwesomeIcon icon={faChevronDown} />}
+      >
+        {isPublished ? "Update" : isScheduled ? "Scheduled" : "Publish"}
+      </MenuButton>
+      <MenuList w={"375px"}>
+        <Box m={"0.75rem"}>
+          <Text fontSize="lg">
+            {isPublished || isScheduled ? "Update" : "Ready to publish"} your
+            post?
+          </Text>
+        </Box>
+        <MenuDivider />
+        {!isPublished ? (
+          <NotPublishedMenu
+            scheduleOption={scheduleOption}
+            setScheduleOption={setScheduleOption}
+            setIsPublished={setIsPublished}
+            setIsScheduled={setIsScheduled}
+            isScheduled={isScheduled}
+            isPublished={isPublished}
+            post={post}
+            onClose={onClose}
+            handleSubmit={handleSubmit}
+          />
+        ) : (
+          <PublishedMenu
+            scheduleOption={scheduleOption}
+            setScheduleOption={setScheduleOption}
+            setIsPublished={setIsPublished}
+            onClose={onClose}
+            handleSubmit={handleSubmit}
+            isPublished={isPublished}
+          />
+        )}
+      </MenuList>
+    </Menu>
+  );
+};
+
+const PublishedMenu = ({
+  scheduleOption,
+  setScheduleOption,
+  handleSubmit,
+  setIsPublished,
+  onClose,
+}) => {
+  return (
+    <>
+      <RadioGroup
+        m={"1rem 0rem 0 1rem"}
+        defaultValue="now"
+        value={scheduleOption}
+      >
+        <Stack direction={"column"}>
+          <Radio
+            colorScheme="blue"
+            onClick={() => {
+              setScheduleOption("unpublished");
+            }}
+            value="unpublished"
+          >
+            <Text
+              fontWeight={"500"}
+              color={"gray.600"}
+              fontSize={"sm"}
+              onClick={() => setScheduleOption("unpublished")}
+            >
+              Revert to draft
+            </Text>
+          </Radio>
+          <Text fontSize={"sm"} ml={"1.5rem"} color={"gray.500"}>
+            Revert this post to a private draft
+          </Text>
+          <Spacer />
+          <Radio
+            colorScheme="blue"
+            onClick={() => {
+              setScheduleOption("now");
+            }}
+            value="now"
+          >
+            <Text
+              fontWeight={"500"}
+              color={"gray.600"}
+              fontSize={"sm"}
+              onClick={() => setScheduleOption("now")}
+            >
+              Published
+            </Text>
+          </Radio>
+          <Text fontSize={"sm"} ml={"1.5rem"} color={"gray.500"}>
+            Display this post publicly
+          </Text>
+        </Stack>
+      </RadioGroup>
+      <MenuDivider />
+      <Flex justifyContent={"end"} mt={"1rem"}>
+        <Button
+          mr="1rem"
+          variant={"ghost"}
+          color="gray.500"
+          fontWeight={"400"}
+          size="sm"
+          onClick={onClose}
+        >
+          Cancel
+        </Button>
+        <Button
+          colorScheme="blue"
+          onClick={() => {
+            if (scheduleOption == "now") {
+              setIsPublished(true);
+            }
+
+            if (scheduleOption == "unpublished") {
+              setIsPublished(false);
+              setScheduleOption("now");
+            }
+
+            handleSubmit(scheduleOption);
+            onClose();
+          }}
+          mr="1rem"
+          size="sm"
+        >
+          {scheduleOption === "unpublished" ? "Unpublish" : "Update"}
+        </Button>
+      </Flex>
+    </>
+  );
+};
+
+const NotPublishedMenu = ({
+  scheduleOption,
+  setScheduleOption,
+  setIsPublished,
+  setIsScheduled,
+  isScheduled,
+  isPublished,
+  handleSubmit,
+  onClose,
+}) => {
+  const [scheduledDate, setScheduledDate] = useState("");
+  const [scheduledTime, setScheduledTime] = useState("");
+
+  const isScheduledAndDateValid =
+    scheduledDate != "" && scheduledTime != "" && scheduleOption == "later";
+
+  return (
+    <>
+      <RadioGroup
+        m={"1rem 0rem 0 1rem"}
+        defaultValue="now"
+        value={scheduleOption}
+      >
+        <Stack direction={"column"}>
+          <Radio
+            colorScheme="blue"
+            onClick={() => {
+              if (isScheduled) {
+                setScheduleOption("unpublished");
+              } else {
+                setScheduleOption("now");
+              }
+            }}
+            value={isScheduled ? "unpublished" : "now"}
+          >
+            <Text
+              fontWeight={"500"}
+              color={"gray.600"}
+              fontSize={"sm"}
+              onClick={() => {
+                if (isScheduled) {
+                  setScheduleOption("unpublished");
+                } else {
+                  setScheduleOption("now");
+                }
+              }}
+            >
+              {isScheduled ? "Unschedule" : "Publish"}
+            </Text>
+          </Radio>
+          <Text fontSize={"sm"} ml={"1.5rem"} color={"gray.500"}>
+            {isScheduled ? "Revert to Draft" : "Post this post immediately"}
+          </Text>
+          <Spacer />
+          <Radio
+            colorScheme="blue"
+            onClick={() => {
+              setScheduleOption("later");
+            }}
+            value="later"
+          >
+            <Text
+              fontWeight={"500"}
+              color={"gray.600"}
+              fontSize={"sm"}
+              onClick={() => setScheduleOption("later")}
+            >
+              {isScheduled ? "Reschedule" : "Schedule it for later"}
+            </Text>
+          </Radio>
+          <DatePicker
+            setScheduledDate={setScheduledDate}
+            setScheduledTime={setScheduledTime}
+          />
+          <Text fontSize={"sm"} ml={"1.5rem"} color={"gray.500"}>
+            Set automatic future publish date
+          </Text>
+        </Stack>
+      </RadioGroup>
+      <MenuDivider />
+      <Flex justifyContent={"end"} mt={"1rem"}>
+        <Button
+          mr="1rem"
+          variant={"ghost"}
+          color="gray.500"
+          fontWeight={"400"}
+          size="sm"
+          onClick={onClose}
+        >
+          Cancel
+        </Button>
+        <Button
+          colorScheme="blue"
+          onClick={() => {
+            if (scheduleOption == "now") {
+              setIsPublished(true);
+            }
+
+            if (scheduleOption == "later") {
+              setIsScheduled(true);
+            }
+
+            if (scheduleOption == "unpublished") {
+              setIsPublished(false);
+              setIsScheduled(false);
+              setScheduleOption("now");
+            }
+
+            handleSubmit(scheduleOption, scheduledDate, scheduledTime);
+            onClose();
+          }}
+          isDisabled={
+            !isScheduledAndDateValid &&
+            scheduleOption != "now" &&
+            scheduleOption != "unpublished" &&
+            !isPublished
+          }
+          mr="1rem"
+          size="sm"
+        >
+          {isScheduled
+            ? scheduleOption == "unpublished"
+              ? "Unschedule"
+              : "Reschedule"
+            : scheduleOption == "now"
+            ? "Publish"
+            : "Schedule"}
+        </Button>
+      </Flex>
+    </>
+  );
+};
+
+const DatePicker = ({ setScheduledDate, setScheduledTime }) => {
+  return (
+    <Stack direction={"row"} ml={"1.5rem"} pr={"1rem"}>
+      <Input
+        type={"date"}
+        size="sm"
+        onChange={(e) => setScheduledDate(e.target.value)}
+      />
+      <InputGroup size="sm">
+        <Input
+          type={"time"}
+          className="time-input"
+          size="sm"
+          onChange={(e) => setScheduledTime(e.target.value)}
+        />
+        <InputRightAddon>
+          <Text fontSize={"sm"}>UTC</Text>
+        </InputRightAddon>
+      </InputGroup>
+    </Stack>
+  );
+};
+
+export default ScheduleMenu;