diff --git a/src/components/availability/group-availability-block.tsx b/src/components/availability/group-availability-block.tsx
index b66b094a..fafc2450 100644
--- a/src/components/availability/group-availability-block.tsx
+++ b/src/components/availability/group-availability-block.tsx
@@ -9,6 +9,7 @@ interface GroupAvailabilityBlockProps {
     onHover?: VoidFunction;
     blockColor: string;
     hoveredMember?: string | null;
+    selectedMembers: string[];
     hasSpacerBefore?: boolean;
 }
 
@@ -21,16 +22,30 @@ export const GroupAvailabilityBlock = memo(
         onHover,
         blockColor,
         hoveredMember,
+        selectedMembers,
         hasSpacerBefore = false,
     }: GroupAvailabilityBlockProps) => {
-        const isMemberAvailable =
+        // Check if hovered member is available (for dimming when hovering)
+        const isHoveredMemberAvailable =
             hoveredMember && block && block.includes(hoveredMember);
 
+        // Check if any selected member is available (for dimming when not hovering)
+        const hasSelectedMemberAvailable =
+            !hoveredMember &&
+            selectedMembers.length > 0 &&
+            selectedMembers.some((memberId) => block.includes(memberId));
+
         return (
             <button
                 className={cn(
                     "h-full w-full border-r-[1px] border-gray-medium transition-opacity duration-200",
-                    hoveredMember && !isMemberAvailable && "opacity-30",
+                    // Dim if hovering and hovered member is not available
+                    hoveredMember && !isHoveredMemberAvailable && "opacity-30",
+                    // Dim if not hovering, have selections, but no selected member is available
+                    !hoveredMember &&
+                        selectedMembers.length > 0 &&
+                        !hasSelectedMemberAvailable &&
+                        "opacity-30",
                     hasSpacerBefore && "border-l-[1px] border-l-gray-medium",
                     tableCellStyles,
                     className
diff --git a/src/components/availability/group-availability-row.tsx b/src/components/availability/group-availability-row.tsx
new file mode 100644
index 00000000..ae118683
--- /dev/null
+++ b/src/components/availability/group-availability-row.tsx
@@ -0,0 +1,161 @@
+import React from "react";
+import { getTimestampFromBlockIndex } from "@/components/availability/group-availability";
+import { GroupAvailabilityBlock } from "@/components/availability/group-availability-block";
+import { generateDateKey, spacerBeforeDate } from "@/lib/availability/utils";
+import { cn } from "@/lib/utils";
+import { ZotDate } from "@/lib/zotdate";
+import { useAvailabilityPaginationStore } from "@/store/useAvailabilityPaginationStore";
+
+interface GroupAvailabilityRowProps {
+    timeBlock: number;
+    blockIndex: number;
+    availabilityTimeBlocksLength: number;
+    currentPageAvailability: ZotDate[];
+    selectedZotDateIndex: number | undefined;
+    selectedBlockIndex: number | undefined;
+    fromTime: number;
+    availabilityDates: ZotDate[];
+    numMembers: number;
+    hoveredMember: string | null;
+    selectedMembers: string[];
+    handleCellClick: (params: {
+        isSelected: boolean;
+        zotDateIndex: number;
+        blockIndex: number;
+    }) => void;
+    handleCellHover: (params: {
+        zotDateIndex: number;
+        blockIndex: number;
+    }) => void;
+}
+
+export function GroupAvailabilityRow({
+    timeBlock,
+    blockIndex,
+    availabilityTimeBlocksLength,
+    currentPageAvailability,
+    selectedZotDateIndex,
+    selectedBlockIndex,
+    fromTime,
+    availabilityDates,
+    numMembers,
+    hoveredMember,
+    selectedMembers,
+    handleCellClick,
+    handleCellHover,
+}: GroupAvailabilityRowProps) {
+    const { currentPage, itemsPerPage } = useAvailabilityPaginationStore();
+
+    const isTopOfHour = timeBlock % 60 === 0;
+    const isHalfHour = timeBlock % 60 === 30;
+    const isLastRow = blockIndex === availabilityTimeBlocksLength - 1;
+
+    const spacers = spacerBeforeDate(currentPageAvailability);
+
+    return currentPageAvailability.map((selectedDate, pageDateIndex) => {
+        const key = generateDateKey({
+            selectedDate,
+            timeBlock,
+            pageDateIndex,
+        });
+
+        if (selectedDate) {
+            const zotDateIndex = pageDateIndex + currentPage * itemsPerPage;
+
+            const isSelected =
+                selectedZotDateIndex === zotDateIndex &&
+                selectedBlockIndex === blockIndex;
+
+            const timestamp = getTimestampFromBlockIndex(
+                blockIndex,
+                zotDateIndex,
+                fromTime,
+                availabilityDates
+            );
+
+            // Get the block (array of member IDs available at this timestamp)
+            const block = selectedDate.groupAvailability[timestamp] || [];
+
+            // Calculate block color
+            // Priority: hoveredMember > selectedMembers > normal group view
+            let blockColor = "transparent";
+            if (hoveredMember) {
+                if (block.includes(hoveredMember)) {
+                    blockColor = "rgba(55, 124, 251)";
+                } else {
+                    blockColor = "transparent";
+                }
+            } else if (selectedMembers.length > 0) {
+                const selectedInBlock = selectedMembers.filter((memberId) =>
+                    block.includes(memberId)
+                );
+                if (selectedInBlock.length > 0) {
+                    const opacity = Math.min(
+                        0.9,
+                        0.5 + selectedInBlock.length * 0.15
+                    );
+                    blockColor = `rgba(55, 124, 251, ${opacity})`;
+                } else {
+                    blockColor = "transparent";
+                }
+            } else if (numMembers > 0) {
+                const opacity = block.length / numMembers;
+                blockColor = `rgba(55, 124, 251, ${opacity})`;
+            }
+
+            const tableCellStyles = cn(
+                isTopOfHour ? "border-t-[1px] border-t-gray-medium" : "",
+                isHalfHour ? "border-t-[1px] border-t-gray-base" : "",
+                isLastRow ? "border-b-[1px]" : "",
+                isSelected ? "outline-dashed outline-2 outline-slate-500" : ""
+            );
+
+            return (
+                <React.Fragment key={key}>
+                    {spacers[pageDateIndex] && (
+                        <td
+                            className="w-3 md:w-4"
+                            aria-hidden="true"
+                        />
+                    )}
+                    <td className="px-0 py-0">
+                        <GroupAvailabilityBlock
+                            className="group-availability-block block"
+                            onClick={() =>
+                                handleCellClick({
+                                    isSelected,
+                                    zotDateIndex,
+                                    blockIndex,
+                                })
+                            }
+                            onHover={() =>
+                                handleCellHover({
+                                    zotDateIndex,
+                                    blockIndex,
+                                })
+                            }
+                            block={block}
+                            blockColor={blockColor}
+                            tableCellStyles={tableCellStyles}
+                            hoveredMember={hoveredMember}
+                            selectedMembers={selectedMembers}
+                            hasSpacerBefore={spacers[pageDateIndex]}
+                        />
+                    </td>
+                </React.Fragment>
+            );
+        } else {
+            return (
+                <React.Fragment key={key}>
+                    {spacers[pageDateIndex] && (
+                        <td
+                            className="w-3 md:w-4"
+                            aria-hidden="true"
+                        />
+                    )}
+                    <td></td>
+                </React.Fragment>
+            );
+        }
+    });
+}
diff --git a/src/components/availability/group-availability.tsx b/src/components/availability/group-availability.tsx
index 05a037f8..da533758 100644
--- a/src/components/availability/group-availability.tsx
+++ b/src/components/availability/group-availability.tsx
@@ -73,6 +73,7 @@ export function GroupAvailability({
         setSelectedBlockIndex,
         setSelectionIsLocked,
         setIsMobileDrawerOpen,
+        selectedMembers,
     } = useGroupSelectionStore(
         useShallow((state) => ({
             selectedZotDateIndex: state.selectedZotDateIndex,
@@ -83,6 +84,7 @@ export function GroupAvailability({
             setSelectedBlockIndex: state.setSelectedBlockIndex,
             setSelectionIsLocked: state.setSelectionIsLocked,
             setIsMobileDrawerOpen: state.setIsMobileDrawerOpen,
+            selectedMembers: state.selectedMembers,
         }))
     );
 
@@ -168,6 +170,7 @@ export function GroupAvailability({
             const block = selectedDate.groupAvailability[timestamp] || [];
 
             // Calculate block color
+            // Priority: hoveredMember > selectedMembers > normal group view
             let blockColor = "transparent";
             if (hoveredMember) {
                 if (block.includes(hoveredMember)) {
@@ -175,6 +178,19 @@ export function GroupAvailability({
                 } else {
                     blockColor = "transparent";
                 }
+            } else if (selectedMembers.length > 0) {
+                const selectedInBlock = selectedMembers.filter((memberId) =>
+                    block.includes(memberId)
+                );
+                if (selectedInBlock.length > 0) {
+                    const opacity = Math.min(
+                        0.9,
+                        0.5 + selectedInBlock.length * 0.15
+                    );
+                    blockColor = `rgba(55, 124, 251, ${opacity})`;
+                } else {
+                    blockColor = "transparent";
+                }
             } else if (numMembers > 0) {
                 const opacity = block.length / numMembers;
                 blockColor = `rgba(55, 124, 251, ${opacity})`;
@@ -215,6 +231,7 @@ export function GroupAvailability({
                             blockColor={blockColor}
                             tableCellStyles={tableCellStyles}
                             hoveredMember={hoveredMember}
+                            selectedMembers={selectedMembers}
                             hasSpacerBefore={spacers[pageDateIndex]}
                         />
                     </td>
diff --git a/src/components/availability/group-responses.tsx b/src/components/availability/group-responses.tsx
index 310ec933..c4ae1aff 100644
--- a/src/components/availability/group-responses.tsx
+++ b/src/components/availability/group-responses.tsx
@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { getTimestampFromBlockIndex } from "@/components/availability/group-availability";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Member } from "@/lib/types/availability";
 import { cn } from "@/lib/utils";
 import { ZotDate } from "@/lib/zotdate";
@@ -26,6 +27,8 @@ export function GroupResponses({
         isMobileDrawerOpen,
         setIsMobileDrawerOpen,
         setHoveredMember,
+        selectedMembers,
+        toggleSelectedMember,
     } = useGroupSelectionStore(
         useShallow((state) => ({
             selectedZotDateIndex: state.selectedZotDateIndex,
@@ -33,6 +36,8 @@ export function GroupResponses({
             isMobileDrawerOpen: state.isMobileDrawerOpen,
             setIsMobileDrawerOpen: state.setIsMobileDrawerOpen,
             setHoveredMember: state.setHoveredMember,
+            selectedMembers: state.selectedMembers,
+            toggleSelectedMember: state.toggleSelectedMember,
         }))
     );
 
@@ -47,6 +52,10 @@ export function GroupResponses({
         [setHoveredMember]
     );
 
+    const handleCheckboxChange = (memberId: string) => {
+        toggleSelectedMember(memberId);
+    };
+
     const { availableMembers, notAvailableMembers } = useMemo(() => {
         if (
             selectedZotDateIndex === undefined ||
@@ -160,7 +169,7 @@ export function GroupResponses({
                                 AVAILABLE ({availableMembers.length})
                             </span>
                         </div>
-                        <ul className="h-64 overflow-auto py-2 pl-8">
+                        <ul className="h-64 space-y-2 overflow-auto py-2 pl-8">
                             {availableMembers.length > 0 ? (
                                 availableMembers.map((member) => (
                                     <li
@@ -173,7 +182,30 @@ export function GroupResponses({
                                             handleMemberHover(null)
                                         }
                                     >
-                                        {member.displayName}
+                                        <div className="flex items-center gap-2">
+                                            <Checkbox
+                                                checked={selectedMembers.includes(
+                                                    member.memberId
+                                                )}
+                                                onCheckedChange={() =>
+                                                    handleCheckboxChange(
+                                                        member.memberId
+                                                    )
+                                                }
+                                                onClick={(e) =>
+                                                    e.stopPropagation()
+                                                }
+                                            />
+                                            <span
+                                                className={cn(
+                                                    selectedMembers.includes(
+                                                        member.memberId
+                                                    ) && "font-semibold"
+                                                )}
+                                            >
+                                                {member.displayName}
+                                            </span>
+                                        </div>
                                     </li>
                                 ))
                             ) : (
@@ -189,7 +221,7 @@ export function GroupResponses({
                                 NOT AVAILABLE ({notAvailableMembers.length})
                             </span>
                         </div>
-                        <ul className="h-64 overflow-auto py-2 pl-8">
+                        <ul className="h-64 space-y-2 overflow-auto py-2 pl-8">
                             {notAvailableMembers.length > 0 ? (
                                 notAvailableMembers.map((member) => (
                                     <li
@@ -202,7 +234,30 @@ export function GroupResponses({
                                             handleMemberHover(null)
                                         }
                                     >
-                                        {member.displayName}
+                                        <div className="flex items-center gap-2">
+                                            <Checkbox
+                                                checked={selectedMembers.includes(
+                                                    member.memberId
+                                                )}
+                                                onCheckedChange={() =>
+                                                    handleCheckboxChange(
+                                                        member.memberId
+                                                    )
+                                                }
+                                                onClick={(e) =>
+                                                    e.stopPropagation()
+                                                }
+                                            />
+                                            <span
+                                                className={cn(
+                                                    selectedMembers.includes(
+                                                        member.memberId
+                                                    ) && "font-semibold"
+                                                )}
+                                            >
+                                                {member.displayName}
+                                            </span>
+                                        </div>
                                     </li>
                                 ))
                             ) : (
diff --git a/src/components/availability/individual-schedule-view.tsx b/src/components/availability/individual-schedule-view.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 00000000..2b15c0b8
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+
+const Checkbox = React.forwardRef<
+    React.ElementRef<typeof CheckboxPrimitive.Root>,
+    React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+    <CheckboxPrimitive.Root
+        ref={ref}
+        className={cn(
+            "peer grid h-4 w-4 shrink-0 place-content-center rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+            className
+        )}
+        {...props}
+    >
+        <CheckboxPrimitive.Indicator
+            className={cn("grid place-content-center text-current")}
+        >
+            <Check className="h-4 w-4" />
+        </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/src/store/useGroupSelectionStore.ts b/src/store/useGroupSelectionStore.ts
index e335fa46..180163a5 100644
--- a/src/store/useGroupSelectionStore.ts
+++ b/src/store/useGroupSelectionStore.ts
@@ -5,11 +5,14 @@ interface GroupSelectionState {
     selectedBlockIndex: number | undefined;
     selectionIsLocked: boolean;
     hoveredMember: string | null;
+    selectedMembers: string[];
     isMobileDrawerOpen: boolean;
     setSelectedZotDateIndex: (index: number | undefined) => void;
     setSelectedBlockIndex: (index: number | undefined) => void;
     setSelectionIsLocked: (locked: boolean) => void;
     setHoveredMember: (member: string | null) => void;
+    toggleSelectedMember: (memberId: string) => void;
+    setSelectedMember: (members: string[]) => void;
     setIsMobileDrawerOpen: (open: boolean) => void;
     resetSelection: () => void;
 }
@@ -19,16 +22,32 @@ export const useGroupSelectionStore = create<GroupSelectionState>((set) => ({
     selectedBlockIndex: undefined,
     selectionIsLocked: false,
     hoveredMember: null,
+    selectedMembers: [],
     isMobileDrawerOpen: false,
     setSelectedZotDateIndex: (index) => set({ selectedZotDateIndex: index }),
     setSelectedBlockIndex: (index) => set({ selectedBlockIndex: index }),
     setSelectionIsLocked: (locked) => set({ selectionIsLocked: locked }),
     setHoveredMember: (member) => set({ hoveredMember: member }),
+    setSelectedMember: (members) => set({ selectedMembers: members }),
+    toggleSelectedMember: (memberId) =>
+        set((state) => {
+            const isSelected = state.selectedMembers.includes(memberId);
+            if (isSelected) {
+                return {
+                    selectedMembers: state.selectedMembers.filter(
+                        (id) => id !== memberId
+                    ),
+                };
+            } else {
+                return {
+                    selectedMembers: [...state.selectedMembers, memberId],
+                };
+            }
+        }),
     setIsMobileDrawerOpen: (open) => set({ isMobileDrawerOpen: open }),
     resetSelection: () =>
         set({
             selectedZotDateIndex: undefined,
             selectedBlockIndex: undefined,
-            hoveredMember: null,
         }),
 }));