Dev Design Library

Date cue

An inline civil date: day/week detents, nearby relative source words, a resolved date and a Calendar opened by hold or keyboard. Explicit today, bounds and footprint keep date/source semantics stable.

Date cue preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0
Files
  • packages/metalui/src/components/date-cue/date-cue.tsx
  • packages/metalui/src/components/date-cue/date-cue.css
  • packages/metalui/src/components/calendar/calendar.tsx
  • packages/metalui/src/motion/awake.ts
  • packages/metalui/src/motion/duration.ts
  • packages/metalui/src/motion/haptic.ts
  • packages/metalui/src/motion/hop.ts
  • packages/metalui/src/motion/indicator.tsx
Source
https://github.com/vijayksingh/metalui

More from Metal UI