Calendar
Description
Calendar page modules and event-management components for Enso UI.
Installation
Install the package:
yarn add @enso-ui/calendar
This package is also available through the full enso-ui workspace bundle.
Features
- exports the calendar page module consumed by Enso route maps
- pairs the page shell with filters, modal editing, and an embedded
vue-caltimeline - hides the application footer while the calendar page is active and restores it on unmount
- coordinates filter changes and event reloads through the local calendar ref
Usage
<script>
import CalendarPage from '@enso-ui/calendar';
export default {
components: { CalendarPage },
};
</script>
API
Index
Default export for the calendar page shell.
Import: @enso-ui/calendar
Props:
- No public props.
Events:
- No public emits.
Methods:
reloadEvents()refreshes the child calendar feed and closes the active event form.
Internal page modules:
CalendarFilterdrives the selected date and active calendars.EnsoCalendarrenders the event grid.EventFormhandles create/edit/destroy flows for one event.
Routes
/calendar
Route name: core.calendar.index
Page:
src/bulma/pages/calendar/Index.vue
The shipped route is a top-level shell route. The page itself coordinates the filter sidebar, the timeline component, and the modal event form.
Companion Backend Package
The backend package provides the calendar/event endpoints, option feeds, and form contracts consumed by the page modules.
Depends On
Contributions
are welcome. Pull requests are great, but issues are good too.
Thank you to all the people who already contributed to Enso!