diff --git a/apps/ui/src/components/EditorTimeline.vue b/apps/ui/src/components/EditorTimeline.vue
new file mode 100644
index 000000000..ba532eac3
--- /dev/null
+++ b/apps/ui/src/components/EditorTimeline.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import { _d } from '@/helpers/utils';
+import { offchainNetworks } from '@/networks';
+import { Draft, Space } from '@/types';
+
+type EditModalSettings = {
+  open: boolean;
+  editProperty: 'start' | 'min_end';
+  min?: number;
+  selected: number;
+};
+
+const MIN_VOTING_PERIOD = 60;
+
+const proposal = defineModel<Draft>({
+  required: true
+});
+
+const props = defineProps<{
+  space: Space;
+  editable: boolean;
+  created: number;
+  start: number;
+  // eslint-disable-next-line vue/prop-name-casing
+  min_end: number;
+  // eslint-disable-next-line vue/prop-name-casing
+  max_end: number;
+}>();
+
+const { getDurationFromCurrent } = useMetaStore();
+
+const editModalSettings = reactive<EditModalSettings>({
+  open: false,
+  editProperty: 'start',
+  selected: 0
+});
+
+const isOffchainSpace = computed(() =>
+  offchainNetworks.includes(props.space.network)
+);
+
+const minDates = computed(() => {
+  return {
+    start: props.created,
+    min_end: props.start + MIN_VOTING_PERIOD
+  };
+});
+
+function handleEditClick(type: 'start' | 'min_end') {
+  editModalSettings.selected = props[type];
+  editModalSettings.min = minDates.value[type];
+  editModalSettings.editProperty = type;
+  editModalSettings.open = true;
+}
+
+function handleDatePick(timestamp: number) {
+  if (
+    editModalSettings.editProperty === 'start' &&
+    proposal.value.min_end &&
+    timestamp >= proposal.value.min_end
+  ) {
+    const customVotingPeriod = props.min_end - props.start;
+    proposal.value.min_end = timestamp + customVotingPeriod;
+  }
+
+  proposal.value[editModalSettings.editProperty] = timestamp;
+}
+
+function formatVotingDuration(
+  type: 'voting_delay' | 'min_voting_period' | 'max_voting_period'
+): string {
+  const duration = getDurationFromCurrent(
+    props.space.network,
+    props.space[type]
+  );
+  const roundedDuration = Math.round(duration / 60) * 60;
+
+  return _d(roundedDuration);
+}
+</script>
+
+<template>
+  <div>
+    <h4 class="eyebrow mb-2.5" v-text="'Timeline'" />
+    <ProposalTimeline
+      :data="
+        isOffchainSpace || !editable
+          ? {
+              ...space,
+              created,
+              start,
+              min_end,
+              max_end
+            }
+          : space
+      "
+    >
+      <template v-if="editable" #start-date-suffix>
+        <UiTooltip
+          v-if="space.voting_delay"
+          :title="`This space has enforced a ${formatVotingDuration('voting_delay')} voting delay`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+        <button
+          v-else-if="isOffchainSpace"
+          class="text-skin-link"
+          @click="handleEditClick('start')"
+          v-text="'Edit'"
+        />
+      </template>
+      <template v-if="editable" #end-date-suffix>
+        <UiTooltip
+          v-if="space.min_voting_period"
+          :title="`This space has enforced a ${formatVotingDuration('min_voting_period')} voting period`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+        <button
+          v-else-if="isOffchainSpace"
+          class="text-skin-link"
+          @click="handleEditClick('min_end')"
+          v-text="'Edit'"
+        />
+      </template>
+      <template v-if="editable && space.min_voting_period" #min_end-date-suffix>
+        <UiTooltip
+          :title="`This space has enforced a ${formatVotingDuration('min_voting_period')} minimum voting period`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+      </template>
+      <template v-if="editable && space.max_voting_period" #max_end-date-suffix>
+        <UiTooltip
+          :title="`This space has enforced a ${formatVotingDuration('max_voting_period')} maximum voting period`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+      </template>
+    </ProposalTimeline>
+    <teleport to="#modal">
+      <ModalDateTime
+        :min="editModalSettings.min"
+        :selected="editModalSettings.selected"
+        :open="editModalSettings.open"
+        @pick="handleDatePick"
+        @close="editModalSettings.open = false"
+      />
+    </teleport>
+  </div>
+</template>
diff --git a/apps/ui/src/components/Modal/DateTime.vue b/apps/ui/src/components/Modal/DateTime.vue
new file mode 100644
index 000000000..3602f3903
--- /dev/null
+++ b/apps/ui/src/components/Modal/DateTime.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import dayjs from 'dayjs';
+
+const TIME_FORMAT = 'HH:mm';
+
+const STEPS = {
+  date: { id: 'date', title: 'Select date' },
+  time: { id: 'time', title: 'Select time' }
+};
+
+const props = defineProps<{
+  open: boolean;
+  min?: number;
+  selected: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'close'): void;
+  (e: 'pick', timestamp: number): void;
+}>();
+
+const { current, isCurrent, goTo, goToNext, goToPrevious, isFirst, isLast } =
+  useStepper(STEPS);
+const date = ref<number>(props.selected);
+const time = ref<string>(getBaseTime(props.selected));
+const formError = ref<null | string>(null);
+
+function handleClose() {
+  emit('close');
+}
+
+function handleSubmit() {
+  handleClose();
+  emit('pick', date.value);
+}
+
+function handleDateUpdate(ts: number) {
+  date.value = ts;
+  time.value = getBaseTime(ts);
+  goToNext();
+}
+
+function getBaseTime(ts: number): string {
+  const originalDate = dayjs.unix(props.selected);
+  const selectedDate = dayjs
+    .unix(ts)
+    .set('hour', originalDate.get('hour'))
+    .set('minute', originalDate.get('minute'));
+
+  if (props.min) {
+    const minDate = dayjs.unix(props.min);
+
+    if (selectedDate.isBefore(minDate, 'minute')) {
+      return minDate.format(TIME_FORMAT);
+    }
+  }
+
+  return selectedDate.format(TIME_FORMAT);
+}
+
+function updateDateWithTime() {
+  const [hours, minutes] = time.value.split(':');
+
+  date.value = dayjs
+    .unix(date.value)
+    .set('hour', +hours)
+    .set('minute', +minutes)
+    .startOf('minute')
+    .unix();
+}
+
+function validateForm() {
+  if (!props.min) return;
+
+  const minDate = dayjs.unix(props.min).startOf('minute');
+
+  if (date.value < minDate.unix()) {
+    formError.value = `Time must be equal or greater than ${minDate.format(TIME_FORMAT)}`;
+    return;
+  }
+
+  formError.value = null;
+}
+
+watch([() => current.value.id, time], ([stepId]) => {
+  if (stepId !== 'time') return;
+
+  updateDateWithTime();
+  validateForm();
+});
+
+watch(
+  () => props.open,
+  open => {
+    if (open) {
+      goTo('date');
+      date.value = props.selected;
+      time.value = getBaseTime(props.selected);
+    }
+  }
+);
+</script>
+
+<template>
+  <UiModal :open="open" @close="handleClose">
+    <template #header>
+      <h3 v-text="current.title" />
+    </template>
+    <div :class="['!m-4 text-center', { 's-error': formError }]">
+      <UiCalendar
+        v-if="isCurrent('date')"
+        :min="min"
+        :selected="date"
+        @pick="handleDateUpdate"
+      />
+      <template v-else-if="isCurrent('time')">
+        <input
+          v-model="time"
+          type="time"
+          class="s-input mx-auto max-w-[140px] text-center text-lg"
+        />
+        <span
+          v-if="formError"
+          class="s-input-error-message"
+          v-text="formError"
+        />
+      </template>
+    </div>
+    <template #footer>
+      <div class="flex space-x-3">
+        <UiButton v-if="isFirst" class="w-full" @click="handleClose">
+          Cancel
+        </UiButton>
+        <UiButton v-else class="w-full" @click="goToPrevious">
+          Previous
+        </UiButton>
+        <UiButton v-if="!isLast" class="primary w-full" @click="goToNext">
+          Next
+        </UiButton>
+        <UiButton
+          v-else
+          class="primary w-full"
+          :disabled="!!formError"
+          @click="handleSubmit"
+        >
+          Confirm
+        </UiButton>
+      </div>
+    </template>
+  </UiModal>
+</template>
diff --git a/apps/ui/src/components/ProposalTimeline.vue b/apps/ui/src/components/ProposalTimeline.vue
index 0ef8d86ef..f90d51d10 100644
--- a/apps/ui/src/components/ProposalTimeline.vue
+++ b/apps/ui/src/components/ProposalTimeline.vue
@@ -122,7 +122,10 @@ function isInThePast(timestamp: number): boolean {
         class="mb-3 last:mb-0 h-[44px]"
       >
         <h4 v-text="LABELS[state.id]" />
-        {{ _t(state.value) }}
+        <div class="flex gap-2 items-center">
+          <div v-text="_t(state.value)" />
+          <slot :name="`${state.id}-date-suffix`" />
+        </div>
       </div>
     </div>
   </div>
diff --git a/apps/ui/src/components/Ui/Calendar.vue b/apps/ui/src/components/Ui/Calendar.vue
new file mode 100644
index 000000000..b2a28d2aa
--- /dev/null
+++ b/apps/ui/src/components/Ui/Calendar.vue
@@ -0,0 +1,131 @@
+<script setup lang="ts">
+import dayjs from 'dayjs';
+
+const props = defineProps<{
+  min?: number;
+  selected?: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'pick', timestamp: number): void;
+}>();
+
+const timestamp = useTimestamp({ interval: 1000 });
+
+const selectedDate = props.selected
+  ? dayjs.unix(props.selected).startOf('day')
+  : null;
+const minimumDate = props.min ? dayjs.unix(props.min).startOf('day') : null;
+
+const currentView = ref<dayjs.Dayjs>(
+  dayjs
+    .unix(props.selected || Math.floor(timestamp.value / 1000))
+    .startOf('month')
+);
+
+const today = computed(() => dayjs(timestamp.value).startOf('day'));
+
+const contents = computed(() => {
+  const start = currentView.value.startOf('week');
+  const end = currentView.value.endOf('month').endOf('week');
+  const days: dayjs.Dayjs[] = [];
+  let pivot = start;
+
+  do {
+    days.push(pivot);
+    pivot = pivot.add(1, 'day');
+  } while (pivot.isBefore(end));
+
+  return days;
+});
+
+function handleDateClick(date: dayjs.Dayjs) {
+  if (!isSelectable(date)) return;
+
+  emit('pick', date.unix());
+}
+
+function isSelectable(date: dayjs.Dayjs) {
+  if (!date.isSame(currentView.value, 'month')) return false;
+  if (!minimumDate) return true;
+
+  return !date.isBefore(minimumDate);
+}
+</script>
+
+<template>
+  <div class="calendar space-y-2 mx-auto">
+    <div class="flex items-center">
+      <div class="w-1/4 flex items-center justify-start">
+        <button @click="currentView = currentView.subtract(1, 'month')">
+          <IH-chevron-left />
+        </button>
+      </div>
+      <h4
+        class="h-full w-full text-center"
+        v-text="dayjs(currentView).format('MMMM YYYY')"
+      />
+      <div class="w-1/4 flex items-center justify-end">
+        <button @click="currentView = currentView.add(1, 'month')">
+          <IH-chevron-right />
+        </button>
+      </div>
+    </div>
+    <div class="grid-cols-7">
+      <div
+        v-for="(header, i) in contents.slice(0, 7)"
+        :key="i"
+        class="cell text-skin-link"
+        v-text="header.format('ddd')"
+      />
+      <button
+        v-for="(date, i) in contents"
+        :key="i"
+        :disabled="!isSelectable(date)"
+        class="cell day unselectable"
+        :class="{
+          '!cursor-default !bg-transparent': !date.isSame(currentView, 'month'),
+          today: date.isSame(today),
+          selected: selectedDate && selectedDate.isSame(date),
+          selectable: isSelectable(date)
+        }"
+        @click="handleDateClick(date)"
+        v-text="
+          date.isSame(currentView, 'month') ? date.format('DD') : '&nbsp;'
+        "
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.calendar {
+  $size: 44px;
+  width: $size * 7;
+
+  .cell {
+    @apply inline-block text-center size-[#{$size}] leading-[#{$size}];
+
+    &.day {
+      @apply text-skin-border rounded-full cursor-default;
+
+      &.unselectable {
+        @apply cursor-not-allowed;
+      }
+
+      &.selectable {
+        @apply text-skin-link hover:bg-skin-link hover:text-skin-bg cursor-pointer;
+      }
+
+      &.selected {
+        @apply bg-skin-link;
+        @apply text-skin-bg;
+      }
+
+      &.today {
+        @apply border border-skin-border;
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/ui/src/helpers/boost.ts b/apps/ui/src/helpers/boost.ts
new file mode 100644
index 000000000..849fab6e4
--- /dev/null
+++ b/apps/ui/src/helpers/boost.ts
@@ -0,0 +1,139 @@
+import { ApolloClient, gql, InMemoryCache } from '@apollo/client/core';
+
+type BoostSubgraph = {
+  id: string;
+  strategyURI: string;
+  poolSize: string;
+  guard: string;
+  start: string;
+  end: string;
+  owner: string;
+  chainId: string;
+  currentBalance: string;
+  transaction: string;
+  token: {
+    id: string;
+    name: string;
+    symbol: string;
+    decimals: string;
+  };
+  strategy: {
+    id: string;
+    version: string;
+    name: string;
+    proposal: string;
+    eligibility: {
+      type: 'incentive' | 'prediction' | 'bribe';
+      choice: string | null;
+    };
+    distribution: {
+      type: 'weighted' | 'lottery';
+      limit: string | null;
+      numWinners: string | null;
+    };
+  };
+};
+
+const TWO_WEEKS = 1209600;
+
+const SUBGRAPH_URLS = {
+  '1': 'https://subgrapher.snapshot.org/subgraph/arbitrum/A6EEuSAB7mFrWvLBnL1HZXwfiGfqFYnFJjc14REtMNkd',
+  '11155111':
+    'https://subgrapher.snapshot.org/subgraph/arbitrum/6T64qrPe7S46zhArSoBF8CAmc5cG3PyKa92Nt4Jhymcy',
+  '137':
+    'https://subgrapher.snapshot.org/subgraph/arbitrum/CkNpf5gY7XPCinJWP1nh8K7u6faXwDjchGGV4P9rgJ7',
+  '8453':
+    'https://subgrapher.snapshot.org/subgraph/arbitrum/52uVpyUHkkMFieRk1khbdshUw26CNHWAEuqLojZzcyjd'
+};
+
+const SUPPORTED_NETWORKS = Object.keys(SUBGRAPH_URLS);
+
+const boostQuery = gql(`query Boosts($proposalIds: [String!]) {
+  boosts (where: {strategy_: {proposal_in: $proposalIds}}) {
+    id
+    strategyURI
+    poolSize
+    guard
+    start
+    end
+    owner
+    currentBalance
+    transaction
+    token {
+      id
+      name
+      symbol
+      decimals
+    }
+    strategy {
+      id
+      name
+      version
+      proposal
+      eligibility {
+        type
+        choice
+      }
+      distribution {
+        type
+        limit
+        numWinners
+      }
+    }
+  }
+}`);
+
+async function getBoosts(proposalIds: string[]) {
+  async function query(chainId: string) {
+    const client = new ApolloClient({
+      uri: SUBGRAPH_URLS[chainId],
+      cache: new InMemoryCache()
+    });
+
+    const { data } = await client.query({
+      query: boostQuery,
+      variables: { proposalIds }
+    });
+
+    if (!data?.boosts) return { boosts: [] };
+    return {
+      boosts: data.boosts.map((boost: BoostSubgraph) => ({
+        ...boost,
+        chainId
+      }))
+    };
+  }
+
+  const requests = SUPPORTED_NETWORKS.map(chainId => query(chainId));
+  const responses: { boosts: BoostSubgraph[] }[] = await Promise.all(requests);
+
+  return responses
+    .map(response => response.boosts)
+    .filter(boost => boost)
+    .flat();
+}
+function sanitizeBoosts(
+  boosts: BoostSubgraph[],
+  bribeEnabled: boolean,
+  proposalEnd: number
+) {
+  return boosts.filter(
+    boost =>
+      !(
+        (bribeEnabled && boost.strategy.eligibility.type === 'bribe') ||
+        Number(boost.start) !== proposalEnd ||
+        Number(boost.end) - Number(boost.start) !== TWO_WEEKS
+      )
+  );
+}
+
+export async function getBoostsCount(
+  proposalID: string,
+  bribeEnabled: boolean,
+  proposalEnd: number
+): Promise<number> {
+  const response = await getBoosts([proposalID]);
+  const sanitizedBoosts = sanitizeBoosts(response, bribeEnabled, proposalEnd);
+
+  return sanitizedBoosts.length;
+}
diff --git a/apps/ui/src/types.ts b/apps/ui/src/types.ts
index 7623c7afd..2bf39c641 100644
--- a/apps/ui/src/types.ts
+++ b/apps/ui/src/types.ts
@@ -373,6 +373,10 @@ export type Draft = {
   labels: string[];
   executions: Record<string, Transaction[] | undefined>;
   updatedAt: number;
+  created?: number;
+  start?: number;
+  min_end?: number;
+  max_end?: number;
 };
 
 export type Metadata = {
diff --git a/apps/ui/src/views/Proposal.vue b/apps/ui/src/views/Proposal.vue
index a0f6427fa..20d3acb27 100644
--- a/apps/ui/src/views/Proposal.vue
+++ b/apps/ui/src/views/Proposal.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { getBoostsCount } from '@/helpers/boost';
 import { HELPDESK_URL } from '@/helpers/constants';
 import { loadSingleTopic, Topic } from '@/helpers/discourse';
 import { getFormattedVotingPower, sanitizeUrl } from '@/helpers/utils';
@@ -26,6 +27,7 @@ const selectedChoice = ref<Choice | null>(null);
 const { votes } = useAccount();
 const editMode = ref(false);
 const discourseTopic: Ref<Topic | null> = ref(null);
+const boostCount = ref(0);
 
 const id = computed(() => route.params.proposal as string);
 const proposal = computed(() => {
@@ -116,7 +118,18 @@ watch(
     await proposalsStore.fetchProposal(props.space.id, id, props.space.network);
 
     if (discussion.value) {
-      discourseTopic.value = await loadSingleTopic(discussion.value);
+      loadSingleTopic(discussion.value).then(result => {
+        discourseTopic.value = result;
+      });
+    }
+
+    if (props.space.additionalRawData?.boost?.enabled) {
+      const bribeEnabled =
+        props.space.additionalRawData.boost.bribeEnabled || false;
+      const proposalEnd = proposal.value?.max_end || 0;
+      getBoostsCount(id, bribeEnabled, proposalEnd).then(result => {
+        boostCount.value = result;
+      });
     }
   },
   { immediate: true }
@@ -205,6 +218,15 @@ watchEffect(() => {
                 <IH-arrow-sm-right class="-rotate-45 text-skin-text" />
               </a>
             </template>
+            <template v-if="boostCount > 0">
+              <a
+                :href="`https://v1.snapshot.box/#/${proposal.space.id}/proposal/${proposal.proposal_id}`"
+                class="flex items-center"
+                target="_blank"
+              >
+                <UiLink :count="boostCount" text="Boost" class="inline-block" />
+              </a>
+            </template>
           </div>
         </UiScrollerHorizontal>
         <router-view :proposal="proposal" />
diff --git a/apps/ui/src/views/Proposal/Overview.vue b/apps/ui/src/views/Proposal/Overview.vue
index db481c4b1..d689df4b6 100644
--- a/apps/ui/src/views/Proposal/Overview.vue
+++ b/apps/ui/src/views/Proposal/Overview.vue
@@ -122,6 +122,43 @@ async function handleEditClick() {
 
   const draftId = await createDraft(spaceId, {
     proposalId: props.proposal.proposal_id,
+    title: props.proposal.title,
+    body: props.proposal.body,
+    discussion: props.proposal.discussion,
+    type: props.proposal.type,
+    choices: props.proposal.choices,
+    labels: props.proposal.labels,
+    created: props.proposal.created,
+    start: props.proposal.start,
+    min_end: props.proposal.min_end,
+    max_end: props.proposal.max_end,
+    executions
+  });
+
+  router.push({
+    name: 'space-editor',
+    params: {
+      key: draftId
+    }
+  });
+}
+
+async function handleDuplicateClick() {
+  if (!props.proposal) return;
+
+  const spaceId = `${props.proposal.network}:${props.proposal.space.id}`;
+
+  const executions = Object.fromEntries(
+    props.proposal.executions.map(execution => {
+      const address = offchainNetworks.includes(props.proposal.network)
+        ? execution.safeAddress
+        : props.proposal.execution_strategy;
+
+      return [address, execution.transactions];
+    })
+  );
+
+  const draftId = await createDraft(spaceId, {
     title: props.proposal.title,
     body: props.proposal.body,
     discussion: props.proposal.discussion,
@@ -298,6 +335,17 @@ onBeforeUnmount(() => destroyAudio());
               </UiButton>
             </template>
             <template #items>
+              <UiDropdownItem v-slot="{ active }">
+                <button
+                  type="button"
+                  class="flex items-center gap-2"
+                  :class="{ 'opacity-80': active }"
+                  @click="handleDuplicateClick"
+                >
+                  <IH-document-duplicate :width="16" />
+                  Duplicate proposal
+                </button>
+              </UiDropdownItem>
               <UiDropdownItem v-if="editable" v-slot="{ active }">
                 <button
                   type="button"
diff --git a/apps/ui/src/views/Space/Editor.vue b/apps/ui/src/views/Space/Editor.vue
index 4ccb3557f..c46043236 100644
--- a/apps/ui/src/views/Space/Editor.vue
+++ b/apps/ui/src/views/Space/Editor.vue
@@ -178,21 +178,30 @@ const propositionPower = computed(() => getPropositionPower(props.space));
 
 const unixTimestamp = computed(() => Math.floor(timestamp.value / 1000));
 
+const defaultVotingDelay = computed(() =>
+  isOffchainSpace ? DEFAULT_VOTING_DELAY : 0
+);
+
 const proposalStart = computed(
-  () => unixTimestamp.value + props.space.voting_delay
+  () => proposal.value?.start ?? unixTimestamp.value + props.space.voting_delay
 );
 
 const proposalMinEnd = computed(
   () =>
+    proposal.value?.min_end ??
     proposalStart.value +
-    (props.space.min_voting_period || DEFAULT_VOTING_DELAY)
+      (props.space.min_voting_period || defaultVotingDelay.value)
 );
 
-const proposalMaxEnd = computed(
-  () =>
+const proposalMaxEnd = computed(() => {
+  if (isOffchainSpace.value) return proposalMinEnd.value;
+
+  return (
+    proposal.value?.max_end ??
     proposalStart.value +
-    (props.space.max_voting_period || DEFAULT_VOTING_DELAY)
-);
+      (props.space.max_voting_period || defaultVotingDelay.value)
+  );
+});
 
 async function handleProposeClick() {
   if (!proposal.value) return;
@@ -585,22 +594,15 @@ watchEffect(() => {
             v-model="proposal.labels"
             :space="space"
           />
-          <div>
-            <h4 class="eyebrow mb-2.5" v-text="'Timeline'" />
-            <ProposalTimeline
-              :data="
-                isOffchainSpace
-                  ? {
-                      ...space,
-                      created: unixTimestamp,
-                      start: proposalStart,
-                      min_end: proposalMinEnd,
-                      max_end: proposalMaxEnd
-                    }
-                  : space
-              "
-            />
-          </div>
+          <EditorTimeline
+            v-model="proposal"
+            :space="space"
+            :created="proposal.created || unixTimestamp"
+            :start="proposalStart"
+            :min_end="proposalMinEnd"
+            :max_end="proposalMaxEnd"
+            :editable="!proposal.proposalId"
+          />
         </div>
       </Affix>
     </div>