ai-agent

React Schedule Meeting

Name: React Schedule Meeting
Author: TylerAHolden

66 stars16 forksHTMLUpdated 6/13/2025100% free · open source

What it does

React-schedule-meeting is a React component that helps users schedule meetings by providing a simple and intuitive interface to select a date and time

When to use it

•When building a web application that requires users to schedule meetings or appointments
•When integrating a meeting scheduling system into an existing React application
•When creating a simple and user-friendly interface for users to select a date and time

Ready-to-paste prompt

<ScheduleMeeting minDate={new Date()} maxDate={new Date('2024-01-01')} onSelect={(date) => console.log(date)} />

Heads up: Make sure to check the compatibility of the component with your React version, as it may require a specific version of React to function properly

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-schedule-meeting && curl -fsSL https://workflowstacks.com/api/skills/react-schedule-meeting/claude-skill -o ~/.claude/skills/react-schedule-meeting/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How React Schedule Meeting works

Codeflow

Free to inspect

React Schedule Meeting is a small HTML project (~2.1k lines across 26 code files, plus 1 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 15 months ago, MIT license, has a test suite.

Size

Small codebase

~2.1k lines · 26 code files · 17 min skim

Setup

One-command install

Installs like a normal app. Reading the code is optional.

Runs on

Node.js

No API keys detected

HTML 80%TypeScript 18%JavaScript 2%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/index.ts
Where the program starts running
3
package.json
Dependencies and the commands it exposes

What's in each folder

src/Core code — the actual logic8 files

docs/Documentation39 files

.vscode/Editor / agent settings1 files

.yarn/Tool / agent settings1 files

test/Tests — proof it works1 files

READMEHas testsDocumentedNo CIMIT licenseLast update 15 mo ago

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-schedule-meeting && curl -fsSL https://workflowstacks.com/api/skills/react-schedule-meeting/claude-skill -o ~/.claude/skills/react-schedule-meeting/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

TylerAHolden

Language

HTML