Creating and editing events

Create an event by clicking or dragging on the grid, edit it in a dialog, expand it to a full page, pick its colour, and choose your default event type.


Creating an event

You create events right on the grid — just like Google Calendar. There's no "Create" button.

  • Click an empty slot in the Day or Week grid to make a one-hour event starting at that time.
  • Click and drag down (or up) across the grid to sweep out exactly the span you want — it snaps to 15-minute steps, and a little preview shows the start and end times as you drag. Let go to create it.

Either way, the calendar makes the new event and opens it right in a dialog — the same page you'd see at its own URL. Fill in the details there:

  • Title — type it at the top.
  • Starts / Ends — click the date to open the date & time picker, then pick a day and time. Changes save instantly and the event moves on the grid as you edit.
  • Color — click the colour swatch to pick a preset, use the native colour picker, or paste a hex.
  • Description / notes — the markdown body below the properties — an agenda, links, anything.

The event is created as soon as you click the slot, and your changes save as you make them (no "save" button). If you change your mind and close the dialog without editing anything — no title, date, or colour change — the event is discarded automatically, so an accidental click never leaves a stray event. Touch anything (or expand it to the full page) and it stays.

Editing an event

Click any event on the grid — a plain calendar event or a workout/stopwatch block — and it opens in the same dialog. Edit anything inline; everything saves as you go and the grid updates right away. There's no separate form: a calendar event is edited exactly like any other entry.

A long event (say a workout with lots of sub-entries) just scrolls inside the dialog. To close it, click outside the dialog or press Escape — there's no close button, and your edits are already saved as you make them.

Expand to a full page

Want more room — or a shareable URL? Hit the expand button (⤢, top-right of the dialog) to open the event as its own full page. Everything you can do in the dialog you can do there too; the dialog is just the quick way in.

Setting a colour

Each event can store its own colour. Click the colour swatch to pick from the presets, the native colour picker, or any hex you like.

If an event has no saved colour, the calendar uses a generated fallback based on its Type, so events of the same Type share a stable colour until you override one.

Choosing your default event type

Creating a slot on the grid makes an event of your default event type. New accounts start with a built-in Calendar event type, but you can point the default at any of your own types that has a start and end date & time (for example a "Meeting" or "Workout" type you created).

To change it, open the calendar's ⋯ menu (top-right) → Default event type…:

  • See your current default at a glance.
  • Search and pick any eligible type to make it the default.
  • If you don't have one yet, hit Create standard event to get the built-in Calendar event back.

What's not in v1

The following are deliberately deferred — they'll arrive in later releases:

  • Drag to move or resize an event on the grid. For now, change the start / end times in the dialog.
  • All-day toggle and recurring events inside the dialog. Existing all-day events still show correctly.
  • Multiple calendars / Type-visibility toggles. The "My calendars" sidebar is a placeholder.