Skip to content

feat: add Time Scale Filter component#980

Open
sharaddh wants to merge 1 commit into
magicuidesign:mainfrom
sharaddh:sharddh
Open

feat: add Time Scale Filter component#980
sharaddh wants to merge 1 commit into
magicuidesign:mainfrom
sharaddh:sharddh

Conversation

@sharaddh

@sharaddh sharaddh commented Jun 7, 2026

Copy link
Copy Markdown

Summary

Adds a new Time Scale Filter component to Magic UI.
It is a data flirting date timeline where data is filtered according to date.

Features

  • Analog timeline date selector
  • Smooth drag and scroll interactions
  • Mouse and touch support
  • Light and dark mode support
  • Snap-to-date behavior
  • Responsive design
  • Customizable timeline range
  • Controlled and uncontrolled usage

Added

  • registry/magicui/time-scale-filter.tsx
  • registry/example/time-scale-filter-demo.tsx
  • content/docs/components/time-scale-filter.mdx

Updated

  • config/docs.ts
  • registry/registry-ui.ts
  • registry/registry-examples.ts

Validation

  • Registry build passes
  • Lint passes
  • Typecheck passes
  • Production build passes
Dashboard
Dark mode
Settings
Light mode

@vercel

vercel Bot commented Jun 7, 2026

Copy link
Copy Markdown

@sharaddh is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

@sharaddh sharaddh closed this Jun 7, 2026
@sharaddh sharaddh reopened this Jun 7, 2026
@Yeom-JinHo Yeom-JinHo self-requested a review June 7, 2026 13:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant