Appearance
Web integration
ChronoSketch provides scheduling components for Vanilla JavaScript, React and Vue. Choose the component that matches your use case, pass your application data and handle its callbacks to confirm changes in your application.
For native SwiftUI usage, see Swift integration.
Application requirements
The React adapter accepts React 18.2 or 19; the Vue adapter accepts Vue 3.5. Vanilla consumers need neither. Use an ESM-capable application bundler and a modern browser with Intl, dialog and Popover API support. Import the stylesheet once in your entry point.
Entry points
| Import | Purpose |
|---|---|
@xsigns/chronosketch | DOM calendar factory, core helpers and public types |
@xsigns/chronosketch/resources | Resources factory and finite-plan types |
@xsigns/chronosketch/resources/styles.css | Resources and Calendar styles |
@xsigns/chronosketch/core | Store, date/event helpers and public types |
@xsigns/chronosketch/react | React Calendar, Timeline, TaskGantt and Resources components |
@xsigns/chronosketch/vue | Vue Calendar, Timeline, TaskGantt and Resources components |
@xsigns/chronosketch/timeline | Timeline factory and types |
@xsigns/chronosketch/timeline/styles.css | Additional Timeline stylesheet |
@xsigns/chronosketch/styles.css | Shared stylesheet |
TaskGantt’s additional imports are @xsigns/chronosketch/task-gantt (factory/types) and @xsigns/chronosketch/task-gantt/styles.css (task styles, alongside shared CSS). See Task Gantt.