Skip to content

Show different datepicker for Single Day, Multi-day, and No Date events (eg online only)#574

Open
summasmiff wants to merge 16 commits into
developmentfrom
ss/new-event-datetime-venue-editor
Open

Show different datepicker for Single Day, Multi-day, and No Date events (eg online only)#574
summasmiff wants to merge 16 commits into
developmentfrom
ss/new-event-datetime-venue-editor

Conversation

@summasmiff

@summasmiff summasmiff commented Jun 29, 2026

Copy link
Copy Markdown
Contributor

Goals of this PR

  • Show separate datepickers for different event types
  • Refactor SubmissionForm & child components into more modular components for easier state management and future improvements

New datepickers

New datepicker states are based on these Figma mockups.

- No Date (Online Resource)

Hides the picker completely.

- Single Date (Single-day event, Call for Entry)

Renders one DateTimeVenueEditor.
Screenshot 2026-07-14 at 3 07 16 PM

- Multi-Day (Gallery Show, Multi-day Event, Other)

Renders one DateTimeVenueEditor. Once a first date is selected, shows a button to add more.
Screenshot 2026-07-14 at 3 08 13 PM

New "Add Venue" behavior

The "Add Venue" form is now less prominent to prevent unnecessary venue additions. It is available from the Search Venues component as the final option, "Add a new venue...". When clicked, this opens a modal.
Screenshot 2026-07-14 at 3 10 27 PM
Screenshot 2026-07-14 at 3 10 39 PM

Refactor notes: new components: EventDateTimesVenuesEditor & DateTimeVenueEditor

The purpose of this PR is to add better UX for different types of events. Adding a bunch of new state management into the already-long SubmissionForm felt like a step backwards. Instead, this PR adds a couple new components to manage the local concern of "which datepicker to show".

EventDateTimesVenuesEditor

The main smart container managing the DateTimeVenues array (v-model="calendar_event.date_times"). It handles the conditional logic for three states, Single Day, Multi-Day, and No Date.

DateTimeVenueEditor

A 1:1 dumb presentation component combining the time and venue pickers. Manages confirmation/edit states and toggles between editable or static text displays.

Updates have been made to DateTimePicker and VenuePicker to make them "dumber" (more composable).

@summasmiff
summasmiff marked this pull request as ready for review July 14, 2026 19:11
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