Skip to content
appsgit

Timepicker UI MCP

Timepicker UI MCP is an MCP server that adds tools to AI assistants such as Claude Desktop, Claude Code and Cursor. MCP server for timepicker-ui: options, events, themes, public API, snippets and time validation. It has 101 GitHub stars, is released under the MIT license and runs locally with npx -y timepicker-ui-mcp.

github.com/pglejzer/timepicker-ui (opens in a new tab)

Data as of from the GitHub API and the official MCP registry; description from the project's repository. Report an error

Install Timepicker UI MCP

Generated from the server's MCP registry entry. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "timepicker-ui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "timepicker-ui-mcp"
      ]
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --transport stdio timepicker-ui-mcp -- npx -y timepicker-ui-mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "timepicker-ui-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "timepicker-ui-mcp"
      ]
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "servers": {
    "timepicker-ui-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "timepicker-ui-mcp"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

About Timepicker UI MCP

A time picker for web forms. Attach it to an and users pick a time on a clock face or a scroll wheel. No global CSS reset is needed: the picker sets box-sizing: border-box on its own elements (details).

  • material-design
  • material
  • design
  • css
  • javascript
  • scss
  • timepicker
  • typescript

FAQ

Timepicker UI MCP FAQ

Still curious? Email info@appsgit.com.

How do I install the Timepicker UI MCP MCP server?

Add the command npx -y timepicker-ui-mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is Timepicker UI MCP free?

The server is open source under the MIT license, so running it is free. It does not declare any required API key.

Is Timepicker UI MCP actively maintained?

The most recent commit was on Oct 19, 2026. The latest release is 4.6.0, published Oct 19, 2026. appsgit only lists MCP servers with a commit in the last six months.