diff --git a/package.json b/package.json
index 88d130d..9c04918 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@devprotocol/huddle01-clubs-plugin",
-	"version": "0.1.4",
+	"version": "0.1.5",
 	"type": "module",
 	"description": "Repository for using Clubs-Huddle01 Plugin",
 	"main": "dist/index.js",
diff --git a/src/ApiHandler.ts b/src/ApiHandler.ts
index 7563d78..d31c2c7 100644
--- a/src/ApiHandler.ts
+++ b/src/ApiHandler.ts
@@ -6,6 +6,9 @@ export type MeetingRequestJson = Readonly<{
 	description: string
 	muteOnEntry: boolean
 	videoOnEntry: boolean
+	startTime: string
+	expiryTime: string
+	tokenGated: boolean
 }>
 
 const API_KEY = process.env.HUDDLE_API_KEY
@@ -14,23 +17,55 @@ export const meetingHandler = async ({
 	request,
 }: Readonly<{ request: Request }>) => {
 	// eslint-disable-next-line functional/no-expression-statements
-	const { hostWallets, roomType, description, muteOnEntry, videoOnEntry } =
-		(await request.json()) as MeetingRequestJson
+	const {
+		hostWallets,
+		roomType,
+		description,
+		muteOnEntry,
+		videoOnEntry,
+		startTime,
+		expiryTime,
+		tokenGated,
+	} = (await request.json()) as MeetingRequestJson
 	// eslint-disable-next-line functional/no-expression-statements
-	console.log(hostWallets, roomType, description, muteOnEntry, videoOnEntry)
+	console.log(
+		hostWallets,
+		roomType,
+		description,
+		muteOnEntry,
+		videoOnEntry,
+		startTime,
+		expiryTime,
+		tokenGated,
+	)
+	const requestBody = tokenGated
+		? {
+				title: 'Club-Huddle-Plugin:Token Gated Meeting Room',
+				tokenType: 'ERC721',
+				chain: 'POLYGON',
+				contractAddress: ['0x89904De861CDEd2567695271A511B3556659FfA2'],
+				roomType,
+				description,
+				muteOnEntry,
+				videoOnEntry,
+				hostWallets,
+				startTime,
+				expiryTime,
+			}
+		: {
+				title: 'Club-Huddle-Plugin:Meeting Room',
+				roomType,
+				description,
+				muteOnEntry,
+				videoOnEntry,
+				hostWallets,
+				startTime,
+				expiryTime,
+			}
+
 	const response = await axios.post(
 		'https://api.huddle01.com/api/v1/create-iframe-room',
-		{
-			title: 'Token Gated',
-			tokenType: 'ERC721',
-			chain: 'POLYGON',
-			contractAddress: ['0x89904De861CDEd2567695271A511B3556659FfA2'],
-			roomType: roomType,
-			description: description,
-			muteOnEntry: muteOnEntry,
-			videoOnEntry: videoOnEntry,
-			hostWallets: hostWallets,
-		},
+		requestBody,
 		{
 			headers: {
 				'Content-Type': 'application/json',
diff --git a/src/components/Button.vue b/src/components/Button.vue
index 60f6bf1..688fddd 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -30,6 +30,6 @@ onClickToolbar('onRemoveMeetEvent', () => {
 		type="button"
 		@click="onClickImage"
 	>
-		<VideoCamera stroke-width="2" class="w-7 h-7" />
+		<VideoCamera stroke-width="2" class="w-7 h-7" iconType="VIDEO" />
 	</button>
 </template>
diff --git a/src/components/Icons/VideoCamera.vue b/src/components/Icons/VideoCamera.vue
index 07fc847..e9d74b9 100644
--- a/src/components/Icons/VideoCamera.vue
+++ b/src/components/Icons/VideoCamera.vue
@@ -1,13 +1,16 @@
 <script lang="ts" setup>
+import type { prop } from 'ramda'
+
 const props = defineProps<{
 	class?: string
 	strokeWidth?: number | string
 	solid?: boolean
+	iconType?: string | undefined
 }>()
 </script>
 <template>
 	<svg
-		v-if="!props.solid"
+		v-if="!props.solid && props.iconType === 'VIDEO'"
 		xmlns="http://www.w3.org/2000/svg"
 		fill="none"
 		viewBox="0 0 24 24"
@@ -22,7 +25,7 @@ const props = defineProps<{
 		/>
 	</svg>
 	<svg
-		v-if="props.solid"
+		v-if="props.solid && props.iconType === 'VIDEO'"
 		xmlns="http://www.w3.org/2000/svg"
 		viewBox="0 0 24 24"
 		fill="currentColor"
@@ -32,4 +35,16 @@ const props = defineProps<{
 			d="M4.5 4.5a3 3 0 0 0-3 3v9a3 3 0 0 0 3 3h8.25a3 3 0 0 0 3-3v-9a3 3 0 0 0-3-3H4.5ZM19.94 18.75l-2.69-2.69V7.94l2.69-2.69c.944-.945 2.56-.276 2.56 1.06v11.38c0 1.336-1.616 2.005-2.56 1.06Z"
 		/>
 	</svg>
+	<svg
+		v-if="props.solid && props.iconType === 'AUDIO'"
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 350 517"
+		fill="currentColor"
+		:class="props.class ?? 'w-7 h-7'"
+	>
+		<path
+			fill="white"
+			d="M275.983 102.712V232.254C277.001 274.415 232.025 309.217 175.5 310C118.975 309.217 73.9944 274.415 75.0171 232.254V102.712C74.0212 60.5648 118.993 25.7841 175.5 25C232.007 25.7841 276.979 60.5648 275.983 102.712Z M40.4121 320.112C29.5404 311.602 13.8271 313.516 5.31607 324.389C-3.19526 335.259 -1.28159 350.972 9.59007 359.486L40.4121 320.112Z M340.411 359.486C351.284 350.972 353.198 335.259 344.688 324.389C336.174 313.516 320.461 311.602 309.591 320.112L340.411 359.486Z M200.001 391.666C200.001 377.859 188.808 366.666 175.001 366.666C161.194 366.666 150.001 377.859 150.001 391.666H200.001Z M150.001 491.666C150.001 505.472 161.194 516.666 175.001 516.666C188.808 516.666 200.001 505.472 200.001 491.666H150.001Z M9.59007 359.486C106.748 435.546 243.254 435.546 340.411 359.486L309.591 320.112C230.538 382.002 119.464 382.002 40.4121 320.112L9.59007 359.486Z M150.001 391.666V491.666H200.001V391.666H150.001Z"
+		/>
+	</svg>
 </template>
diff --git a/src/components/Meeting/Form.vue b/src/components/Meeting/Form.vue
index 3c1e9d4..80c8f30 100644
--- a/src/components/Meeting/Form.vue
+++ b/src/components/Meeting/Form.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { nextTick, ref, watch } from 'vue'
+import { computed, nextTick, ref, watch } from 'vue'
 import axios from 'axios'
 import {
 	onPostCreated,
@@ -10,6 +10,8 @@ import {
 	emitClickToolbar,
 } from '@devprotocol/clubs-plugin-posts/plugin-helper'
 import { connection } from '@devprotocol/clubs-core/connection'
+import { formatUnixTimestampToISO } from '../../fixtures'
+import { whenDefined, type UndefinedOr } from '@devprotocol/util-ts'
 import type { Meet } from '../../types.ts'
 
 onSetup(async (post) => {
@@ -29,6 +31,9 @@ onSetup(async (post) => {
 			description: description.value,
 			muteOnEntry: muteOnEntry.value,
 			videoOnEntry: videoOnEntry.value,
+			startTime: startTime.value,
+			expiryTime: expiryTime.value,
+			tokenGated: tokenGated.value,
 		})
 		.then((res) => res.data.data.meetingLink)
 
@@ -44,6 +49,8 @@ onSetup(async (post) => {
 		muteOnEntry: muteOnEntry.value,
 		videoOnEntry: videoOnEntry.value,
 		meetingLink: meetingLink,
+		startTime: startTime.value,
+		expiryTime: expiryTime.value,
 	}
 
 	console.log({ meet })
@@ -69,6 +76,28 @@ const roomType = ref<'AUDIO' | 'VIDEO'>('VIDEO')
 const description = ref<string | undefined>(undefined)
 const muteOnEntry = ref<boolean>(true)
 const videoOnEntry = ref<boolean>(true)
+const tokenGated = ref<boolean>(true)
+
+const minimumStartTime = ref<string>(
+	formatUnixTimestampToISO(Date.now() / 1000),
+)
+const startTimeLocal = ref<string>(minimumStartTime.value)
+const startTime = computed(() => {
+	if (startTimeLocal === undefined) {
+		return undefined
+	}
+	const start = new Date(startTimeLocal.value)
+	return start.toISOString()
+})
+
+const expiryTimeLocal = ref<string>('')
+const expiryTime = computed(() => {
+	if (expiryTimeLocal.value === '') {
+		return undefined
+	}
+	const expiry = new Date(expiryTimeLocal.value)
+	return expiry.toISOString()
+})
 
 const MAX_OPTIONS = 4
 
@@ -103,6 +132,12 @@ onPostCreated((post: any) => {
 	muteOnEntry.value = true
 	videoOnEntry.value = true
 	hostWallets.value = [{ id: 1, address: '' }]
+	startTimeLocal.value = minimumStartTime.value
+	expiryTimeLocal.value = ''
+	connection().account.subscribe((_account: string) => {
+		address.value = _account
+		hostWallets.value[0].address = _account
+	})
 })
 
 const handleClickRemovePoll = () => {
@@ -128,6 +163,14 @@ watch(isMeetOpen, (isOpen) => {
 		})
 	}
 })
+
+watch(startTime, (newValue) => {
+	console.log('Start Time changed:', newValue)
+})
+
+watch(expiryTime, (newValue) => {
+	console.log('Expiry Time changed:', newValue)
+})
 </script>
 <template>
 	<div
@@ -201,23 +244,74 @@ watch(isMeetOpen, (isOpen) => {
 				AUDIO
 			</label>
 		</div>
+		<div class="flex flex-row gap-4 py-4 px-4">
+			<div class="flex flex-col">
+				<label
+					class="block mb-2 uppercase tracking-wide text-gray-400 text-xs font-bold"
+					for="start-time"
+				>
+					Start Time
+				</label>
+				<input
+					id="start-time"
+					v-model="startTimeLocal"
+					type="datetime-local"
+					class="appearance-none block py-3 px-4 w-full text-gray-700 border border-gray-200 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
+					:min="minimumStartTime"
+				/>
+			</div>
+			<div class="flex flex-col">
+				<label
+					class="block mb-2 uppercase tracking-wide text-gray-400 text-xs font-bold"
+					for="expiry-time"
+				>
+					Expiry Time
+				</label>
+				<input
+					id="expiry-time"
+					v-model="expiryTimeLocal"
+					type="datetime-local"
+					class="appearance-none block py-3 px-4 w-full text-gray-700 border border-gray-200 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
+				/>
+			</div>
+		</div>
 		<div class="py-4 px-4 border-t border-gray-400">
-			<p class="mb-2 mr-4 text-gray-400 font-bold">Entry Settings</p>
-			<p class="uppercase mb-2 mr-4 text-gray-400 font-bold">Camera</p>
-			<label class="relative inline-flex items-center cursor-pointer">
-				<input v-model="videoOnEntry" type="checkbox" class="sr-only peer" />
-				<span
-					class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
-				></span>
-			</label>
-			<p class="uppercase mb-2 mr-4 text-gray-400 font-bold">Mute</p>
-			<label class="relative inline-flex items-center cursor-pointer">
-				<input v-model="muteOnEntry" type="checkbox" class="sr-only peer" />
-				<span
-					class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
-				></span>
-			</label>
+			<p class="mb-2 text-gray-400 font-bold">Entry Settings</p>
+			<div class="flex flex-wrap justify-between items-end">
+				<div class="flex-1 min-w-[33%]">
+					<p class="uppercase text-gray-400 font-bold">Camera</p>
+					<label class="relative inline-flex items-center cursor-pointer">
+						<input
+							v-model="videoOnEntry"
+							type="checkbox"
+							class="sr-only peer"
+						/>
+						<span
+							class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+						></span>
+					</label>
+				</div>
+				<div class="flex-1 min-w-[33%]">
+					<p class="uppercase text-gray-400 font-bold">Mute</p>
+					<label class="relative inline-flex items-center cursor-pointer">
+						<input v-model="muteOnEntry" type="checkbox" class="sr-only peer" />
+						<span
+							class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+						></span>
+					</label>
+				</div>
+				<div class="flex-1 min-w-[33%]">
+					<p class="uppercase text-gray-400 font-bold">Gated</p>
+					<label class="relative inline-flex items-center cursor-pointer">
+						<input v-model="tokenGated" type="checkbox" class="sr-only peer" />
+						<span
+							class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+						></span>
+					</label>
+				</div>
+			</div>
 		</div>
+
 		<div class="border-t border-gray-400">
 			<button
 				class="py-4 w-full border text-red-500"
diff --git a/src/components/Meeting/Join.vue b/src/components/Meeting/Join.vue
index 49eefaf..d79176b 100644
--- a/src/components/Meeting/Join.vue
+++ b/src/components/Meeting/Join.vue
@@ -1,14 +1,58 @@
 <script setup lang="ts">
 import VideoCamera from '../Icons/VideoCamera.vue'
+import { computed } from 'vue'
+import { formatISOTimestamp, isFutureTimestamp } from '../../fixtures'
 
 const props = defineProps<{
 	redirectToUrl: (meetingLink: string | undefined) => void
 	meetingLink: string | undefined
 	roomType: string
+	startTime: string | undefined
+	expiryTime: string | undefined
 }>()
+
+const startTimeValid = computed(
+	() => props.startTime && !isNaN(new Date(props.startTime).getTime()),
+)
+const expiryTimeValid = computed(
+	() => props.expiryTime && !isNaN(new Date(props.expiryTime).getTime()),
+)
+
+const meetingHasStarted = computed(
+	() => startTimeValid.value && !isFutureTimestamp(props.startTime as string),
+)
+const meetingIsActive = computed(
+	() =>
+		startTimeValid.value &&
+		(!expiryTimeValid.value || isFutureTimestamp(props.expiryTime as string)),
+)
+
+const roomTypeDescription = computed(() => {
+	return `${props.roomType === 'VIDEO' ? 'Video Call' : 'Audio Space'}`
+})
+
+const meetingStatusMessage = computed(() => {
+	if (!startTimeValid.value) {
+		return 'Unkwown Start Time'
+	}
+
+	if (meetingHasStarted.value && !meetingIsActive.value) {
+		return 'Expired'
+	}
+
+	if (!meetingHasStarted.value) {
+		return `Starts @ ${formatISOTimestamp(props.startTime as string)}`
+	}
+
+	return `Ends @ ${formatISOTimestamp(props.expiryTime as string)}`
+})
 </script>
 <template>
 	<button
+		v-if="
+			(startTime === undefined || !isFutureTimestamp(startTime)) &&
+			(expiryTime === undefined || isFutureTimestamp(expiryTime))
+		"
 		class="hs-button is-fullwidth is-large w-full gap-2 font-bold border border-blue-500 rounded-full bg-[#236BFE] outline hover:outline-[#236BFE] outline-2 outline-offset-2 transition-all text-white"
 		@click="
 			() => {
@@ -16,9 +60,16 @@ const props = defineProps<{
 			}
 		"
 	>
-		<VideoCamera :solid="true" />
+		<VideoCamera :solid="true" :iconType="roomType" />
 
-		Join {{ roomType === 'VIDEO' ? 'Video' : 'Audio' }}
-		{{ roomType === 'VIDEO' ? 'Call' : 'Space' }}
+		Join {{ roomTypeDescription }}
 	</button>
+	<div
+		v-else
+		class="hs-button is-fullwidth is-large w-full gap-2 font-bold border border-blue-500 rounded-full bg-[#236BFE] outline hover:outline-[#236BFE] outline-2 outline-offset-2 transition-all text-white"
+	>
+		<VideoCamera :solid="true" :iconType="`${roomType}`" />
+		{{ roomTypeDescription }}
+		{{ meetingStatusMessage }}
+	</div>
 </template>
diff --git a/src/components/feed-after-post-content.vue b/src/components/feed-after-post-content.vue
index 157d730..d4b1a5b 100644
--- a/src/components/feed-after-post-content.vue
+++ b/src/components/feed-after-post-content.vue
@@ -49,6 +49,8 @@ const redirectToUrl = (url: string | undefined) => {
 					:redirectToUrl="redirectToUrl"
 					:meetingLink="currentMeet.meetingLink"
 					:roomType="currentMeet.roomType"
+					:startTime="currentMeet.startTime"
+					:expiryTime="currentMeet.expiryTime"
 				/>
 			</section>
 		</div>
diff --git a/src/fixtures/index.ts b/src/fixtures/index.ts
new file mode 100644
index 0000000..604d1af
--- /dev/null
+++ b/src/fixtures/index.ts
@@ -0,0 +1,41 @@
+export const formatUnixTimestampToISO = (timestamp: number) => {
+	const date = new Date(timestamp * 1000) // Convert seconds to milliseconds
+	const year = date.getFullYear()
+	const month = (date.getMonth() + 1).toString().padStart(2, '0')
+	const day = date.getDate().toString().padStart(2, '0')
+	const hours = date.getHours().toString().padStart(2, '0')
+	const minutes = date.getMinutes().toString().padStart(2, '0')
+	const dateObject = new Date(`${year}-${month}-${day}T${hours}:${minutes}`)
+	return dateObject.toISOString()
+}
+
+export const formatISOTimestamp = (isoTimestamp: string) => {
+	const date = new Date(isoTimestamp)
+
+	const day = String(date.getDate()).padStart(2, '0')
+	const month = String(date.getMonth() + 1).padStart(2, '0') // Months are 0-indexed in JavaScript
+	const year = date.getFullYear()
+
+	const hours12 = date.getHours() % 12 || 12 // Converts 0 to 12 for midnight
+	const amPm = date.getHours() >= 12 ? 'PM' : 'AM'
+
+	const hours = String(hours12).padStart(2, '0')
+	const minutes = String(date.getMinutes()).padStart(2, '0')
+
+	const timeZone = new Intl.DateTimeFormat('en-US', {
+		timeZoneName: 'short',
+	}).resolvedOptions().timeZone
+
+	return `${hours}:${minutes} ${amPm} (${day}:${month}:${year}) ${timeZone}`
+}
+
+export const isFutureTimestamp = (isoTimestamp: string) => {
+	if (isoTimestamp === undefined) {
+		return true
+	}
+	const inputDate = new Date(isoTimestamp)
+
+	const currentDate = new Date()
+	// Return true if the input date is in the future, false otherwise
+	return inputDate > currentDate
+}
diff --git a/src/types.ts b/src/types.ts
index 0af2bbf..0d2d587 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -20,4 +20,6 @@ export interface Meet {
 	muteOnEntry: boolean
 	videoOnEntry: boolean
 	meetingLink: string | undefined
+	startTime: string | undefined
+	expiryTime: string | undefined
 }